From 5e481118131735e5d68ca8d532ded640aa2f4398 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 7 Apr 2026 20:12:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 343 ++++++++++++++---------------------------------
 1 file changed, 97 insertions(+), 246 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8eb4a87..2146127 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -25,258 +25,109 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collection",
-          id: "perfumes",
-        },
-        {
-          name: "Curated Packs",
-          id: "packs",
-        },
-        {
-          name: "Refillable",
-          id: "refillable",
-        },
-      ]}
-      brandName="ELITE DECANT"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Collection", id: "perfumes" },
+              { name: "Curated Packs", id: "packs" },
+              { name: "Refillable", id: "refillable" },
+            ]}
+            brandName="ELITE DECANT"
+            button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="ELITE DECANT"
-      description="Discover the art of scent. Curated luxury decants, delivered with precision and elegance for the discerning nose."
-      buttons={[
-        {
-          text: "Shop Decants",
-          href: "#perfumes",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/background-golden-particle-dust-powder_1017-32800.jpg"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg",
-          alt: "Le Beau",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg",
-          alt: "Eclair",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg",
-          alt: "Fakhar",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg",
-          alt: "Khamrah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg",
-          alt: "Premium",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ fragrance enthusiasts"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic Scents",
-        },
-        {
-          type: "text",
-          text: "Premium Packaging",
-        },
-        {
-          type: "text",
-          text: "Worldwide Shipping",
-        },
-        {
-          type: "text",
-          text: "Sustainable Decants",
-        },
-        {
-          type: "text",
-          text: "Curated Selection",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "sparkles-gradient" }}
+            title="ELITE DECANT"
+            description="Discover the art of scent. Curated luxury decants, delivered with precision and elegance for the discerning nose."
+            buttons={[{ text: "Shop Decants", href: "#perfumes" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/background-golden-particle-dust-powder_1017-32800.jpg"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg", alt: "Le Beau" },
+              { src: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg", alt: "Eclair" },
+              { src: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg", alt: "Fakhar" },
+              { src: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg", alt: "Khamrah" },
+              { src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg", alt: "Premium" },
+            ]}
+            avatarText="Trusted by 5,000+ fragrance enthusiasts"
+            marqueeItems={[
+              { type: "text", text: "Authentic Scents" },
+              { type: "text", text: "Premium Packaging" },
+              { type: "text", text: "Worldwide Shipping" },
+              { type: "text", text: "Sustainable Decants" },
+              { type: "text", text: "Curated Selection" },
+            ]}
+          />
+        </div>
 
-  <div id="perfumes" data-section="perfumes">
-      <FeatureCardNineteen
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          tag: "Fresh & Aquatic",
-          title: "JPG Le Beau Le Parfum",
-          subtitle: "Magnetic freshness",
-          description: "Longevity: 70% | Projection: 65%",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg",
-        },
-        {
-          tag: "Gourmand & Addictive",
-          title: "Lattafa Eclair",
-          subtitle: "Sweet allure",
-          description: "Longevity: 80% | Projection: 75%",
-          imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg",
-        },
-        {
-          tag: "Woody & Intense",
-          title: "Lattafa Fakhar",
-          subtitle: "Bold projection",
-          description: "Longevity: 90% | Projection: 85%",
-          imageSrc: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg",
-        },
-        {
-          tag: "Oud & Deep",
-          title: "Lattafa Khamrah",
-          subtitle: "Rich depth",
-          description: "Longevity: 95% | Projection: 90%",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg",
-        },
-      ]}
-      title="Fragrance Collection"
-      description="Select fragrances with unmatched projection and longevity, available for decanting."
-    />
-  </div>
+        <div id="perfumes" data-section="perfumes">
+          <FeatureCardNineteen
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { tag: "Fresh & Aquatic", title: "JPG Le Beau Le Parfum", subtitle: "Magnetic freshness", description: "Longevity: 70% | Projection: 65%", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326577.jpg" },
+              { tag: "Gourmand & Addictive", title: "Lattafa Eclair", subtitle: "Sweet allure", description: "Longevity: 80% | Projection: 75%", imageSrc: "http://img.b2bpic.net/free-photo/baroque-style-with-flowers-drink_23-2149629977.jpg" },
+              { tag: "Woody & Intense", title: "Lattafa Fakhar", subtitle: "Bold projection", description: "Longevity: 90% | Projection: 85%", imageSrc: "http://img.b2bpic.net/free-photo/skull-bottle-with-drink_23-2147685540.jpg" },
+              { tag: "Oud & Deep", title: "Lattafa Khamrah", subtitle: "Rich depth", description: "Longevity: 95% | Projection: 90%", imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337702.jpg" },
+            ]}
+            title="Fragrance Collection"
+            description="Select fragrances with unmatched projection and longevity, available for decanting."
+          />
+        </div>
 
-  <div id="packs" data-section="packs">
-      <PricingCardFive
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      plans={[
-        {
-          id: "daily",
-          tag: "Everyday",
-          price: "From $400 MXN",
-          period: "once",
-          description: "Fakhar + Khamrah | Your daily powerhouse",
-          button: {
-            text: "Order Pack",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Fakhar Decant",
-            "Khamrah Decant",
-          ],
-        },
-        {
-          id: "sweet",
-          tag: "Gourmand",
-          price: "From $450 MXN",
-          period: "once",
-          description: "Eclair + Khamrah | Sweet, deep depth",
-          button: {
-            text: "Order Pack",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Eclair Decant",
-            "Khamrah Decant",
-          ],
-        },
-        {
-          id: "luxury",
-          tag: "Premium",
-          price: "Ask for price",
-          period: "custom",
-          description: "Le Beau + Lattafa | Elevated experience",
-          button: {
-            text: "Inquire",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Le Beau Decant",
-            "Premium Selection",
-          ],
-        },
-      ]}
-      title="Curated Packs"
-      description="Expertly matched pairings to elevate your fragrance wardrobe."
-    />
-  </div>
+        <div id="packs" data-section="packs">
+          <PricingCardFive
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            plans={[
+              { id: "daily", tag: "Everyday", price: "From $400 MXN", period: "once", description: "Fakhar + Khamrah | Your daily powerhouse", button: { text: "Order Pack" }, featuresTitle: "Includes", features: ["Fakhar Decant", "Khamrah Decant"] },
+              { id: "sweet", tag: "Gourmand", price: "From $450 MXN", period: "once", description: "Eclair + Khamrah | Sweet, deep depth", button: { text: "Order Pack" }, featuresTitle: "Includes", features: ["Eclair Decant", "Khamrah Decant"] },
+              { id: "luxury", tag: "Premium", price: "Ask for price", period: "custom", description: "Le Beau + Lattafa | Elevated experience", button: { text: "Inquire" }, featuresTitle: "Includes", features: ["Le Beau Decant", "Premium Selection"] },
+            ]}
+            title="Curated Packs"
+            description="Expertly matched pairings to elevate your fragrance wardrobe."
+          />
+        </div>
 
-  <div id="refillable" data-section="refillable">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="The Refillable Concept"
-      description="Reduce waste, save money, and maintain your fragrance collection effortlessly with our sustainable refill program."
-      metrics={[
-        {
-          value: "100%",
-          title: "Sustainable",
-        },
-        {
-          value: "40%",
-          title: "Savings",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg"
-      mediaAnimation="blur-reveal"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="refillable" data-section="refillable">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="The Refillable Concept"
+            description="Reduce waste, save money, and maintain your fragrance collection effortlessly with our sustainable refill program."
+            metrics={[{ value: "100%", title: "Sustainable" }, { value: "40%", title: "Savings" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/cosmetic-product-container-with-art-nouveau-inspired-sun-relief-background_23-2151420649.jpg"
+            mediaAnimation="blur-reveal"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Join the Circle"
-      title="Stay Updated"
-      description="Sign up for exclusive offers and new fragrance releases."
-      inputPlaceholder="Enter your email"
-      buttonText="Subscribe"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Join the Circle"
+            title="Stay Updated"
+            description="Sign up for exclusive offers and new fragrance releases."
+            inputPlaceholder="Enter your email"
+            buttonText="Subscribe"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="ELITE DECANT"
-      columns={[
-        {
-          title: "About",
-          items: [
-            {
-              label: "Sustainability",
-              href: "#",
-            },
-            {
-              label: "Shipping",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Email",
-              href: "mailto:support@elitedecant.com",
-            },
-            {
-              label: "Instagram",
-              href: "https://instagram.com",
-            },
-          ],
-        },
-      ]}
-      copyrightText="Decants crafted with care."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="ELITE DECANT"
+            columns={[
+              { title: "About", items: [{ label: "Sustainability", href: "#" }, { label: "Shipping", href: "#" }] },
+              { title: "Contact", items: [{ label: "Email", href: "mailto:support@elitedecant.com" }, { label: "Instagram", href: "https://instagram.com" }] },
+            ]}
+            copyrightText="Decants crafted with care."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );