From 3c7f1bd22b54d27707c753342f8057e688b0edcb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 19:03:05 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 264 ++++++++++-------------------------------------
 1 file changed, 52 insertions(+), 212 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f13880b..de129b8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
-          id: "#hero",
-        },
+          name: "Home",          id: "#hero"},
         {
-          name: "Products",
-          id: "#products",
-        },
+          name: "Products",          id: "#products"},
         {
-          name: "About",
-          id: "#about",
-        },
+          name: "About",          id: "#about"},
         {
-          name: "FAQ",
-          id: "#faq",
-        },
+          name: "FAQ",          id: "#faq"},
       ]}
       brandName="Grande Taille et Plus"
     />
@@ -55,15 +47,12 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Grande Taille et Plus"
       description="Redefining style with a collection curated for men who appreciate quality, comfort, and a perfect fit. Discover modern fashion that celebrates you."
       buttons={[
         {
-          text: "Shop Collection",
-          href: "#products",
-        },
+          text: "Shop Collection",          href: "#products"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-older-man-posing-stairs-outdoors-city_23-2148991137.jpg"
       imageAlt="elegant men's fashion portrait"
@@ -77,17 +66,11 @@ export default function LandingPage() {
       description="We believe fashion should fit your lifestyle. Every piece in our collection is designed to offer maximum confidence and comfort without compromising on style."
       metrics={[
         {
-          value: "500+",
-          title: "Products",
-        },
+          value: "500+",          title: "Products"},
         {
-          value: "10k+",
-          title: "Happy Customers",
-        },
+          value: "10k+",          title: "Happy Customers"},
         {
-          value: "20+",
-          title: "Years Experience",
-        },
+          value: "20+",          title: "Years Experience"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/shiny-silk-fabric_53876-89549.jpg"
       mediaAnimation="slide-up"
@@ -103,23 +86,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Premium Fabrics",
-          description: "Breathable and durable materials.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg",
-          imageAlt: "mens formal shirt plus size",
-        },
+          title: "Premium Fabrics",          description: "Breathable and durable materials.",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478947.jpg",          imageAlt: "mens formal shirt plus size"},
         {
-          title: "Tailored Fit",
-          description: "Engineered for your body shape.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-black-coat-intently-looking-away-beautiful-city-street_574295-1879.jpg",
-          imageAlt: "mens jacket classic fit",
-        },
+          title: "Tailored Fit",          description: "Engineered for your body shape.",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylish-girl-black-coat-intently-looking-away-beautiful-city-street_574295-1879.jpg",          imageAlt: "mens jacket classic fit"},
         {
-          title: "Modern Styles",
-          description: "Latest trends in inclusive fashion.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-relaxing-outdoors-with-coffee_23-2148682676.jpg",
-          imageAlt: "mens comfortable trousers",
-        },
+          title: "Modern Styles",          description: "Latest trends in inclusive fashion.",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-relaxing-outdoors-with-coffee_23-2148682676.jpg",          imageAlt: "mens comfortable trousers"},
       ]}
       title="Designed for Comfort"
       description="Why our customers choose us for their daily wardrobe."
@@ -134,65 +105,23 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          brand: "Grande",
-          name: "Formal Shirt",
-          price: "$89",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2482.jpg",
-          imageAlt: "mens formal shirt plus size",
-        },
+          id: "p1",          brand: "Grande",          name: "Formal Shirt",          price: "$89",          rating: 5,
+          reviewCount: "120",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-blond-young-man-posing_158595-2482.jpg",          imageAlt: "mens formal shirt plus size"},
         {
-          id: "p2",
-          brand: "Grande",
-          name: "Modern Jacket",
-          price: "$150",
-          rating: 5,
-          reviewCount: "85",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-black-jacket-woman-standing-forest-snowy-day_1157-46086.jpg",
-          imageAlt: "mens jacket classic fit",
-        },
+          id: "p2",          brand: "Grande",          name: "Modern Jacket",          price: "$150",          rating: 5,
+          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-woman-black-jacket-woman-standing-forest-snowy-day_1157-46086.jpg",          imageAlt: "mens jacket classic fit"},
         {
-          id: "p3",
-          brand: "Grande",
-          name: "Daily Trousers",
-          price: "$75",
-          rating: 4,
-          reviewCount: "210",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg",
-          imageAlt: "mens comfortable trousers",
-        },
+          id: "p3",          brand: "Grande",          name: "Daily Trousers",          price: "$75",          rating: 4,
+          reviewCount: "210",          imageSrc: "http://img.b2bpic.net/free-photo/man-casual-outfits-going-up-stairs_114579-11469.jpg",          imageAlt: "mens comfortable trousers"},
         {
-          id: "p4",
-          brand: "Grande",
-          name: "Premium Polo",
-          price: "$60",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-model-xxl-orange-dress-looking-mobile-phone_627829-4174.jpg",
-          imageAlt: "mens designer polo shirt",
-        },
+          id: "p4",          brand: "Grande",          name: "Premium Polo",          price: "$60",          rating: 5,
+          reviewCount: "150",          imageSrc: "http://img.b2bpic.net/free-photo/african-american-woman-model-xxl-orange-dress-looking-mobile-phone_627829-4174.jpg",          imageAlt: "mens designer polo shirt"},
         {
-          id: "p5",
-          brand: "Grande",
-          name: "Classic Scarf",
-          price: "$40",
-          rating: 5,
-          reviewCount: "40",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-winter-ear-muffs_23-2148795488.jpg",
-          imageAlt: "mens accessory scarf",
-        },
+          id: "p5",          brand: "Grande",          name: "Classic Scarf",          price: "$40",          rating: 5,
+          reviewCount: "40",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-wearing-winter-ear-muffs_23-2148795488.jpg",          imageAlt: "mens accessory scarf"},
         {
-          id: "p6",
-          brand: "Grande",
-          name: "Leather Belt",
-          price: "$55",
-          rating: 4,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14820.jpg",
-          imageAlt: "mens leather belt formal",
-        },
+          id: "p6",          brand: "Grande",          name: "Leather Belt",          price: "$55",          rating: 4,
+          reviewCount: "95",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing-hat-with-bag_158538-14820.jpg",          imageAlt: "mens leather belt formal"},
       ]}
       title="Featured Collection"
       description="Essential wardrobe pieces for the modern gentleman."
