refactor: add banner below featured products

fix/facets
apurvabangali 2024-07-12 15:27:02 +05:30
parent 074ec74bc8
commit 46df4db770
1 changed files with 21 additions and 2 deletions

View File

@ -31,13 +31,32 @@
{include file="catalog/_partials/miniatures/product.tpl" product=$product}
{/foreach}
</div>
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end mb-24" href="{$allProductsLink}">
<a class="all-product-link text-2xl font-bold w-full flex items-center justify-end " href="{$allProductsLink}">
{l s='All products' d='Shop.Theme.Catalog'}
<svg xmlns="http://www.w3.org/2000/svg" class="icon stroke-gray-600 stroke-[3px] icon-tabler icon-tabler-chevron-right" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>
</a>
</section>
{if $page.page_name == "index"}
<div class="mt-12 md:mt-24 flex relative items-center left-0 right-0 mb-12 ">
<img class="w-full lg:h-[400px] md:h-[300px] h-full object-cover"
src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/homepage/seo-img6.png">
<div class="absolute text-white lg:pl-24 md:pl-12 pl-4">
<h1 class="md:font-bold font-semibold lg:text-4xl md:text-2xl text-sm">Step into Style with a Custom Touch</h1>
<p class="lg:font-semibold md:font-medium font-base lg:text-2xl md:text-lg text-xs md:w-8/12 lg:pt-9 md:pt-6 pt-4">
Our perfect fit guarantee ensures that every plece you order is tailored to your exact specifications,
delivering a perfect fit every time.
</p>
<div class="lg:w-52 md:w-42 w-38 flex justify-start pt-4">
<a class="all-product-link lg:text-xl md:text-md text-xs md:font-semibold font-base
flex border border-2 border-white md:p-2 p-1 md:px-4 px-2 hover:text-white"
href="https://brooksbingham.com/17-custom-made-clothing">
Start Customization
</a>
</div>
</div>
</div>
{/if}