<h1 class="text-3xl mb-8 mt-3 block page-heading" >Popular Games</h1>
<div id="zon_games" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-6 xl:grid-cols-7 gap-6"></div>
<div id="zon-loader" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
    <div class="h-32 w-full" style="background: var(--zon-body-bg-color); box-shadow: 0px 0px 40px 0px var(--zon-search-bg-color);"></div>
</div>