Update src/app/page.tsx

Merge version_4 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterBase from '@/components/sections/footer/FooterBase';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
@@ -34,111 +34,52 @@ export default function LandingPage() {
       <NavbarLayoutFloatingInline
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "#hero"},
-          id: "#hero",
-        },
         {
-          name: "About",
+          name: "About",          id: "#about"},
-          id: "#about",
-        },
         {
-          name: "Collections",
+          name: "Collections",          id: "/products"},
-          id: "#products",
-        },
         {
-          name: "Features",
+          name: "Features",          id: "#features"},
-          id: "#features",
-        },
         {
-          name: "Testimonials",
+          name: "Testimonials",          id: "#testimonials"},
-          id: "#testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "#faq"},
-          id: "#faq",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "#contact"},
-          id: "#contact",
-        },
       ]}
       logoSrc="http://img.b2bpic.net/free-vector/luxury-floral-perfume-logo-template-concept_23-2148467151.jpg"
       logoAlt="AromaLux Logo"
       brandName="AromaLux"
       button={{
-        text: "Shop Now",
+        text: "Shop Now",        href: "/products"}}
-        href: "#products",
-      }}
       animateOnLoad={true}
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroCentered
+      <HeroBillboardCarousel
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Discover Your Signature Scent"
       description="Experience the art of perfumery with AromaLux. Handcrafted fragrances designed to captivate and inspire."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-black-white-minimal-design_23-2149253105.jpg",
-          alt: "Elegant perfume bottle",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420734.jpg",
-          alt: "Minimalist white perfume",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-perfume-bottle-purple-blurred-background_140725-145531.jpg",
-          alt: "Modern perfume bottle",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-empty-perfume-bottle_23-2149234340.jpg",
-          alt: "Natural elements perfume",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/luxury-perfume-container_1048-1922.jpg",
-          alt: "Luxury shimmer perfume",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/women-s-day-still-life-with-makeup-jewelry_23-2149263174.jpg",
-          alt: "Artistic reflection perfume",
-        },
-      ]}
-      avatarText="Explore our captivating range"
       buttons={[
         {
-          text: "Explore Collection",
+          text: "Explore Collection",          href: "/products"},
-          href: "#products",
-        },
         {
-          text: "Our Story",
+          text: "Our Story",          href: "#about"},
-          href: "#about",
-        },
       ]}
       buttonAnimation="slide-up"
-      marqueeItems={[
+      mediaItems={[
         {
-          type: "text",
+          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=1",          imageAlt: "Monochrome beauty product"
-          text: "Exquisite Craftsmanship",
         },
         {
-          type: "text",
+          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=1",          imageAlt: "Swirls foam blue liquid"
-          text: "Sustainable Luxury",
         },
         {
-          type: "text",
+          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=1",          imageAlt: "Still life cosmetic products"
-          text: "Timeless Elegance",
+        }
-        },
-        {
-          type: "text",
-          text: "Signature Scents",
-        },
-        {
-          type: "text",
-          text: "Art of Fragrance",
-        },
       ]}
     />
   </div>
@@ -148,14 +89,10 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="The Essence of Elegance"
       description={[
-        "At AromaLux, we believe a fragrance is more than just a scent—it's an extension of your personality. Our master perfumers meticulously select the rarest ingredients to create extraordinary olfactory journeys.",
+        "At AromaLux, we believe a fragrance is more than just a scent—it's an extension of your personality. Our master perfumers meticulously select the rarest ingredients to create extraordinary olfactory journeys.",        "Each bottle tells a story, a symphony of notes designed to evoke emotion and leave a lasting impression. From vibrant florals to deep, woody undertones, discover a world of luxurious aromas."]}
-        "Each bottle tells a story, a symphony of notes designed to evoke emotion and leave a lasting impression. From vibrant florals to deep, woody undertones, discover a world of luxurious aromas.",
-      ]}
       buttons={[
         {
-          text: "Learn More",
+          text: "Learn More",          href: "#about"},
-          href: "#",
-        },
       ]}
       buttonAnimation="slide-up"
     />
