From 16e5956cf6f38434b33137048e5175ca73e2d8ed Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 10 May 2026 18:12:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 209 ++++++++++-------------------------------------
 1 file changed, 44 insertions(+), 165 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a8d59d8..56edef3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "hero",
-        },
+          name: "Home",          id: "hero"},
         {
-          name: "Collection",
-          id: "products",
-        },
+          name: "Collection",          id: "products"},
         {
-          name: "Story",
-          id: "about",
-        },
+          name: "Story",          id: "about"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="ES. BHUJWENI"
     />
@@ -56,64 +48,39 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="ES. BHUJWENI Avenue"
       description="Redefining street wear culture with our iconic, unapologetic signature style. Wear the movement."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2444.jpg",
-          alt: "Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing_344912-2444.jpg",          alt: "Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg",
-          alt: "Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/serious-stylish-curly-haired-young-woman-looks-watch-checks-time-waits-somone-wears-sunglasses-casual-hoodie-jacket-poses-street_273609-55747.jpg",          alt: "Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-man-with-afro-dreadlocks-posing_23-2149462091.jpg",
-          alt: "Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-man-with-afro-dreadlocks-posing_23-2149462091.jpg",          alt: "Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg",
-          alt: "Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-sunglasses_23-2149409792.jpg",          alt: "Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stylish-woman_23-2149213179.jpg",
-          alt: "Customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-stylish-woman_23-2149213179.jpg",          alt: "Customer 5"},
       ]}
       buttons={[
         {
-          text: "Shop Now",
-          href: "#products",
-        },
+          text: "Shop Now",          href: "#products"},
         {
-          text: "Explore Story",
-          href: "#about",
-        },
+          text: "Explore Story",          href: "#about"},
       ]}
       buttonAnimation="slide-up"
       marqueeItems={[
         {
-          type: "text",
-          text: "BOLD TYPOGRAPHY",
-        },
+          type: "text",          text: "BOLD TYPOGRAPHY"},
         {
-          type: "text",
-          text: "URBAN GRIT",
-        },
+          type: "text",          text: "URBAN GRIT"},
         {
-          type: "text",
-          text: "LIMITLESS STYLE",
-        },
+          type: "text",          text: "LIMITLESS STYLE"},
         {
-          type: "text",
-          text: "SIGNATURE BEANIES",
-        },
+          type: "text",          text: "SIGNATURE BEANIES"},
         {
-          type: "text",
-          text: "UNAPOLOGETIC",
-        },
+          type: "text",          text: "UNAPOLOGETIC"},
       ]}
     />
   </div>
@@ -121,9 +88,10 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Born in the Streets"
-      description="ES. BHUJWENI Avenue is not just a brand; it's a testament to urban grit and high-fashion aesthetics. We combine bold, raw typography with quality materials to bring you headwear that commands attention."
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-new-york-city-daytime_23-2149488563.jpg"
+      title="Interactive 3D Experience"
+      description="Immerse yourself in our signature beanies with a fully interactive 3D model. Rotate, zoom, and inspect every detail of our craftsmanship."
+      videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/assets/hat-3d-showcase.mp4"
+      videoAriaLabel="3D Interactive Hat Model"
       imageAlt="Streetwear aesthetic"
     />
   </div>
@@ -136,41 +104,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Classic Red Beanie",
-          price: "$45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-eyt1eagl.png",
-        },
+          id: "p1",          name: "Classic Red Beanie",          price: "$45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-eyt1eagl.png"},
         {
-          id: "p2",
-          name: "Sky Blue Beanie",
-          price: "$45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-qi987biq.png",
-        },
+          id: "p2",          name: "Sky Blue Beanie",          price: "$45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-qi987biq.png"},
         {
-          id: "p3",
-          name: "Midnight Black Beanie",
-          price: "$50",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-73p24xb3.png",
-        },
+          id: "p3",          name: "Midnight Black Beanie",          price: "$50",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-73p24xb3.png"},
         {
-          id: "p4",
-          name: "Vibrant Pink Beanie",
-          price: "$45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-igktfyzf.png",
-        },
+          id: "p4",          name: "Vibrant Pink Beanie",          price: "$45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-igktfyzf.png"},
         {
-          id: "p5",
-          name: "Minimal White Beanie",
-          price: "$45",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-9t17mowf.png",
-        },
+          id: "p5",          name: "Minimal White Beanie",          price: "$45",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BerVuEmmA7r7mkBdp8WD9a4IZS/uploaded-1778436179926-9t17mowf.png"},
         {
-          id: "p6",
-          name: "Signature Red Beanie",
-          price: "$55",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-silver-geometric-cube_84443-87564.jpg",
-        },
+          id: "p6",          name: "Signature Red Beanie",          price: "$55",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-red-silver-geometric-cube_84443-87564.jpg"},
       ]}
       title="The Signature Collection"
       description="Exclusive beanies crafted for the bold. Experience comfort with an attitude."
