From d94dbed1cdb0b4b3f6b7e31fd02c2b75c241fe3e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 23 Apr 2026 05:14:15 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 375 ++++++++++++++---------------------------------
 1 file changed, 114 insertions(+), 261 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b090ebf..6e26f4c 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -27,275 +27,128 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Our Story",
-          id: "about",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Horton Hat Co"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Our Story", id: "about" },
+              { name: "Collection", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Horton Hat Co"
+            button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlay
-      title="Timeless Western Craftsmanship"
-      description="Authentic hats built for the range, crafted for the journey."
-      buttons={[
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/handsome-man-posing-fashion-nature_23-2148377860.jpg"
-      imageAlt="Horton Hat Co Western Hat"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-with-cowgirl-outfit-straightening-her-hair-windy-natural-park_181624-42923.jpg",
-          alt: "Cowgirl customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cowboy-hat-wooden-door-with-landscape-view_23-2152008796.jpg",
-          alt: "Rancher customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-woman-wearing-hat-medium-shot_23-2148962755.jpg",
-          alt: "Outdoor adventurer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-woman-with-long-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style-wearing-hat_285396-6842.jpg",
-          alt: "Stylish hat enthusiast",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-artisan-holding-tools_23-2150104786.jpg",
-          alt: "Artisan craftsman",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ happy wearers"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Timeless Western Craftsmanship"
+            description="Authentic hats built for the range, crafted for the journey."
+            buttons={[{ text: "Shop Collection", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/handsome-man-posing-fashion-nature_23-2148377860.jpg"
+            imageAlt="Horton Hat Co Western Hat"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-with-cowgirl-outfit-straightening-her-hair-windy-natural-park_181624-42923.jpg", alt: "Cowgirl customer" },
+              { src: "http://img.b2bpic.net/free-photo/cowboy-hat-wooden-door-with-landscape-view_23-2152008796.jpg", alt: "Rancher customer" },
+              { src: "http://img.b2bpic.net/free-photo/happy-woman-wearing-hat-medium-shot_23-2148962755.jpg", alt: "Outdoor adventurer" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-woman-with-long-curly-hair-walking-park-dressed-warm-brown-coat-autumn-trendy-fashion-street-style-wearing-hat_285396-6842.jpg", alt: "Stylish hat enthusiast" },
+              { src: "http://img.b2bpic.net/free-photo/front-view-artisan-holding-tools_23-2150104786.jpg", alt: "Artisan craftsman" },
+            ]}
+            avatarText="Trusted by 5,000+ happy wearers"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={true}
-      title="The Horton Standard"
-      description={[
-        "Every Horton hat is hand-shaped and crafted using traditional techniques passed down through generations.",
-        "We source only the finest felt and leather, ensuring our hats are as durable as they are timeless.",
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={true}
+            title="The Horton Standard"
+            description={[
+              "Every Horton hat is hand-shaped and crafted using traditional techniques passed down through generations.",              "We source only the finest felt and leather, ensuring our hats are as durable as they are timeless."]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          brand: "Horton",
-          name: "The Rancher",
-          price: "$189",
-          rating: 5,
-          reviewCount: "24",
-          imageSrc: "http://img.b2bpic.net/free-photo/fedora-hat-studio-still-life_23-2150744067.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Horton",
-          name: "The Midnight",
-          price: "$210",
-          rating: 5,
-          reviewCount: "18",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-cowboy-hat_23-2149392911.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Horton",
-          name: "The Trail",
-          price: "$165",
-          rating: 4,
-          reviewCount: "32",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-hat-studio_23-2149392874.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Horton",
-          name: "The Silver",
-          price: "$195",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-posing-dressed-denim-shirt_285396-1311.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Horton",
-          name: "The Rugged",
-          price: "$225",
-          rating: 5,
-          reviewCount: "45",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30924.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Horton",
-          name: "The Horizon",
-          price: "$150",
-          rating: 4,
-          reviewCount: "21",
-          imageSrc: "http://img.b2bpic.net/free-photo/hat-hanging-doorknob-outdoors_23-2149456965.jpg",
-        },
-      ]}
-      title="Our Collection"
-      description="Explore our curated range of quality western headwear."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", brand: "Horton", name: "The Rancher", price: "$189", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/fedora-hat-studio-still-life_23-2150744067.jpg" },
+              { id: "p2", brand: "Horton", name: "The Midnight", price: "$210", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-wearing-cowboy-hat_23-2149392911.jpg" },
+              { id: "p3", brand: "Horton", name: "The Trail", price: "$165", rating: 4, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-model-posing-with-chair-hat-studio_23-2149392874.jpg" },
+              { id: "p4", brand: "Horton", name: "The Silver", price: "$195", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-posing-dressed-denim-shirt_285396-1311.jpg" },
+              { id: "p5", brand: "Horton", name: "The Rugged", price: "$225", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-hat-mens-store_1303-30924.jpg" },
+              { id: "p6", brand: "Horton", name: "The Horizon", price: "$150", rating: 4, reviewCount: "21", imageSrc: "http://img.b2bpic.net/free-photo/hat-hanging-doorknob-outdoors_23-2149456965.jpg" },
+            ]}
+            title="Our Collection"
+            description="Explore our curated range of quality western headwear."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "John D.",
-          handle: "@rancherjohn",
-          testimonial: "Best fit I've ever had on a hat. Durable through all seasons.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cowboy-photorealistic-environment_23-2151447877.jpg",
-        },
-        {
-          id: "t2",
-          name: "Sarah W.",
-          handle: "@cowgirlsarah",
-          testimonial: "Beautiful design and keeps its shape. Simply the best.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cowboy-with-out-focus-background_23-2151455344.jpg",
-        },
-        {
-          id: "t3",
-          name: "Mike B.",
-          handle: "@mike_ranch",
-          testimonial: "Horton makes a hat you can depend on. Top notch quality.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/native-american-man-dessert_23-2149312954.jpg",
-        },
-        {
-          id: "t4",
-          name: "Linda M.",
-          handle: "@lindawest",
-          testimonial: "Stylish, classic, and extremely comfortable for long days.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-photorealistic-female-cowboy-sunset_23-2151469147.jpg",
-        },
-        {
-          id: "t5",
-          name: "Robert K.",
-          handle: "@robertcowboy",
-          testimonial: "High quality finish, feels like a premium product.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-grey-shirt-summer-hat-pointing-with-index-fingers-camera-smiling-cheerfully_141793-55266.jpg",
-        },
-      ]}
-      showRating={true}
-      title="Trusted by Rangers & Riders"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "John D.", handle: "@rancherjohn", testimonial: "Best fit I've ever had on a hat. Durable through all seasons.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cowboy-photorealistic-environment_23-2151447877.jpg" },
+              { id: "t2", name: "Sarah W.", handle: "@cowgirlsarah", testimonial: "Beautiful design and keeps its shape. Simply the best.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-cowboy-with-out-focus-background_23-2151455344.jpg" },
+              { id: "t3", name: "Mike B.", handle: "@mike_ranch", testimonial: "Horton makes a hat you can depend on. Top notch quality.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/native-american-man-dessert_23-2149312954.jpg" },
+              { id: "t4", name: "Linda M.", handle: "@lindawest", testimonial: "Stylish, classic, and extremely comfortable for long days.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-photorealistic-female-cowboy-sunset_23-2151469147.jpg" },
+              { id: "t5", name: "Robert K.", handle: "@robertcowboy", testimonial: "High quality finish, feels like a premium product.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-handsome-man-grey-shirt-summer-hat-pointing-with-index-fingers-camera-smiling-cheerfully_141793-55266.jpg" },
+            ]}
+            showRating={true}
+            title="Trusted by Rangers & Riders"
+            description="Read what our happy customers are saying about our quality western headwear."
+          />
+        </div>
 