@@ -168,32 +105,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
+          id: "f1",          title: "Masterful Blending",          descriptions: [
-          title: "Masterful Blending",
+            "Our perfumers are artists, combining rare essences to create harmonious and unique compositions."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bottle_23-2148897591.jpg",          imageAlt: "Perfumer crafting scent"},
-            "Our perfumers are artists, combining rare essences to create harmonious and unique compositions.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-bottle_23-2148897591.jpg",
-          imageAlt: "Perfumer crafting scent",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Sustainable Sourcing",          descriptions: [
-          title: "Sustainable Sourcing",
+            "We ethically source the finest natural ingredients, ensuring both quality and environmental responsibility."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg",          imageAlt: "Sustainable ingredients"},
-            "We ethically source the finest natural ingredients, ensuring both quality and environmental responsibility.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292012.jpg",
-          imageAlt: "Sustainable ingredients",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Exceptional Longevity",          descriptions: [
-          title: "Exceptional Longevity",
+            "Formulated for enduring wear, our fragrances leave a memorable trail that lasts throughout the day."],
-          descriptions: [
+          imageSrc: "http://img.b2bpic.net/free-photo/close-view-sexual-bride-with-makeup-hairstyle-wearing-white-silk-gown-veil-spraying-perfume-her-neck-enjoying-smell-against-gray-background-bridal-morning_8353-12277.jpg",          imageAlt: "Perfume mist on skin"},
-            "Formulated for enduring wear, our fragrances leave a memorable trail that lasts throughout the day.",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-view-sexual-bride-with-makeup-hairstyle-wearing-white-silk-gown-veil-spraying-perfume-her-neck-enjoying-smell-against-gray-background-bridal-morning_8353-12277.jpg",
-          imageAlt: "Perfume mist on skin",
-        },
       ]}
       title="Crafted for Perfection"
       description="Our commitment to excellence shines through every bottle, from ingredient sourcing to final presentation."
@@ -203,58 +125,22 @@ export default function LandingPage() {
   <div id="products" data-section="products">
       <ProductCardFour
       animationType="slide-up"
-      textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
+      textboxLayout="default"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
+          id: "p1",          name: "Aura Bloom",          price: "$120",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=2",          imageAlt: "Aura Bloom Perfume"},
-          name: "Aura Bloom",
-          price: "$120",
-          variant: "Eau de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg",
-          imageAlt: "Aura Bloom Perfume",
-        },
         {
-          id: "p2",
+          id: "p2",          name: "Serenity Mist",          price: "$110",          variant: "Eau de Toilette",          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=2",          imageAlt: "Serenity Mist Perfume"},
-          name: "Serenity Mist",
-          price: "$110",
-          variant: "Eau de Toilette",
-          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg",
-          imageAlt: "Serenity Mist Perfume",
-        },
         {
-          id: "p3",
+          id: "p3",          name: "Ignite Elixir",          price: "$135",          variant: "Extrait de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=2",          imageAlt: "Ignite Elixir Perfume"},
-          name: "Ignite Elixir",
-          price: "$135",
-          variant: "Extrait de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg",
-          imageAlt: "Ignite Elixir Perfume",
-        },
         {
-          id: "p4",
+          id: "p4",          name: "Blooming Charm",          price: "$105",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-yellow-flower-arrangement_23-2149353084.jpg",          imageAlt: "Blooming Charm Perfume"},
-          name: "Blooming Charm",
-          price: "$105",
-          variant: "Eau de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-yellow-flower-arrangement_23-2149353084.jpg",
-          imageAlt: "Blooming Charm Perfume",
-        },
         {
-          id: "p5",
+          id: "p5",          name: "Noir Allure",          price: "$140",          variant: "Extrait de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg",          imageAlt: "Noir Allure Perfume"},
-          name: "Noir Allure",
-          price: "$140",
-          variant: "Extrait de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg",
-          imageAlt: "Noir Allure Perfume",
-        },
         {
-          id: "p6",
+          id: "p6",          name: "Solstice Glow",          price: "$125",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/golden-smoke-black-screen_23-2148227231.jpg",          imageAlt: "Solstice Glow Perfume"},
-          name: "Solstice Glow",
-          price: "$125",
-          variant: "Eau de Parfum",
-          imageSrc: "http://img.b2bpic.net/free-photo/golden-smoke-black-screen_23-2148227231.jpg",
-          imageAlt: "Solstice Glow Perfume",
-        },
       ]}
       title="Our Exquisite Collections"
       description="Explore a diverse range of fragrances, each a masterpiece waiting to be discovered."
