From ce60270dd406b4b10ba424eca12efd74c0242d48 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 7 May 2026 17:50:31 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 511 +++++++++++++----------------------------------
 1 file changed, 140 insertions(+), 371 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c3ec712..9a44685 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,386 +29,155 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "Our Story",
-          id: "about",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Leora"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Collection", id: "products" },
+              { name: "Our Story", id: "about" },
+              { name: "Reviews", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Leora"
+            button={{ text: "Shop Now", href: "#products" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroOverlayTestimonial
-      title="Leora: A Scent of Timeless Elegance"
-      description="Discover our collection of handcrafted fragrances designed for the modern individual."
-      testimonials={[
-        {
-          name: "Elena M.",
-          handle: "@elena_m",
-          testimonial: "The scent is breathtaking and stays with me all day.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg?_wi=1",
-          imageAlt: "luxury perfume bottle dark background gold accents",
-        },
-        {
-          name: "Julian R.",
-          handle: "@julianr",
-          testimonial: "Exquisite quality, definitely my new signature fragrance.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg?_wi=1",
-          imageAlt: "luxury perfume bottle dark background gold accents",
-        },
-        {
-          name: "Sofia K.",
-          handle: "@sofiak",
-          testimonial: "Sophisticated and elegant, simply love Leora.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg?_wi=1",
-          imageAlt: "luxury perfume bottle dark background gold accents",
-        },
-        {
-          name: "Marcus W.",
-          handle: "@marcusw",
-          testimonial: "A luxury experience in every bottle.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg?_wi=1",
-          imageAlt: "luxury perfume bottle dark background gold accents",
-        },
-        {
-          name: "Anna P.",
-          handle: "@annap",
-          testimonial: "Beautifully crafted, highly recommend.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg?_wi=1",
-          imageAlt: "luxury perfume bottle dark background gold accents",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg?_wi=2"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg",
-          alt: "Customer portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16548.jpg",
-          alt: "Customer portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg",
-          alt: "Customer portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg",
-          alt: "Customer portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/red-haired-lady-with-black-bandage-neck-fashionable-yellow-green-dress-smiling-looking-into-camera-posing-background-vineyards_197531-30129.jpg",
-          alt: "Customer portrait 5",
-        },
-      ]}
-      avatarText="Join 10,000+ scent enthusiasts"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlayTestimonial
+            title="Leora: A Scent of Timeless Elegance"
+            description="Discover our collection of handcrafted fragrances designed for the modern individual."
+            testimonials={[
+              { name: "Elena M.", handle: "@elena_m", testimonial: "The scent is breathtaking and stays with me all day.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
+              { name: "Julian R.", handle: "@julianr", testimonial: "Exquisite quality, definitely my new signature fragrance.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
+              { name: "Sofia K.", handle: "@sofiak", testimonial: "Sophisticated and elegant, simply love Leora.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
+              { name: "Marcus W.", handle: "@marcusw", testimonial: "A luxury experience in every bottle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg", imageAlt: "luxury perfume bottle dark background gold accents" },
+              { name: "Anna P.", handle: "@annap", testimonial: "Beautifully crafted, highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg", imageAlt: "luxury perfume bottle dark background gold accents" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/arrangement-skin-care-cream_23-2148761493.jpg"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/beautiful-woman-posing-autumn-coat-posing-street_1303-29532.jpg", alt: "Customer portrait 1" },
+              { src: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16548.jpg", alt: "Customer portrait 2" },
+              { src: "http://img.b2bpic.net/free-photo/young-female-photographer-exploring-city-with-her-camera_23-2149186643.jpg", alt: "Customer portrait 3" },
+              { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting_23-2149213193.jpg", alt: "Customer portrait 4" },
+              { src: "http://img.b2bpic.net/free-photo/red-haired-lady-with-black-bandage-neck-fashionable-yellow-green-dress-smiling-looking-into-camera-posing-background-vineyards_197531-30129.jpg", alt: "Customer portrait 5" }
+            ]}
+            avatarText="Join 10,000+ scent enthusiasts"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Our Craft"
-      metrics={[
-        {
-          label: "Ethical Sourcing",
-          value: "100%",
-          icon: Shield,
-        },
-        {
-          label: "Rare Botanicals",
-          value: "50+",
-          icon: Droplet,
-        },
-        {
-          label: "Artisan Creators",
-          value: "12",
-          icon: Award,
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Our Craft"
+            metrics={[
+              { label: "Ethical Sourcing", value: "100%", icon: Shield },
+              { label: "Rare Botanicals", value: "50+", icon: Droplet },
+              { label: "Artisan Creators", value: "12", icon: Award },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="two-columns-alternating-heights"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Midnight Bloom",
-          price: "$120",
-          variant: "Eau de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Golden Hour",
-          price: "$145",
-          variant: "Eau de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Coastal Breeze",
-          price: "$110",
-          variant: "Eau de Toilette",
-          imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg?_wi=2",
-        },
-        {
-          id: "4",
-          name: "Velvet Oud",
-          price: "$160",
-          variant: "Extrait de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg?_wi=2",
-        },
-        {
-          id: "5",
-          name: "Citrus Zest",
-          price: "$95",
-          variant: "Eau de Cologne",
-          imageSrc: "http://img.b2bpic.net/free-photo/candle-with-leafy-shadow-pattern_24972-3051.jpg",
-        },
-        {
-          id: "6",
-          name: "Floral Veil",
-          price: "$130",
-          variant: "Eau de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108512.jpg",
-        },
-      ]}
-      title="Signature Collection"
-      description="Curated fragrances for every occasion."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="two-columns-alternating-heights"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Midnight Bloom", price: "$120", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg" },
+              { id: "2", name: "Golden Hour", price: "$145", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/empty-perfume-glass-bottles-design-resource_53876-96700.jpg" },
+              { id: "3", name: "Coastal Breeze", price: "$110", variant: "Eau de Toilette", imageSrc: "http://img.b2bpic.net/free-photo/perfume-bottle_1203-7600.jpg" },
+              { id: "4", name: "Velvet Oud", price: "$160", variant: "Extrait de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176153.jpg" },
+              { id: "5", name: "Citrus Zest", price: "$95", variant: "Eau de Cologne", imageSrc: "http://img.b2bpic.net/free-photo/candle-with-leafy-shadow-pattern_24972-3051.jpg" },
+              { id: "6", name: "Floral Veil", price: "$130", variant: "Eau de Parfum", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_52683-108512.jpg" },
+            ]}
+            title="Signature Collection"
+            description="Curated fragrances for every occasion."
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          title: "Sustainable Luxury",
-          subtitle: "Conscious, eco-friendly beauty.",
-          category: "Ethics",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Long-Lasting",
-          subtitle: "Scent that endures all day.",
-          category: "Performance",
-          value: "12hr",
-        },
-        {
-          id: "f3",
-          title: "Artisan Crafted",
-          subtitle: "Small batch for perfection.",
-          category: "Quality",
-          value: "Craft",
-        },
-      ]}
-      title="Why Choose Leora"
-      description="The art of fine fragrance, redefined."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyEight
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", title: "Sustainable Luxury", subtitle: "Conscious, eco-friendly beauty.", category: "Ethics", value: "100%" },
+              { id: "f2", title: "Long-Lasting", subtitle: "Scent that endures all day.", category: "Performance", value: "12hr" },
+              { id: "f3", title: "Artisan Crafted", subtitle: "Small batch for perfection.", category: "Quality", value: "Craft" },
+            ]}
+            title="Why Choose Leora"
+            description="The art of fine fragrance, redefined."
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Vogue",
-        "Harper's Bazaar",
-        "Elle",
-        "Allure",
-        "Cosmopolitan",
-        "GQ",
-        "Tatler",
-      ]}
-      title="Featured In"
-      description="As seen in leading lifestyle publications."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Vogue", "Harper's Bazaar", "Elle", "Allure", "Cosmopolitan", "GQ", "Tatler"]}
+            title="Featured In"
+            description="As seen in leading lifestyle publications."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah",
-          role: "Journalist",
-          company: "Lifestyle Magazine",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16547.jpg",
-        },
-        {
-          id: "2",
-          name: "James",
-          role: "Architect",
-          company: "Studio Design",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/summer-portrait-happy-young-woman-field_169016-40942.jpg",
-        },
-        {
-          id: "3",
-          name: "Chloe",
-          role: "Curator",
-          company: "Art Gallery",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/excited-blonde-woman-trendy-silver-wristwatch-posing-with-pleasure-her-birthday-holding-wineglass-charming-girl-with-tanned-skin-drinking-champagne-having-fun-weekend_197531-4296.jpg",
-        },
-        {
-          id: "4",
-          name: "David",
-          role: "Photographer",
-          company: "Visual Media",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-photographer-female-dressed-black-leather-jacket-holds-professional-digital-camera-tripod_613910-201.jpg",
-        },
-        {
-          id: "5",
-          name: "Mia",
-          role: "Creative",
-          company: "Fashion Lab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-smiling-brunette-model-trendy-girl-posing-street_158538-17019.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "10k+",
-          label: "Happy Clients",
-        },
-        {
-          value: "5/5",
-          label: "Avg Rating",
-        },
-        {
-          value: "40+",
-          label: "Regions",
-        },
-      ]}
-      title="Loved by You"
-      description="Join our community of scent enthusiasts."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Sarah", role: "Journalist", company: "Lifestyle Magazine", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-city_1157-16547.jpg" },
+              { id: "2", name: "James", role: "Architect", company: "Studio Design", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/summer-portrait-happy-young-woman-field_169016-40942.jpg" },
+              { id: "3", name: "Chloe", role: "Curator", company: "Art Gallery", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/excited-blonde-woman-trendy-silver-wristwatch-posing-with-pleasure-her-birthday-holding-wineglass-charming-girl-with-tanned-skin-drinking-champagne-having-fun-weekend_197531-4296.jpg" },
+              { id: "4", name: "David", role: "Photographer", company: "Visual Media", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-photographer-female-dressed-black-leather-jacket-holds-professional-digital-camera-tripod_613910-201.jpg" },
+              { id: "5", name: "Mia", role: "Creative", company: "Fashion Lab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-beautiful-smiling-brunette-model-trendy-girl-posing-street_158538-17019.jpg" },
+            ]}
+            kpiItems={[
+              { value: "10k+", label: "Happy Clients" },
+              { value: "5/5", label: "Avg Rating" },
+              { value: "40+", label: "Regions" },
+            ]}
+            title="Loved by You"
+            description="Join our community of scent enthusiasts."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are your fragrances vegan?",
-          content: "Yes, all Leora perfumes are cruelty-free and vegan.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer shipping?",
-          content: "We ship globally, with free shipping on orders over $150.",
-        },
-        {
-          id: "q3",
-          title: "Can I return a bottle?",
-          content: "Returns are accepted within 30 days if unused.",
-        },
-      ]}
-      sideTitle="Questions?"
-      sideDescription="Find answers here."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Are your fragrances vegan?", content: "Yes, all Leora perfumes are cruelty-free and vegan." },
+              { id: "q2", title: "Do you offer shipping?", content: "We ship globally, with free shipping on orders over $150." },
+              { id: "q3", title: "Can I return a bottle?", content: "Returns are accepted within 30 days if unused." },
+            ]}
+            sideTitle="Questions?"
+            sideDescription="Find answers here."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
-      text="Get in touch for bespoke fragrance consultations."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:hello@leora.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={true}
+            background={{ variant: "gradient-bars" }}
+            text="Get in touch for bespoke fragrance consultations."
+            buttons={[{ text: "Contact Us", href: "mailto:hello@leora.com" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Home",
-              href: "/",
-            },
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "About",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Shipping Info",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="LEORA"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            logoText="LEORA"
+            columns={[
+              { items: [{ label: "Home", href: "/" }, { label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }, { label: "Shipping Info", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1