@@ -185,25 +129,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "10K+",
-          title: "Happy Wearers",
-          description: "Worldwide",
-          icon: Users,
+          id: "m1",          value: "10K+",          title: "Happy Wearers",          description: "Worldwide",          icon: Users,
         },
         {
-          id: "m2",
-          value: "500+",
-          title: "5-Star Reviews",
-          description: "Confirmed",
-          icon: Star,
+          id: "m2",          value: "500+",          title: "5-Star Reviews",          description: "Confirmed",          icon: Star,
         },
         {
-          id: "m3",
-          value: "20+",
-          title: "Global Pop-ups",
-          description: "Locations",
-          icon: MapPin,
+          id: "m3",          value: "20+",          title: "Global Pop-ups",          description: "Locations",          icon: MapPin,
         },
       ]}
       title="Brand Impact"
@@ -217,45 +149,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          title: "Love the fit!",
-          quote: "The quality is unmatched and it looks perfect with any outfit.",
-          name: "Sarah Johnson",
-          role: "Creative",
-          imageSrc: "http://img.b2bpic.net/free-photo/pleased-lady-sitting-chair_197531-19819.jpg",
-        },
+          id: "t1",          title: "Love the fit!",          quote: "The quality is unmatched and it looks perfect with any outfit.",          name: "Sarah Johnson",          role: "Creative",          imageSrc: "http://img.b2bpic.net/free-photo/pleased-lady-sitting-chair_197531-19819.jpg"},
         {
-          id: "t2",
-          title: "Unmatched Style",
-          quote: "Finally, headwear that fits my vibe perfectly.",
-          name: "Michael Chen",
-          role: "Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122924.jpg",
-        },
+          id: "t2",          title: "Unmatched Style",          quote: "Finally, headwear that fits my vibe perfectly.",          name: "Michael Chen",          role: "Artist",          imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122924.jpg"},
         {
-          id: "t3",
-          title: "Everyday Essential",
-          quote: "I wear this everywhere I go. The quality is solid.",
-          name: "Emily Rodriguez",
-          role: "Developer",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-sunglasses-india-model-posed-outdoor-streets-city_627829-12724.jpg",
-        },
+          id: "t3",          title: "Everyday Essential",          quote: "I wear this everywhere I go. The quality is solid.",          name: "Emily Rodriguez",          role: "Developer",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-indian-beard-man-black-leather-jacket-sunglasses-india-model-posed-outdoor-streets-city_627829-12724.jpg"},
         {
-          id: "t4",
-          title: "Solid Brand",
-          quote: "Great design and comfort. I'll buy more colors soon.",
-          name: "David Kim",
-          role: "Designer",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg",
-        },
+          id: "t4",          title: "Solid Brand",          quote: "Great design and comfort. I'll buy more colors soon.",          name: "David Kim",          role: "Designer",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-posing-city_23-2149295720.jpg"},
         {
-          id: "t5",
-          title: "Best purchase",
-          quote: "The dripping logo looks so cool in person.",
-          name: "Jessica Lee",
-          role: "Photographer",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-posing_23-2149556836.jpg",
-        },
+          id: "t5",          title: "Best purchase",          quote: "The dripping logo looks so cool in person.",          name: "Jessica Lee",          role: "Photographer",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-drag-queen-posing_23-2149556836.jpg"},
       ]}
       title="Street-Tested Reviews"
       description="What our community says about ES. BHUJWENI."
@@ -267,14 +169,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       names={[
-        "Urban Vogue",
-        "Street Culture",
-        "Global Apparel",
-        "Urban Wear",
-        "Modern Style",
-        "City Threads",
-        "Street Collective",
-      ]}
+        "Urban Vogue",        "Street Culture",        "Global Apparel",        "Urban Wear",        "Modern Style",        "City Threads",        "Street Collective"]}
       title="Seen In"
       description="We are proud to be part of the modern streetwear movement."
     />
@@ -286,20 +181,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you offer worldwide shipping?",
-          content: "Yes, we ship globally.",
-        },
+          id: "f1",          title: "Do you offer worldwide shipping?",          content: "Yes, we ship globally."},
         {
-          id: "f2",
-          title: "How do I care for my beanie?",
-          content: "Gentle hand wash recommended.",
-        },
+          id: "f2",          title: "How do I care for my beanie?",          content: "Gentle hand wash recommended."},
         {
-          id: "f3",
-          title: "Can I return the item?",
-          content: "Yes, within 30 days.",
-        },
+          id: "f3",          title: "Can I return the item?",          content: "Yes, within 30 days."},
       ]}
       title="Common Questions"
       description="Answers about our products and shipping."
@@ -314,16 +200,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get in touch"
       title="Join the Movement"
       description="Stay updated on new drops and community events."
       buttons={[
         {
-          text: "Contact Us",
-          href: "mailto:info@esbhujweniavenue.com",
-        },
+          text: "Contact Us",          href: "mailto:info@esbhujweniavenue.com"},
       ]}
     />
   </div>
@@ -335,18 +218,14 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Instagram,
-          href: "https://instagram.com",
-          ariaLabel: "Instagram",
-        },
+          href: "https://instagram.com",          ariaLabel: "Instagram"},
         {
           icon: Twitter,
-          href: "https://twitter.com",
-          ariaLabel: "Twitter",
-        },
+          href: "https://twitter.com",          ariaLabel: "Twitter"},
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file