refactor: update product card categories and links in index.html for improved catalog organization and clarity
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
George Birikorang 2025-09-17 13:49:55 -07:00
parent f75035415d
commit 36fad2a5c6
12 changed files with 53 additions and 26 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

View file

@ -614,8 +614,11 @@
<div
class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-7 mb-8"
>
<!-- Product Card 1: Lounge Chairs -->
<a href="product-catalog.html?category=seating" class="block">
<!-- Product Card 1: Training Tables -->
<a
href="product-catalog.html?category=training-tables"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -638,8 +641,8 @@
</div>
</a>
<!-- Product Card 2: Office Chairs -->
<a href="product-catalog.html?category=seating" class="block">
<!-- Product Card 2: Screens -->
<a href="product-catalog.html?category=screens" class="block">
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -662,8 +665,11 @@
</div>
</a>
<!-- Product Card 3: Conference Room -->
<a href="product-catalog.html?category=tables" class="block">
<!-- Product Card 3: Executive Desks -->
<a
href="product-catalog.html?category=executive-desks"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -686,8 +692,11 @@
</div>
</a>
<!-- Product Card 4: Storage -->
<a href="product-catalog.html?category=storage" class="block">
<!-- Product Card 4: Conference Chairs -->
<a
href="product-catalog.html?category=conference-chairs"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -710,8 +719,11 @@
</div>
</a>
<!-- Product Card 5: Kitchen -->
<a href="product-catalog.html?category=workspace" class="block">
<!-- Product Card 5: Visitors Chair -->
<a
href="product-catalog.html?category=visitors-chair"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -734,8 +746,8 @@
</div>
</a>
<!-- Product Card 6: Chairs -->
<a href="product-catalog.html?category=seating" class="block">
<!-- Product Card 6: Soft seating -->
<a href="product-catalog.html?category=soft-seating" class="block">
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -758,8 +770,8 @@
</div>
</a>
<!-- Product Card 7: Pods -->
<a href="product-catalog.html?category=seating" class="block">
<!-- Product Card 7: Barstools -->
<a href="product-catalog.html?category=barstools" class="block">
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -782,8 +794,8 @@
</div>
</a>
<!-- Product Card 8: Potty -->
<a href="product-catalog.html?category=workspace" class="block">
<!-- Product Card 8: Work Station -->
<a href="product-catalog.html?category=work-station" class="block">
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -807,7 +819,10 @@
</a>
<!-- Product Card 9: Executive Task Chair -->
<a href="product-catalog.html?category=seating" class="block">
<a
href="product-catalog.html?category=executive-task-chair"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -830,8 +845,11 @@
</div>
</a>
<!-- Product Card 10: Storage -->
<a href="product-catalog.html?category=tables" class="block">
<!-- Product Card 10: Canteen Chairs -->
<a
href="product-catalog.html?category=canteen-chairs"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -855,7 +873,7 @@
</a>
<!-- Product Card 11: Storage -->
<a href="product-catalog.html?category=seating" class="block">
<a href="product-catalog.html?category=storage" class="block">
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -878,8 +896,11 @@
</div>
</a>
<!-- Product Card 12: Executive Desks -->
<a href="product-catalog.html?category=workspace" class="block">
<!-- Product Card 12: Training Chairs -->
<a
href="product-catalog.html?category=training-chairs"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -903,7 +924,7 @@
</a>
<!-- Product Card 13: Task Chairs -->
<a href="product-catalog.html?category=seating" class="block">
<a href="product-catalog.html?category=task-chairs" class="block">
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -926,8 +947,11 @@
</div>
</a>
<!-- Product Card 14: Work Station -->
<a href="product-catalog.html?category=workspace" class="block">
<!-- Product Card 14: Meeting Tables -->
<a
href="product-catalog.html?category=meeting-tables"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>
@ -951,7 +975,10 @@
</a>
<!-- Product Card 15: Occasional Tables -->
<a href="product-catalog.html?category=tables" class="block">
<a
href="product-catalog.html?category=occasional-tables"
class="block"
>
<div
class="product-card bg-light-bg rounded-lg overflow-hidden h-[29vh]"
>