From 46df4db770e39dfb723756e5d7d6b0642e83ba17 Mon Sep 17 00:00:00 2001
From: apurvabangali <107414864+apurvabangali@users.noreply.github.com>
Date: Fri, 12 Jul 2024 15:27:02 +0530
Subject: [PATCH] refactor: add banner below featured products
---
.../templates/hook/ps_featuredproducts.tpl | 23 +++++++++++++++++--
1 file changed, 21 insertions(+), 2 deletions(-)
diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
index 9d8076b..9f0b53f 100644
--- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
+++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
@@ -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}