<?php include 'header.php'; ?>
<?php include '_top-header.php'; ?>

<div class="page">

    <div class="container p-0">

        <div class="mt-4 mb-3">

            <h4 class="p-3 bg-black base-border-radius color-white "> Explore Categories </h4>

        </div>

        <div class="card">

            <div class="row row-gap-3 align-items-start">



                <?php foreach (range(1, 27) as $i) { ?>

                    <div class="w-130px flex-center flex-column">

                        <div class="w-110px h-110px border-radius-lg overflow-hidden mb-3">
                            <div class="shimmer"></div>
                        </div>

                        <div class="w-110px h-10px border-radius-lg overflow-hidden mb-3">
                            <div class="shimmer"></div>
                        </div>

                    </div>

                <?php } ?>



                <?php foreach ($categoriesList as $index => $item) { ?>

                    <div class="w-130px flex-center">

                        <?php include 'shared-html/category-card.php' ?>

                    </div>

                <?php } ?>

            </div>

        </div>

    </div>

</div> <!-- container -->


<?php include 'footer.php'; ?>