From 0e534a8fe05cbf125420d9e504b2b0d9c64b4fc8 Mon Sep 17 00:00:00 2001
From: apurvab <apurvabangali@gmail.com>
Date: Mon, 27 May 2024 11:29:10 +0530
Subject: [PATCH] fix:Add SEO content in layouts instead of featured products
 module

---
 assets/css/theme.css                          |  6 +-
 .../templates/hook/ps_featuredproducts.tpl    | 72 ------------------
 templates/layouts/layout-both-columns.tpl     | 74 +++++++++++++++++++
 3 files changed, 77 insertions(+), 75 deletions(-)

diff --git a/assets/css/theme.css b/assets/css/theme.css
index 5361087..a8949ce 100755
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -871,9 +871,9 @@ select {
   margin-bottom: 0.5rem;
 }
 
-.my-28 {
-  margin-top: 7rem;
-  margin-bottom: 7rem;
+.my-20 {
+  margin-top: 5rem;
+  margin-bottom: 5rem;
 }
 
 .my-5 {
diff --git a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
index 95ab533..edc3c95 100644
--- a/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
+++ b/modules/ps_featuredproducts/views/templates/hook/ps_featuredproducts.tpl
@@ -37,79 +37,7 @@
   </a>
 </section>
 
-<div class="container">
- <h2 class="products-section-title text-2xl font-bold mb-16 mt-20"> Product Categories </h2>
- <div  class=" flex md:flex-row flex-col gap-8 lg:mb-32">
-  <div href="https://brooksbingham.com/module/thob/configurator?id_product=74">
-   <a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
-   <img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/111-home_default/business-shirt.jpg"/>
-   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Shirts</h3>
-   </a>
-  </div>
 
-  <div> 
-   <a  href="https://brooksbingham.com/module/thob/configurator?id_product=75">
-   <img  class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/107-home_default/business-suit.jpg"/>
-   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Suits</h3>
-   </a>
-  </div>
-
-  <div>
-   <a href="https://brooksbingham.com/module/thob/configurator?id_product=76">
-   <img  class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/108-home_default/sports-jacket.jpg"/>
-   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Sport Jackets</h3>
-   </a>
-  </div>
-
-  <div>
-   <a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
-   <img  class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/112-home_default/tuxedo.jpg"/>
-   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Tuxedos</h3>
-   </a>
-  </div>
-
- </div>
-</div>
-
-
-  <div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16">
-   <div class="lg:w-[70%] object-fit">
-   <img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/>
-   </div>
-   <div class="lg:w-[30%] bg-[#000E2A] p-4">
-    <p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p>
-    <p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p>
-    <a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
-    <button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button>
-    </a>
-   </div>
-  </div>
-
-  <article class="article group lg:mt-24 lg:mb-20 mt-16 ">
-    <img class="image md:w-1/2 right object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg">
-   <section class="content  my-20">
-     <h2 class="font-bold lg:text-2xl ">Get the Perfect Fit</h2>
-     <p class="font-semibold lg:text-xl sm:text-sm mb-4">Experience a flawless & Ideal fit tailored to Your Specifications</p>
-     <p class="font-semibold lg:text-lg sm:text-sm">The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.</p>
-     <a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
-       {l s='Explore'}
-       <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>
-  </article>
-
-  <article class="article group mb-4">
-    <img class="image md:w-1/2 left object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg">
-   <section class="content my-20">
-     <h2 class="font-bold lg:text-2xl ">Timeless Quality</h2>
-     <p  class="font-semibold lg:text-xl mb-4 sm:text-sm">Fashion that stands the test of time.</p>
-     <p  class="font-semibold lg:text-lg sm:text-sm">Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.</p>
-     <a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
-       {l s='Explore' }
-       <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>
-  </article>
 
 
   
diff --git a/templates/layouts/layout-both-columns.tpl b/templates/layouts/layout-both-columns.tpl
index 95013f9..4e86353 100644
--- a/templates/layouts/layout-both-columns.tpl
+++ b/templates/layouts/layout-both-columns.tpl
@@ -85,6 +85,80 @@
       {/block}
 
       {if $page.page_name == 'index'}
+      <div class="container">
+ <h2 class="products-section-title text-2xl font-bold mb-16 mt-20"> Product Categories </h2>
+ <div  class=" flex md:flex-row flex-col gap-8 lg:mb-32">
+  <div href="https://brooksbingham.com/module/thob/configurator?id_product=74">
+   <a href="https://brooksbingham.com/module/thob/configurator?id_product=74">
+   <img class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/111-home_default/business-shirt.jpg"/>
+   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Shirts</h3>
+   </a>
+  </div>
+
+  <div> 
+   <a  href="https://brooksbingham.com/module/thob/configurator?id_product=75">
+   <img  class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/107-home_default/business-suit.jpg"/>
+   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Suits</h3>
+   </a>
+  </div>
+
+  <div>
+   <a href="https://brooksbingham.com/module/thob/configurator?id_product=76">
+   <img  class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/108-home_default/sports-jacket.jpg"/>
+   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Sport Jackets</h3>
+   </a>
+  </div>
+
+  <div>
+   <a href="https://brooksbingham.com/module/thob/configurator?id_product=77">
+   <img  class="thumbnail product-thumbnail w-full aspect-[342/513] bg-gray-100" src="https://stage.brooksbingham.com/112-home_default/tuxedo.jpg"/>
+   <h3 class="text-center text-lg pt-4 font-semibold">Custom made Tuxedos</h3>
+   </a>
+  </div>
+
+ </div>
+</div>
+
+
+  <div class="flex lg:flex-row flex-col bg-[#000E2A] mt-16">
+   <div class="lg:w-[70%] object-fit">
+   <img class="" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_1142-min.jpg"/>
+   </div>
+   <div class="lg:w-[30%] bg-[#000E2A] p-4">
+    <p class="text-2xl font-bold text-gray-50 2xl:mt-64 lg:mt-48 mt-8 mb-6">Business suits for men</p>
+    <p class="text-lg front-semibold text-gray-50">Tailored business Suits designed for you to make a powerful impression and radiate confidence.</p>
+    <a href="https://brooksbingham.com/module/thob/configurator?id_product=75">
+    <button class="font-semibold bg-slate-200 w-28 2xl:mt-64 mt-12 bottom-0 text-lg">Explore more<button>
+    </a>
+   </div>
+  </div>
+
+  <article class="article group lg:mt-24 lg:mb-20 mt-16 ">
+    <img class="image md:w-1/2 right object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_892-min.jpg">
+   <section class="content  my-20">
+     <h2 class="font-bold lg:text-2xl ">Get the Perfect Fit</h2>
+     <p class="font-semibold lg:text-xl sm:text-sm mb-4">Experience a flawless & Ideal fit tailored to Your Specifications</p>
+     <p class="font-semibold lg:text-lg sm:text-sm">The future of fashion with our innovative designs. Customization options tailored to your measurements witih a flawless silhouette every time.Discover your perfect fit in minutes.</p>
+     <a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
+       {l s='Explore'}
+       <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>
+  </article>
+
+  <article class="article group mb-4">
+    <img class="image md:w-1/2 left object-cover my-5 h-[350px]" src="https://brooksbingham-season5.sfo2.cdn.digitaloceanspaces.com/site-static-assets/20-06-23%20Brooks%20Bingham%20Summer_992-min.jpg">
+   <section class="content my-20">
+     <h2 class="font-bold lg:text-2xl ">Timeless Quality</h2>
+     <p  class="font-semibold lg:text-xl mb-4 sm:text-sm">Fashion that stands the test of time.</p>
+     <p  class="font-semibold lg:text-lg sm:text-sm">Invest in enduring fashion with our commitment to quality and durability. From custom-made tuxedos to business suits, each piece stands the test of time.</p>
+     <a class="all-product-link text-lg font-bold mt-8 flex items-center" href="https://brooksbingham.com/17-custom-made-clothing">
+       {l s='Explore' }
+       <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>
+  </article>
+  
       <h2 class="font-bold lg:text-2xl text-center md:mt-28 mt-18 mb-4">Browse through our Sophisticated Design</h2>
         <p  class="font-semibold lg:text-xl lg:text-center text-justify mb-16 ">Get inspired with our curated outfit ideas, showcasing stylish combinations for every occasion. Customize your ensemble with custom-made shirts, stretch shirts, and sport jackets for men.</p>
         <div class="flex flex-col gap-1">