LN-471 added listings to php

src/store/index.php

@@ -78,15 +78,25 @@
             ],
         ];
         ?>
-        <section class="grid grid-cols-4 gap-16">
-            <?php foreach ($items as $item) : ?>
-                <div class="product">
-                    <img src="<?php echo $item['img']; ?>" alt="<?php echo $item['name']; ?>">
-                    <h3><?php echo $item['name']; ?></h3>
-                    <p><?php echo $item['price']; ?></p>
+      <section class="grid grid-cols-4 gap-16">
+    <?php foreach ($items as $item): ?>
+        <div class="product">
+            <a href="/store/details.php?id=<?php echo $item['id']; ?>">
+                <img src="<?php echo $item['img']; ?>" alt="" class="h-[400px] w-[100%]" />
+                <div class="flex flex-row justify-between mt-4">
+                    <div>
+                        <h2 class="text-black/80 text-[20px] mb-2">
+                            <?php echo $item['name']; ?>
+                        </h2>
+                        <p class="text-[16px]"><?php echo $item['price']; ?></p>
+                    </div>
+                    <i class="fa-regular fa-heart text-[20px]"></i>
                 </div>
-            <?php endforeach; ?>
-        </section>
+            </a>
+        </div>
+    <?php endforeach; ?>
+</section>
+
     </section>
     <section class="mt-20">
         <h2 class="text-black/80 text-[24px] font-bold">ABOUT</h2>