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

<div class="page">
    <div class="container p-0">

        <h5 class="mb-3 mt-5 font-medium">Categories</h5>
        <div class="row mb-4">
            <?php foreach (range(1, 12) as $index) { ?>
                <div class="col-md-1">
                    <?php include 'shared-html/category-card.php' ?>
                </div>
            <?php } ?>
        </div>


        <hr />

        <h5 class="mb-3 font-medium">Stores</h5>
        <div class="row mb-4">
            <?php foreach (range(1, 12) as $index) { ?>
                <div class="col-md-1">
                    <?php include 'shared-html/store-card-square.php' ?>
                </div>
            <?php } ?>
        </div>



        <hr />

        <h5 class="mb-3 font-medium">Square Products</h5>
        <div class="row mb-4">
            <?php foreach (range(1, 4) as $index) { ?>
                <div class="col-md-3">
                    <?php include 'shared-html/product-card-square.php' ?>
                </div>
            <?php } ?>
        </div>


        <hr />

        <h5 class="mb-3 font-medium">Featured Products</h5>
        <div class="row mb-4">
            <?php foreach (range(1, 4) as $index) {
                $productType = 2; ?>
                <div class="col-md-3">
                    <?php include 'shared-html/product-card-square.php' ?>
                </div>
            <?php } ?>
        </div>

        <hr />

        <h5 class="mb-3 font-medium">Wide Products</h5>

        <div class="row mb-4">
            <?php foreach (range(1, 4) as $index) { ?>
                <div class="col-md-3">
                    <?php include 'shared-html/product-card-wide.php' ?>
                </div>
            <?php } ?>
        </div>

        <hr />

        <h5 class="mb-3 font-medium">Wide Products Style 4</h5>
        <div class="row mb-4">
            <?php foreach (range(1, 3) as $index) { ?>
                <div class="col-md-4">
                    <?php include 'shared-html/product-card-wide-4.php' ?>
                </div>
            <?php } ?>
        </div>

        <hr />

        <h5 class="mb-3 font-medium">Wide Products Style 2</h5>
        <div class="row mb-4">
            <?php foreach (range(1, 4) as $index) { ?>
                <div class="col-md-3">
                    <?php include 'shared-html/product-card-wide-2.php' ?>
                </div>
            <?php } ?>
        </div>

        <hr />

        <h5 class="mb-3 font-medium">Wide Products Style 3</h5>

        <div class="row mb-4">
            <?php foreach (range(1, 4) as $index) { ?>
                <div class="col-md-3">
                    <?php include 'shared-html/product-card-wide-3.php' ?>
                </div>
            <?php } ?>
        </div>


        <h5 class="mb-3 font-medium">Store card </h5>

        <div class="row mb-4">
            <?php foreach (range(1, 4) as $index) { ?>
                <div class="col-md-3">
                    <?php include 'shared-html/store-card-square-2.php' ?>
                </div>
            <?php } ?>
        </div>








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

</div> <!-- page -->

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