<div class="voucher-card-square">

    <div class="top">

        <a href="#" class="wishlist-button">
            <i class="icon icon-wishlist <?php if ($index < 3) echo 'liked' ?>"></i>
        </a>

        <div class="sale">
            <span class="num"> 50% </span>
            <span class="text"> Off</span>
        </div>

        <a href="card-details.php">
            <img src="assets/img/thumbs/cards/0<?php echo $index + 1 ?>.jpg" class="product-image" onerror="this.onerror=null; this.src='assets/img/thumbs/products/default.jpg';">
        </a>

    </div><!-- top -->

    <div class="bottom">

        <a href="product-details.php">
            <p class="product-name">
                <?php
                switch ($index) {
                    case  1:
                        print  'name name name ';
                        break;
                    case  2:
                        print 'name name name name name name name';
                        break;
                    default:
                        print 'Shutter 30000 67 mB a0000 67 mB a0000 6 Shutter 30000 67 mB a0000 67 mB a0000 6';
                        break;
                }
                ?>
            </p>
        </a>

        <div class="flex-start gap-1">

            <p class="m-0 small"> Start From : </p>
            <p class="m-0 color-primary"> 421.000 KWD </p>

        </div>


    </div><!-- bottom -->
    
</div><!-- voucher-card-square -->