Update src/app/page.tsx

src/app/page.tsx

@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Products",
+          name: "Products",          id: "#products"},
-          id: "#products",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       brandName="Blue Lotus Water"
     />
@@ -55,98 +47,62 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitKpi
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="Awaken Your Inner Calm with Blue Lotus"
       description="Experience purity through our sacredly infused water, designed to align your mind, body, and spirit with the ancient calm of the Blue Lotus flower."
       kpis={[
         {
-          value: "100%",
+          value: "100%",          label: "Naturally Sourced"},
-          label: "Naturally Sourced",
-        },
         {
-          value: "24h",
+          value: "24h",          label: "Mindful Hydration"},
-          label: "Mindful Hydration",
-        },
         {
-          value: "15k",
+          value: "15k",          label: "Spiritual Seekers"},
-          label: "Spiritual Seekers",
-        },
       ]}
       enableKpiAnimation={true}
       buttons={[
         {
-          text: "Explore Rituals",
+          text: "Explore Rituals",          href: "#products"},
-          href: "#products",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-floral-spring-wallpaper_23-2150725275.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/purple-lotus-flower-water_417767-13.jpg",
+          src: "http://img.b2bpic.net/free-photo/purple-lotus-flower-water_417767-13.jpg",          alt: "Lotus reflection"},
-          alt: "Lotus reflection",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/pink-flower-with-water-drops-dark-blue-wall_176420-8816.jpg",
+          src: "http://img.b2bpic.net/free-photo/pink-flower-with-water-drops-dark-blue-wall_176420-8816.jpg",          alt: "Pink lotus"},
-          alt: "Pink lotus",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/blooming-water-lily-closeup_23-2148245164.jpg",
+          src: "http://img.b2bpic.net/free-photo/blooming-water-lily-closeup_23-2148245164.jpg",          alt: "Blooming water lily"},
-          alt: "Blooming water lily",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/closeup-white-sacred-lotus-lake-sunlight-with-blurry-background_181624-6668.jpg",
+          src: "http://img.b2bpic.net/free-photo/closeup-white-sacred-lotus-lake-sunlight-with-blurry-background_181624-6668.jpg",          alt: "Sacred lotus"},
-          alt: "Sacred lotus",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/realistic-water-drop-with-ecosystem-world-water-day_23-2151196309.jpg",
+          src: "http://img.b2bpic.net/free-photo/realistic-water-drop-with-ecosystem-world-water-day_23-2151196309.jpg",          alt: "Water ecosystem"},
-          alt: "Water ecosystem",
-        },
       ]}
       avatarText="Trusted by 15k+ seekers"
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Purely Sourced"},
-          text: "Purely Sourced",
-        },
         {
-          type: "text",
+          type: "text",          text: "Eco-Conscious"},
-          text: "Eco-Conscious",
-        },
         {
-          type: "text",
+          type: "text",          text: "Spiritually Infused"},
-          text: "Spiritually Infused",
-        },
         {
-          type: "text",
+          type: "text",          text: "Ethical Rituals"},
-          text: "Ethical Rituals",
-        },
         {
-          type: "text",
+          type: "text",          text: "Mindful Living"},
-          text: "Mindful Living",
-        },
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       heading={[
         {
-          type: "text",
+          type: "text",          content: "The Essence of "},
-          content: "The Essence of ",
-        },
         {
-          type: "image",
+          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-dyed-eggs-easter-with-lavender-plant_23-2148435179.jpg",          alt: "Blue Lotus"},
-          src: "http://img.b2bpic.net/free-photo/top-view-dyed-eggs-easter-with-lavender-plant_23-2148435179.jpg",
-          alt: "Blue Lotus",
-        },
         {
-          type: "text",
+          type: "text",          content: " Ancient Purity"},
-          content: " Ancient Purity",
-        },
       ]}
     />
   </div>
@@ -155,32 +111,20 @@ export default function LandingPage() {
       <FeatureCardTwentySeven
       animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Sacred Sourcing",          descriptions: [
-          title: "Sacred Sourcing",
+            "Purity in every drop from sustainable springs."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/oriental-flora-relax-pond-calm_1323-85.jpg"},
-            "Purity in every drop from sustainable springs.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/oriental-flora-relax-pond-calm_1323-85.jpg",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Calming Ritual",          descriptions: [
-          title: "Calming Ritual",
+            "Enhance your daily meditation practice."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/spring-wallpaper-with-blue-flower_23-2149446739.jpg"},
-            "Enhance your daily meditation practice.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/spring-wallpaper-with-blue-flower_23-2149446739.jpg",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Mindful Design",          descriptions: [
-          title: "Mindful Design",
+            "Ergonomic and sustainably built."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-sustainable-recipients-food_23-2149015860.jpg"},
-            "Ergonomic and sustainably built.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-sustainable-recipients-food_23-2149015860.jpg",
-        },
       ]}
       title="Designed for Meditation"
       description="Every element of Blue Lotus Water is crafted to enhance your spiritual journey."
