chore: update product card styling to keep it consistent with the catalog pages

custom clothing section
bug-new
jatin 2024-11-27 22:19:44 +05:30
parent 96590099d2
commit dfd9f154e3
1 changed files with 8 additions and 8 deletions

View File

@ -84,19 +84,19 @@
<h3 class="text-lg font-semibold text-center mb-12">Tailored to you, at no extra cost.</h3>
<div class="flex md:flex-row flex-col gap-8 lg:mb-32 mb-20">
<div>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
<a class="hover:no-underline hover:text-blue-900" href="https://brooksbingham.com/module/thob/configurator?id_product=74">
<img id="shirtImage" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://brooksbingham.com/111-home_default/business-shirt.jpg" alt="business-shirt.jpg" />
<div class="flex flex-col pt-4 items-start">
<div class="flex flex-col items-start">
<h3 class="text-center text-lg font-bold">$66.33</h3>
<h3 class="text-center line-through text-sm font-medium">$99.00</h3>
</div>
<h3 class="text-center text-lg font-semibold">Shirts</h3>
<h3 class="text-center text-lg font-light">Shirts</h3>
</div>
</a>
</div>
<div>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
<a class="hover:no-underline hover:text-blue-900" href="https://brooksbingham.com/module/thob/configurator?id_product=75">
<img id="suitImage"
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
src="https://brooksbingham.com/107-home_default/business-suit.jpg" alt="business-suit.jpg" />
@ -105,12 +105,12 @@
<h3 class="text-center text-lg font-bold">$532.65</h3>
<h3 class="text-center line-through text-sm font-medium">$795.00</h3>
</div>
<h3 class="text-center text-lg font-semibold">Suits</h3>
<h3 class="text-center text-lg font-light">Suits</h3>
</div>
</a>
</div>
<div>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=76">
<a class="hover:no-underline hover:text-blue-900" href="https://brooksbingham.com/module/thob/configurator?id_product=76">
<img id="sportsjacketImage"
class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100"
src="https://brooksbingham.com/108-home_default/sports-jacket.jpg" alt="sports-jacket.jpg" />
@ -119,19 +119,19 @@
<h3 class="text-center text-lg font-bold">$331.65</h3>
<h3 class="text-center line-through text-sm font-medium">$495.00</h3>
</div>
<h3 class="text-center text-lg font-semibold">Sports Jackets</h3>
<h3 class="text-center text-lg font-light">Sports Jackets</h3>
</div>
</a>
</div>
<div>
<a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
<a class="hover:no-underline hover:text-blue-900" href="https://brooksbingham.com/module/thob/configurator?id_product=77">
<img id="tuxImage" class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://brooksbingham.com/112-home_default/tuxedo.jpg" alt="tuxedo.jpg" />
<div class="flex flex-col pt-4 items-start">
<div class="flex flex-col items-start">
<h3 class="text-center text-lg font-bold">$666.65</h3>
<h3 class="text-center line-through text-sm font-medium">$995.00</h3>
</div>
<h3 class="text-center text-lg font-semibold">Tuxedos</h3>
<h3 class="text-center text-lg font-light">Tuxedos</h3>
</div>
</a>
</div>