-  <div id="proof" data-section="proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Western Daily",
-        "Ranchers Gazette",
-        "Outdoors Monthly",
-        "Cowboy Monthly",
-        "Trail Guide",
-        "Leather Life",
-        "Hometown Herald",
-      ]}
-      title="Proudly Worn Across the West"
-      description="Featured in leading western lifestyle publications."
-    />
-  </div>
+        <div id="proof" data-section="proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={[
+              "Western Daily", "Ranchers Gazette", "Outdoors Monthly", "Cowboy Monthly", "Trail Guide", "Leather Life", "Hometown Herald"]}
+            title="Proudly Worn Across the West"
+            description="Featured in leading western lifestyle publications."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How do I measure my head?",
-          content: "We provide a printable guide. Wrap a soft measuring tape around the circumference of your head one inch above your eyebrows.",
-        },
-        {
-          id: "f2",
-          title: "Are these hats waterproof?",
-          content: "Our felt hats are treated with a natural wax to offer excellent water resistance.",
-        },
-        {
-          id: "f3",
-          title: "Can I reshape my hat?",
-          content: "Yes, our high-quality felt can be reshaped with mild steam. Consult our care guide for best practices.",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-      description="Get the answers to common questions about our hats and services."
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-hat-other-fishing-essentials-with-copy-space_23-2148429494.jpg"
-      imageAlt="FAQ background imagery"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "How do I measure my head?", content: "We provide a printable guide. Wrap a soft measuring tape around the circumference of your head one inch above your eyebrows." },
+              { id: "f2", title: "Are these hats waterproof?", content: "Our felt hats are treated with a natural wax to offer excellent water resistance." },
+              { id: "f3", title: "Can I reshape my hat?", content: "Yes, our high-quality felt can be reshaped with mild steam. Consult our care guide for best practices." },
+            ]}
+            mediaAnimation="slide-up"
+            title="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            description="Get the answers to common questions about our hats and services."
+            imageSrc="http://img.b2bpic.net/free-photo/top-view-hat-other-fishing-essentials-with-copy-space_23-2148429494.jpg"
+            imageAlt="FAQ background imagery"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "canvas-reveal",
-      }}
-      text="Need help with sizing or custom orders? Reach out to us."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "canvas-reveal" }}
+            text="Need help with sizing or custom orders? Reach out to us."
+            buttons={[{ text: "Contact Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Horton Hat Co"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Horton Hat Co"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1