<?php global $site_url, $zon; ?>
<div class="py-1">
<div class="container-fluid">
<div class="category-btn">
<?php foreach (getCategories() as $category) { ?>
<a href="<?= $site_url . 'category/?n=' . urlencode($category['name']) ?>"><?= $category['name'] ?></a>
<?php } ?>
</div>
</div>
</div>
<div class="layout-section">
<div class="container-fluid">
<div class="card-masonry">
<?php foreach (getGame(100) as $game) { ?>
<a href="<?= $site_url . 'game/' . makeSlug($game['game_name']) . '/' . $game['id'] ?>"
class="card wow <?php echo $zon['config']['animate_class'] ?> <?= isFeaturedGame($game['id']) ? 'large' : '' ?>">
<picture>
<source data-srcset="<?= $game['game_image_url'] ?>" type="image/webp" class="img-fluid"
srcset="<?= $game['game_image_url'] ?>">
<source data-srcset="<?= $game['game_image_url'] ?>" type="image/png" class="img-fluid"
srcset="<?= $game['game_image_url'] ?>">
<img data-src="<?= $game['game_image_url'] ?>" alt="Fidget Spinner Creator"
class="lazyload img-fluid" width="500" height="500">
</picture>
<div class="card-body">
<h3><?= $game['game_name'] ?></h3>
</div>
</a>
<?php } ?>
</div>
</div>
</div>
<?php if (getAdById(6, 'status') == 0) { ?>
<div class="mx-lg-auto py-3 px-3 mb-3">
<?php echo getAdById(6, 'code') ?>
</div>
<?php } ?>
<?php if(count(FeedPopularGames(33)) > 0) { ?>
<div class="layout-section">
<div class="container-fluid">
<div class="layout-heading mb-3">
<h3 class="fs-lg fw-bold">Most popular Games</h3>
</div>
<div class="card-masonry">
<?php foreach (FeedPopularGames(33) as $game) { ?>
<a href="<?= $site_url . 'game/' . makeSlug($game['game_name']) . '/' . $game['id'] ?>"
class="card wow <?php echo $zon['config']['animate_class'] ?> <?= isFeaturedGame($game['id']) ? 'large' : '' ?>">
<picture>
<source data-srcset="<?= $game['game_image_url'] ?>" type="image/webp" class="img-fluid"
srcset="<?= $game['game_image_url'] ?>">
<source data-srcset="<?= $game['game_image_url'] ?>" type="image/png" class="img-fluid"
srcset="<?= $game['game_image_url'] ?>">
<img data-src="<?= $game['game_image_url'] ?>" alt="Fidget Spinner Creator"
class="lazyload img-fluid" width="500" height="500">
</picture>
<div class="card-body">
<h3><?= $game['game_name'] ?></h3>
</div>
</a>
<?php } ?>
</div>
</div>
</div>
<?php } ?>
<?php if (getAdById(7, 'status') == 0) { ?>
<div class="mx-lg-auto py-3 px-3 mb-3">
<?php echo getAdById(7, 'code') ?>
</div>
<?php } ?>
<div class="layout-section">
<div class="container-fluid">
<div class="layout-heading mb-3">
<h3 class="fs-lg fw-bold">You may also like</h3>
</div>
<div class="card-masonry">
<?php foreach (NewestGames(33) as $game) { ?>
<a href="<?= $site_url . 'game/' . makeSlug($game['game_name']) . '/' . $game['id'] ?>"
class="card wow <?php echo $zon['config']['animate_class'] ?> <?= isFeaturedGame($game['id']) ? 'large' : '' ?>">
<picture>
<source data-srcset="<?= $game['game_image_url'] ?>" type="image/webp" class="img-fluid"
srcset="<?= $game['game_image_url'] ?>">
<source data-srcset="<?= $game['game_image_url'] ?>" type="image/png" class="img-fluid"
srcset="<?= $game['game_image_url'] ?>">
<img data-src="<?= $game['game_image_url'] ?>" alt="Fidget Spinner Creator"
class="lazyload img-fluid" width="500" height="500">
</picture>
<div class="card-body">
<h3><?= $game['game_name'] ?></h3>
</div>
</a>
<?php } ?>
</div>
</div>
</div>