@@ -192,50 +136,20 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Lotus Essence Bottle",          price: "$29",          variant: "Glass",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-blue-bath-salt-copy-space_23-2148296002.jpg"},
-          name: "Lotus Essence Bottle",
-          price: "$29",
-          variant: "Glass",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-blue-bath-salt-copy-space_23-2148296002.jpg",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Morning Ritual Flask",          price: "$34",          variant: "Steel",          imageSrc: "http://img.b2bpic.net/free-photo/blue-cocktail-with-lemon-slices-blue-plate_114579-52714.jpg"},
-          name: "Morning Ritual Flask",
-          price: "$34",
-          variant: "Steel",
-          imageSrc: "http://img.b2bpic.net/free-photo/blue-cocktail-with-lemon-slices-blue-plate_114579-52714.jpg",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Deep Calm Container",          price: "$39",          variant: "Glass",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-flower-with-raised-bed_23-2150858621.jpg"},
-          name: "Deep Calm Container",
-          price: "$39",
-          variant: "Glass",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-flower-with-raised-bed_23-2150858621.jpg",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Ancient Flow Bottle",          price: "$45",          variant: "Ceramic",          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg"},
-          name: "Ancient Flow Bottle",
-          price: "$45",
-          variant: "Ceramic",
-          imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669154.jpg",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Spiritual Purity Flask",          price: "$49",          variant: "Ceramic",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-pouring-water_23-2150154524.jpg"},
-          name: "Spiritual Purity Flask",
-          price: "$49",
-          variant: "Ceramic",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-pouring-water_23-2150154524.jpg",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Lotus Bloom Bottle",          price: "$52",          variant: "Crystal",          imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28098.jpg"},
-          name: "Lotus Bloom Bottle",
-          price: "$52",
-          variant: "Crystal",
-          imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28098.jpg",
-        },
       ]}
       title="Sacred Hydration"
       description="Choose your ritual bottle."
@@ -247,23 +161,14 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "15k+",          description: "Global Rituals"},
-          value: "15k+",
-          description: "Global Rituals",
-        },
         {
-          id: "m2",
+          id: "m2",          value: "50+",          description: "Retreat Centers"},
-          value: "50+",
-          description: "Retreat Centers",
-        },
         {
-          id: "m3",
+          id: "m3",          value: "98%",          description: "User Satisfaction"},
-          value: "98%",
-          description: "User Satisfaction",
-        },
       ]}
       title="Growth of Calm"
       description="Our community is expanding globally."
@@ -275,48 +180,23 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
+          id: "t1",          name: "Sarah Miller",          role: "Yogi",          company: "ZenLife",          rating: 5,
-          name: "Sarah Miller",
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-patches-with-glass-water-look-camera_197531-32427.jpg"},
-          role: "Yogi",
-          company: "ZenLife",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-smiling-woman-with-patches-with-glass-water-look-camera_197531-32427.jpg",
-        },
         {
-          id: "t2",
+          id: "t2",          name: "David Chan",          role: "Teacher",          company: "InnerPeace",          rating: 5,
-          name: "David Chan",
+          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-garudasana_1385-231.jpg"},
-          role: "Teacher",
-          company: "InnerPeace",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-practicing-garudasana_1385-231.jpg",
-        },
         {
-          id: "t3",
+          id: "t3",          name: "Emily Rose",          role: "Designer",          company: "StudioA",          rating: 5,
-          name: "Emily Rose",
+          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wireless-speaker-listening-music-isolated-blue_285396-10091.jpg"},
-          role: "Designer",
-          company: "StudioA",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-wireless-speaker-listening-music-isolated-blue_285396-10091.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Marcus V.",          role: "Coach",          company: "Vitality",          rating: 5,
-          name: "Marcus V.",
+          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg"},
-          role: "Coach",
-          company: "Vitality",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "Elena P.",          role: "Therapist",          company: "Healing",          rating: 5,
-          name: "Elena P.",
+          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-doing-yoga_23-2148935682.jpg"},
-          role: "Therapist",
-          company: "Healing",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-women-doing-yoga_23-2148935682.jpg",
-        },
       ]}
       title="Voices of Peace"
       description="Hear how Blue Lotus has transformed daily routines."
@@ -326,23 +206,14 @@ export default function LandingPage() {
   <div id="faq" data-section="faq">
       <FaqBase
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "Is it safe for daily use?",          content: "Yes, our water is sourced naturally and safe."},
-          title: "Is it safe for daily use?",
-          content: "Yes, our water is sourced naturally and safe.",
-        },
         {
-          id: "q2",
+          id: "q2",          title: "How is it infused?",          content: "Through a proprietary 48-hour gentle process."},
-          title: "How is it infused?",
-          content: "Through a proprietary 48-hour gentle process.",
-        },
         {
-          id: "q3",
+          id: "q3",          title: "Can I reuse the bottle?",          content: "Our bottles are built for lifetime use."},
-          title: "Can I reuse the bottle?",
-          content: "Our bottles are built for lifetime use.",
-        },
       ]}
       title="Frequently Asked"
       description="Common questions about our rituals."
@@ -352,18 +223,15 @@ export default function LandingPage() {
 
   <div id="contact" data-section="contact">
       <ContactCTA
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       background={{
-        variant: "sparkles-gradient",
+        variant: "sparkles-gradient"}}
-      }}
       tag="Get in touch"
       title="Begin Your Ritual"
       description="Connect with us for partnerships or inquiries."
       buttons={[
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -373,29 +241,19 @@ export default function LandingPage() {
       logoText="Blue Lotus Water"
       columns={[
         {
-          title: "Product",
+          title: "Product",          items: [
-          items: [
             {
-              label: "Rituals",
+              label: "Rituals",              href: "#products"},
-              href: "#products",
-            },
             {
-              label: "About",
+              label: "About",              href: "#about"},
-              href: "#about",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
       ]}
@@ -404,4 +262,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}