@@ -268,59 +154,25 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "standard",
+          id: "standard",          tag: "Classic",          tagIcon: Sparkles,
-          tag: "Classic",
+          price: "$120",          period: "50ml",          description: "Our signature scent in a standard, elegant bottle.",          button: {
-          tagIcon: Sparkles,
+            text: "Select Standard",            href: "#offerings"},
-          price: "$120",
+          featuresTitle: "Includes:",          features: [
-          period: "50ml",
+            "50ml Eau de Parfum",            "Premium packaging",            "Free shipping"],
-          description: "Our signature scent in a standard, elegant bottle.",
-          button: {
-            text: "Select Standard",
-            href: "#",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "50ml Eau de Parfum",
-            "Premium packaging",
-            "Free shipping",
-          ],
         },
         {
-          id: "travel",
+          id: "travel",          tag: "Traveler",          tagIcon: Feather,
-          tag: "Traveler",
+          price: "$60",          period: "10ml",          description: "A portable companion for your journeys, perfect for on-the-go refresh.",          button: {
-          tagIcon: Feather,
+            text: "Select Travel",            href: "#offerings"},
-          price: "$60",
+          featuresTitle: "Includes:",          features: [
-          period: "10ml",
+            "10ml Travel Spray",            "Refillable design",            "Velvet pouch"],
-          description: "A portable companion for your journeys, perfect for on-the-go refresh.",
-          button: {
-            text: "Select Travel",
-            href: "#",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "10ml Travel Spray",
-            "Refillable design",
-            "Velvet pouch",
-          ],
         },
         {
-          id: "gift-set",
+          id: "gift-set",          tag: "Luxury Set",          tagIcon: Gift,
-          tag: "Luxury Set",
+          price: "$200",          period: "Gift Set",          description: "The ultimate gift, featuring a selection of our finest fragrances.",          button: {
-          tagIcon: Gift,
+            text: "Choose Gift Set",            href: "#offerings"},
-          price: "$200",
+          featuresTitle: "Includes:",          features: [
-          period: "Gift Set",
+            "50ml Eau de Parfum",            "10ml Travel Spray",            "Scented candle",            "Personalized card"],
-          description: "The ultimate gift, featuring a selection of our finest fragrances.",
-          button: {
-            text: "Choose Gift Set",
-            href: "#",
-          },
-          featuresTitle: "Includes:",
-          features: [
-            "50ml Eau de Parfum",
-            "10ml Travel Spray",
-            "Scented candle",
-            "Personalized card",
-          ],
         },
       ]}
       title="Curated Offerings"
@@ -336,25 +188,15 @@ export default function LandingPage() {
       author="Isabella Rossi, Fragrance Enthusiast"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",
+          src: "http://img.b2bpic.net/free-photo/close-up-portrait-professional-business-woman-smiling-outdoor_1391-4.jpg",          alt: "Sarah Johnson"},
-          alt: "Sarah Johnson",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",          alt: "Michael Chen"},
-          alt: "Michael Chen",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/busy-young-woman-work_329181-13393.jpg",
+          src: "http://img.b2bpic.net/free-photo/busy-young-woman-work_329181-13393.jpg",          alt: "Emily Rodriguez"},
-          alt: "Emily Rodriguez",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-hands-head-patterned-blouse-looking-happy-front-view_176474-31820.jpg",
+          src: "http://img.b2bpic.net/free-photo/beautiful-woman-holding-hands-head-patterned-blouse-looking-happy-front-view_176474-31820.jpg",          alt: "David Kim"},
-          alt: "David Kim",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-handsome-guy-posing-park_1262-20815.jpg",
+          src: "http://img.b2bpic.net/free-photo/smiling-handsome-guy-posing-park_1262-20815.jpg",          alt: "Maria Gomez"},
-          alt: "Maria Gomez",
-        },
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -366,14 +208,7 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "Vogue Scent",
+        "Vogue Scent",        "Luxury Essence",        "Gourmet Fragrance",        "Chic Magazine",        "Aroma Monthly",        "Elite Style",        "Modern Perfumer"]}
-        "Luxury Essence",
-        "Gourmet Fragrance",
-        "Chic Magazine",
-        "Aroma Monthly",
-        "Elite Style",
-        "Modern Perfumer",
-      ]}
       title="As Seen In"
       description="Proudly recognized by leading fashion and lifestyle publications for our unique olfactory artistry."
     />
