From 10a8a5459a603c04967849685764b2f6098e78d9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 12 Apr 2026 01:14:52 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 473 ++++++++++++-----------------------------------
 1 file changed, 123 insertions(+), 350 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a37508..e142e7b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -26,363 +26,136 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="U-DARK"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Collection", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="U-DARK"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="U-DARK: The Essence of Modern Luxury"
-      description="Where contemporary African craftsmanship meets timeless sophistication. Explore our exclusive collection of bespoke, high-fashion designs."
-      testimonials={[
-        {
-          name: "Amara Diallo",
-          handle: "@amaradiallo",
-          testimonial: "U-DARK perfectly captures the grace of modern Africa. The craftsmanship is truly world-class.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg",
-        },
-        {
-          name: "Kwame Mensah",
-          handle: "@kwamem",
-          testimonial: "A luxury brand that doesn't just sell clothes; it sells heritage and prestige. Exceptional work.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg",
-        },
-        {
-          name: "Fatou Ndiaye",
-          handle: "@fatoundiaye",
-          testimonial: "Finally, African luxury on the global stage. U-DARK is my go-to for special events.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg",
-        },
-        {
-          name: "Chinua Okafor",
-          handle: "@chinuao",
-          testimonial: "Unparalleled sophistication and fit. Truly the pinnacle of bespoke design.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-model-beige-stylish-clothes-with-bright-makeup-red-lips_158538-10816.jpg",
-        },
-        {
-          name: "Zola Mbeki",
-          handle: "@zolambeki",
-          testimonial: "Sophisticated, bold, and unapologetically African. U-DARK is brilliant.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-        {
-          text: "Our Story",
-          href: "#about",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-autumn-setting_23-2149056535.jpg"
-      imageAlt="U-DARK luxury fashion showcase"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-wearing-high-heels-stocking_23-2150261136.jpg",
-          alt: "Fashionista portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5678.jpg",
-          alt: "Fashionista portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg",
-          alt: "Fashionista portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5532.jpg",
-          alt: "Fashionista portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5569.jpg",
-          alt: "Fashionista portrait 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic African Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Bespoke Tailoring",
-        },
-        {
-          type: "text",
-          text: "Global Heritage",
-        },
-        {
-          type: "text",
-          text: "Sustainable Luxury",
-        },
-        {
-          type: "text",
-          text: "Modern Sophistication",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            title="U-DARK: The Essence of Modern Luxury"
+            description="Where contemporary African craftsmanship meets timeless sophistication. Explore our exclusive collection of bespoke, high-fashion designs."
+            testimonials={[
+              { name: "Amara Diallo", handle: "@amaradiallo", testimonial: "U-DARK perfectly captures the grace of modern Africa. The craftsmanship is truly world-class.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-beautiful-female-barber-uniform-showing-okay-gesture-isolated-pink-background_141793-118849.jpg" },
+              { name: "Kwame Mensah", handle: "@kwamem", testimonial: "A luxury brand that doesn't just sell clothes; it sells heritage and prestige. Exceptional work.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-stylish-bearded-man-with-hairstyle-glasses-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20005.jpg" },
+              { name: "Fatou Ndiaye", handle: "@fatoundiaye", testimonial: "Finally, African luxury on the global stage. U-DARK is my go-to for special events.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-posing_23-2149154638.jpg" },
+              { name: "Chinua Okafor", handle: "@chinuao", testimonial: "Unparalleled sophistication and fit. Truly the pinnacle of bespoke design.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/brunette-model-beige-stylish-clothes-with-bright-makeup-red-lips_158538-10816.jpg" },
+              { name: "Zola Mbeki", handle: "@zolambeki", testimonial: "Sophisticated, bold, and unapologetically African. U-DARK is brilliant.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-caucasian-brunette-girl-with-smile-her-face-posing-pink-background-concept-real-emotions_197531-31322.jpg" },
+            ]}
+            buttons={[
+              { text: "Shop Collection", href: "#products" },
+              { text: "Our Story", href: "#about" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-autumn-setting_23-2149056535.jpg"
+            imageAlt="U-DARK luxury fashion showcase"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/woman-wearing-high-heels-stocking_23-2150261136.jpg", alt: "Fashionista portrait 1" },
+              { src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5678.jpg", alt: "Fashionista portrait 2" },
+              { src: "http://img.b2bpic.net/free-photo/interested-african-american-woman-trench-coat-looking-camera-front-view-curious-black-girl-standing-bricked-background_197531-28937.jpg", alt: "Fashionista portrait 3" },
+              { src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5532.jpg", alt: "Fashionista portrait 4" },
+              { src: "http://img.b2bpic.net/free-photo/sharming-elegant-young-african-american-woman-with-long-curly-hair-wearing-jumpsuit-posing-cafe-indoor_627829-5569.jpg", alt: "Fashionista portrait 5" },
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Authentic African Craftsmanship" },
+              { type: "text", text: "Bespoke Tailoring" },
+              { type: "text", text: "Global Heritage" },
+              { type: "text", text: "Sustainable Luxury" },
+              { type: "text", text: "Modern Sophistication" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TextSplitAbout
-      useInvertedBackground={false}
-      title="Crafted with Passion & Heritage"
-      description={[
-        "At U-DARK, we blend ancestral techniques with avant-garde design. Our pieces are crafted using the finest materials, ensuring every stitch tells a story of elegance and cultural depth.",
-        "Our dedication to precision means that every garment is a masterpiece, made for those who demand individuality, quality, and a connection to their roots.",
-      ]}
-      buttons={[
-        {
-          text: "Discover Our Craft",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TextSplitAbout
+            useInvertedBackground={false}
+            title="Crafted with Passion & Heritage"
+            description={[
+              "At U-DARK, we blend ancestral techniques with avant-garde design. Our pieces are crafted using the finest materials, ensuring every stitch tells a story of elegance and cultural depth.",              "Our dedication to precision means that every garment is a masterpiece, made for those who demand individuality, quality, and a connection to their roots."]}
+            buttons={[{ text: "Discover Our Craft", href: "#" }]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardTwo
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          brand: "U-DARK",
-          name: "The Royal Silhouette",
-          price: "$850",
-          rating: 5,
-          reviewCount: "12",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-natural-makeup-wear-fashion-clothes-casual-black-white-dress-code-office-style-total-blouse-pants-suit-hat_627829-1563.jpg",
-        },
-        {
-          id: "2",
-          brand: "U-DARK",
-          name: "Heritage Gold Cuff",
-          price: "$320",
-          rating: 5,
-          reviewCount: "25",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg",
-        },
-        {
-          id: "3",
-          brand: "U-DARK",
-          name: "Nomad Luxury Coat",
-          price: "$1200",
-          rating: 5,
-          reviewCount: "8",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg",
-        },
-        {
-          id: "4",
-          brand: "U-DARK",
-          name: "Midnight Silk Kaftan",
-          price: "$950",
-          rating: 5,
-          reviewCount: "15",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830423.jpg",
-        },
-        {
-          id: "5",
-          brand: "U-DARK",
-          name: "Artisan Linen Ensemble",
-          price: "$680",
-          rating: 5,
-          reviewCount: "30",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg",
-        },
-        {
-          id: "6",
-          brand: "U-DARK",
-          name: "Golden Horizon Suit",
-          price: "$1500",
-          rating: 5,
-          reviewCount: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-industry-showcases-elegant-garment-collection-stage-generated-by-ai_188544-17006.jpg",
-        },
-      ]}
-      title="The Exclusive Collection"
-      description="Artisanal excellence brought to life in contemporary silhouettes."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardTwo
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={true}
+            products={[
+              { id: "1", brand: "U-DARK", name: "The Royal Silhouette", price: "$850", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-natural-makeup-wear-fashion-clothes-casual-black-white-dress-code-office-style-total-blouse-pants-suit-hat_627829-1563.jpg" },
+              { id: "2", brand: "U-DARK", name: "Heritage Gold Cuff", price: "$320", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4752.jpg" },
+              { id: "3", brand: "U-DARK", name: "Nomad Luxury Coat", price: "$1200", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-jacket-close-up_23-2148898084.jpg" },
+              { id: "4", brand: "U-DARK", name: "Midnight Silk Kaftan", price: "$950", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait-with-flowers_23-2148830423.jpg" },
+              { id: "5", brand: "U-DARK", name: "Artisan Linen Ensemble", price: "$680", rating: 5, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-dark-background-loneliness-concept_169016-66019.jpg" },
+              { id: "6", brand: "U-DARK", name: "Golden Horizon Suit", price: "$1500", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/fashion-industry-showcases-elegant-garment-collection-stage-generated-by-ai_188544-17006.jpg" },
+            ]}
+            title="The Exclusive Collection"
+            description="Artisanal excellence brought to life in contemporary silhouettes."
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Vogue Africa",
-        "Harper's Bazaar",
-        "Lagos Fashion Week",
-        "Global Design Council",
-        "African Couture Collective",
-        "Moda Magazine",
-        "Luxury Daily",
-      ]}
-      title="Seen In Leading Fashion Circles"
-      description="Our brand is globally recognized for quality and innovation in luxury fashion."
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Vogue Africa", "Harper's Bazaar", "Lagos Fashion Week", "Global Design Council", "African Couture Collective", "Moda Magazine", "Luxury Daily"]}
+            title="Seen In Leading Fashion Circles"
+            description="Our brand is globally recognized for quality and innovation in luxury fashion."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Amara Diallo",
-          role: "Creative Director",
-          company: "Vogue Africa",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg",
-        },
-        {
-          id: "2",
-          name: "Kwame Mensah",
-          role: "Founder",
-          company: "Mensah Global",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/trendy-hipster-girl-winks-eye-makes-cheeky-expression-dressed-green-fashionable-costume-carries-bag-has-bun-hairstyle-vivid-makeup-poses-outdoors-urban-lifestyle_273609-56220.jpg",
-        },
-        {
-          id: "3",
-          name: "Fatou Ndiaye",
-          role: "Influencer",
-          company: "FatouLife",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg",
-        },
-        {
-          id: "4",
-          name: "Chinua Okafor",
-          role: "Entrepreneur",
-          company: "OKA Tech",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg",
-        },
-        {
-          id: "5",
-          name: "Zola Mbeki",
-          role: "Architect",
-          company: "Mbeki Studios",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-delicious-cocktail_23-2150166057.jpg",
-        },
-      ]}
-      title="Testimonials of Excellence"
-      description="Hear from those who experience the luxury of U-DARK daily."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            animationType="slide-up"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Amara Diallo", role: "Creative Director", company: "Vogue Africa", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sunglasses_1157-6308.jpg" },
+              { id: "2", name: "Kwame Mensah", role: "Founder", company: "Mensah Global", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/trendy-hipster-girl-winks-eye-makes-cheeky-expression-dressed-green-fashionable-costume-carries-bag-has-bun-hairstyle-vivid-makeup-poses-outdoors-urban-lifestyle_273609-56220.jpg" },
+              { id: "3", name: "Fatou Ndiaye", role: "Influencer", company: "FatouLife", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-confident-middle-aged-businessman-black-background_176420-5560.jpg" },
+              { id: "4", name: "Chinua Okafor", role: "Entrepreneur", company: "OKA Tech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-adorable-woman-black-dress-posing-cozy-dark-room-with-christmas-decor_8353-8832.jpg" },
+              { id: "5", name: "Zola Mbeki", role: "Architect", company: "Mbeki Studios", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-delicious-cocktail_23-2150166057.jpg" },
+            ]}
+            title="Testimonials of Excellence"
+            description="Hear from those who experience the luxury of U-DARK daily."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Inquire"
-      title="Experience U-DARK Bespoke"
-      description="Join our elite newsletter to get exclusive access to new releases, designer notes, and private event invites."
-      imageSrc="http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg"
-      imageAlt="Boutique contact experience"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Inquire"
+            title="Experience U-DARK Bespoke"
+            description="Join our elite newsletter to get exclusive access to new releases, designer notes, and private event invites."
+            imageSrc="http://img.b2bpic.net/free-photo/atelier-shop-full-sartorial-outfits_482257-90452.jpg"
+            imageAlt="Boutique contact experience"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "Bespoke",
-              href: "#",
-            },
-            {
-              label: "Our Process",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Returns",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQs",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Twitter",
-              href: "#",
-            },
-            {
-              label: "LinkedIn",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="U-DARK"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "Shop", href: "#products" }, { label: "Bespoke", href: "#" }, { label: "Our Process", href: "#about" }] },
+              { items: [{ label: "Returns", href: "#" }, { label: "Contact", href: "#contact" }, { label: "FAQs", href: "#" }] },
+              { items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
+            ]}
+            logoText="U-DARK"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1