@@ -206,20 +135,11 @@ export default function LandingPage() {
       tag="Milestones"
       metrics={[
         {
-          id: "m1",
-          value: "100%",
-          description: "Customer Satisfaction",
-        },
+          id: "m1",          value: "100%",          description: "Customer Satisfaction"},
         {
-          id: "m2",
-          value: "50",
-          description: "Exclusive Styles",
-        },
+          id: "m2",          value: "50",          description: "Exclusive Styles"},
         {
-          id: "m3",
-          value: "1000+",
-          description: "Monthly Orders",
-        },
+          id: "m3",          value: "1000+",          description: "Monthly Orders"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -232,50 +152,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          name: "Marc L.",
-          handle: "@marcl",
-          testimonial: "Finally, clothes that fit perfectly and look great.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",
-          imageAlt: "happy customer portrait",
-        },
+          id: "t1",          name: "Marc L.",          handle: "@marcl",          testimonial: "Finally, clothes that fit perfectly and look great.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-woman-showing-ok-sign_1262-17571.jpg",          imageAlt: "happy customer portrait"},
         {
-          id: "t2",
-          name: "Jean-Paul D.",
-          handle: "@jp",
-          testimonial: "Excellent quality and fast delivery.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",
-          imageAlt: "confident man portrait",
-        },
+          id: "t2",          name: "Jean-Paul D.",          handle: "@jp",          testimonial: "Excellent quality and fast delivery.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-clothes-smiling_23-2148056219.jpg",          imageAlt: "confident man portrait"},
         {
-          id: "t3",
-          name: "Thomas G.",
-          handle: "@tg",
-          testimonial: "Great experience, will definitely order again.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830404.jpg",
-          imageAlt: "stylish man portrait",
-        },
+          id: "t3",          name: "Thomas G.",          handle: "@tg",          testimonial: "Great experience, will definitely order again.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830404.jpg",          imageAlt: "stylish man portrait"},
         {
-          id: "t4",
-          name: "Alex B.",
-          handle: "@alexb",
-          testimonial: "The best selection of plus size men's wear.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg",
-          imageAlt: "relaxed man portrait",
-        },
+          id: "t4",          name: "Alex B.",          handle: "@alexb",          testimonial: "The best selection of plus size men's wear.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-white-t-shirt-denim-pink-jacket-posing-with-smile-cute-bar_197531-17038.jpg",          imageAlt: "relaxed man portrait"},
         {
-          id: "t5",
-          name: "Sam R.",
-          handle: "@samr",
-          testimonial: "Comfort meets style, highly recommended.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/party-girl-with-yellow-color-effect_23-2147635310.jpg",
-          imageAlt: "happy customer portrait",
-        },
+          id: "t5",          name: "Sam R.",          handle: "@samr",          testimonial: "Comfort meets style, highly recommended.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/party-girl-with-yellow-color-effect_23-2147635310.jpg",          imageAlt: "happy customer portrait"},
       ]}
       showRating={true}
       title="Customer Stories"
@@ -289,20 +179,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Shipping times?",
-          content: "Usually 3-5 business days.",
-        },
+          id: "f1",          title: "Shipping times?",          content: "Usually 3-5 business days."},
         {
-          id: "f2",
-          title: "Easy returns?",
-          content: "Yes, 30 days hassle-free.",
-        },
+          id: "f2",          title: "Easy returns?",          content: "Yes, 30 days hassle-free."},
         {
-          id: "f3",
-          title: "Size guide?",
-          content: "Check our detailed chart on product pages.",
-        },
+          id: "f3",          title: "Size guide?",          content: "Check our detailed chart on product pages."},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-portrait-grinning-old-fashioned-man-grandfather-with-clock_1157-39167.jpg"
       title="Need Help?"
@@ -314,65 +195,24 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "plain",
-      }}
-      tag="Contact Us"
+      <ContactSplitForm
       title="Ready to Upgrade Your Style?"
       description="Our team is here to assist you with any questions."
-      buttons={[
-        {
-          text: "Contact Support",
-          href: "#",
-        },
+      inputs={[
+          { name: "name", type: "text", placeholder: "Name" },
+          { name: "email", type: "email", placeholder: "Email" }
       ]}
+      textarea={{ name: "message", placeholder: "How can we help?" }}
+      useInvertedBackground={true}
+      buttonText="Get in Touch"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/woman-buying-stuff-decoration-store_1303-24636.jpg"
+      <FooterLogoReveal
       logoText="Grande Taille et Plus"
-      columns={[
-        {
-          title: "Shop",
-          items: [
-            {
-              label: "All",
-              href: "#products",
-            },
-            {
-              label: "Tops",
-              href: "#",
-            },
-            {
-              label: "Bottoms",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Returns",
-              href: "#",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Grande Taille et Plus | All Rights Reserved"
-      imageAlt="fashion brand storefront"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact Us", href: "#contact" }}
     />
   </div>
       </ReactLenis>