@@ -385,30 +220,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "q1",
+          id: "q1",          title: "What makes AromaLux fragrances unique?",          content: "Our fragrances are crafted by master perfumers using rare and ethically sourced ingredients. Each scent is a unique composition designed for longevity and complexity."},        {
-          title: "What makes AromaLux fragrances unique?",
+          id: "q2",          title: "How long do your fragrances last?",          content: "AromaLux fragrances are formulated for exceptional longevity. Depending on the concentration (Eau de Parfum vs. Extrait de Parfum) and skin type, they can last anywhere from 6 to 12 hours."},        {
-          content: "Our fragrances are crafted by master perfumers using rare and ethically sourced ingredients. Each scent is a unique composition designed for longevity and complexity.",
+          id: "q3",          title: "Are your products cruelty-free?",          content: "Yes, AromaLux is committed to ethical practices. All our products are 100% cruelty-free and vegan, never tested on animals."},        {
-        },
+          id: "q4",          title: "Do you offer international shipping?",          content: "Yes, we offer worldwide shipping. Shipping costs and delivery times vary by destination. Please see our shipping policy for more details."},        {
-        {
+          id: "q5",          title: "Can I sample fragrances before buying a full bottle?",          content: "We offer discovery sets with small samples of our most popular fragrances, allowing you to experience them before committing to a full-size purchase."}
-          id: "q2",
-          title: "How long do your fragrances last?",
-          content: "AromaLux fragrances are formulated for exceptional longevity. Depending on the concentration (Eau de Parfum vs. Extrait de Parfum) and skin type, they can last anywhere from 6 to 12 hours.",
-        },
-        {
-          id: "q3",
-          title: "Are your products cruelty-free?",
-          content: "Yes, AromaLux is committed to ethical practices. All our products are 100% cruelty-free and vegan, never tested on animals.",
-        },
-        {
-          id: "q4",
-          title: "Do you offer international shipping?",
-          content: "Yes, we offer worldwide shipping. Shipping costs and delivery times vary by destination. Please see our shipping policy for more details.",
-        },
-        {
-          id: "q5",
-          title: "Can I sample fragrances before buying a full bottle?",
-          content: "We offer discovery sets with small samples of our most popular fragrances, allowing you to experience them before committing to a full-size purchase.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Find answers to common inquiries about our fragrances, ingredients, and ordering process."
@@ -420,8 +236,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Inquire"
       title="Connect with AromaLux"
       description="We'd love to hear from you. Reach out to us for any questions, collaborations, or custom fragrance requests."
@@ -439,66 +254,39 @@ export default function LandingPage() {
       <FooterBase
       columns={[
         {
-          title: "Shop",
+          title: "Shop",          items: [
-          items: [
             {
-              label: "All Fragrances",
+              label: "All Fragrances",              href: "/products"},
-              href: "#products",
-            },
             {
-              label: "Gift Sets",
+              label: "Gift Sets",              href: "#offerings"},
-              href: "#offerings",
-            },
             {
-              label: "New Arrivals",
+              label: "New Arrivals",              href: "/products"},
-              href: "#products",
-            },
             {
-              label: "Discovery Sets",
+              label: "Discovery Sets",              href: "#offerings"},
-              href: "#offerings",
-            },
           ],
         },
         {
-          title: "Company",
+          title: "Company",          items: [
-          items: [
             {
-              label: "Our Story",
+              label: "Our Story",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Craftsmanship",
+              label: "Craftsmanship",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Sustainability",
+              label: "Sustainability",              href: "#features"},
-              href: "#features",
-            },
             {
-              label: "Careers",
+              label: "Careers",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Contact Us",
+              label: "Contact Us",              href: "#contact"},
-              href: "#contact",
-            },
             {
-              label: "Shipping & Returns",
+              label: "Shipping & Returns",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}

src/app/products/page.tsx

@@ -0,0 +1,143 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+
+export default function ProductsPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="directional-hover"
+        defaultTextAnimation="entrance-slide"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSmall"
+        background="noise"
+        cardStyle="outline"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="semibold"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              {
+                name: "Home",          id: "/"},
+              {
+                name: "About",          id: "#about"},
+              {
+                name: "Collections",          id: "/products"},
+              {
+                name: "Features",          id: "#features"},
+              {
+                name: "Testimonials",          id: "#testimonials"},
+              {
+                name: "FAQ",          id: "#faq"},
+              {
+                name: "Contact",          id: "#contact"},
+            ]}
+            logoSrc="http://img.b2bpic.net/free-vector/luxury-floral-perfume-logo-template-concept_23-2148467151.jpg"
+            logoAlt="AromaLux Logo"
+            brandName="AromaLux"
+            button={{
+              text: "Shop Now",        href: "/products"}}
+            animateOnLoad={true}
+          />
+        </div>
+
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{
+              variant: "radial-gradient"}}
+            title="Our Exquisite Products"
+            description="Explore a diverse range of fragrances, each a masterpiece waiting to be discovered."
+            buttons={[
+              {
+                text: "Back to Home",          href: "/"}
+            ]}
+            buttonAnimation="slide-up"
+            mediaItems={[
+              {
+                imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=1",          imageAlt: "Product display"
+              }
+            ]}
+          />
+        </div>
+
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            gridVariant="three-columns-all-equal-width"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={[
+              {
+                id: "p1",          name: "Aura Bloom",          price: "$120",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-beauty-product-skincare_23-2151307320.jpg?_wi=2",          imageAlt: "Aura Bloom Perfume"},
+              {
+                id: "p2",          name: "Serenity Mist",          price: "$110",          variant: "Eau de Toilette",          imageSrc: "http://img.b2bpic.net/free-photo/swirls-foam-blue-liquid_23-2148346909.jpg?_wi=2",          imageAlt: "Serenity Mist Perfume"},
+              {
+                id: "p3",          name: "Ignite Elixir",          price: "$135",          variant: "Extrait de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163167.jpg?_wi=2",          imageAlt: "Ignite Elixir Perfume"},
+              {
+                id: "p4",          name: "Blooming Charm",          price: "$105",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/serum-bottle-yellow-flower-arrangement_23-2149353084.jpg",          imageAlt: "Blooming Charm Perfume"},
+              {
+                id: "p5",          name: "Noir Allure",          price: "$140",          variant: "Extrait de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-black-perfume-bottle-with-gold-cap-dark-textured-background_84443-84117.jpg",          imageAlt: "Noir Allure Perfume"},
+              {
+                id: "p6",          name: "Solstice Glow",          price: "$125",          variant: "Eau de Parfum",          imageSrc: "http://img.b2bpic.net/free-photo/golden-smoke-black-screen_23-2148227231.jpg",          imageAlt: "Solstice Glow Perfume"},
+            ]}
+            title="Our Exquisite Collections"
+            description="Explore a diverse range of fragrances, each a masterpiece waiting to be discovered."
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Shop",          items: [
+                  {
+                    label: "All Fragrances",              href: "/products"},
+                  {
+                    label: "Gift Sets",              href: "#offerings"},
+                  {
+                    label: "New Arrivals",              href: "/products"},
+                  {
+                    label: "Discovery Sets",              href: "#offerings"},
+                ],
+              },
+              {
+                title: "Company",          items: [
+                  {
+                    label: "Our Story",              href: "#about"},
+                  {
+                    label: "Craftsmanship",              href: "#features"},
+                  {
+                    label: "Sustainability",              href: "#features"},
+                  {
+                    label: "Careers",              href: "#"},
+                ],
+              },
+              {
+                title: "Support",          items: [
+                  {
+                    label: "FAQ",              href: "#faq"},
+                  {
+                    label: "Contact Us",              href: "#contact"},
+                  {
+                    label: "Shipping & Returns",              href: "#"},
+                  {
+                    label: "Privacy Policy",              href: "#"},
+                ],
+              },
+            ]}
+            logoText="AromaLux"
+            copyrightText="© 2024 AromaLux. All rights reserved."
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}