Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -26,205 +26,110 @@ export default function LandingPage() {
         headingFontWeight="extrabold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "Our Story",
-          id: "about",
-        },
-      ]}
-      brandName="Aura Jewellery"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "home" },
+              { name: "Collection", id: "products" },
+              { name: "Our Story", id: "about" },
+            ]}
+            brandName="Aura Jewellery"
+          />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroCarouselLogo
-      logoText="Emerald Radiance"
-      description="Exquisite handcrafted jewellery designed to capture elegance and timeless grace. Discover our signature emerald collection."
-      buttons={[
-        {
-          text: "View Collection",
-          href: "#products",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=1",
-          imageAlt: "Emerald jewellery set",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=2",
-          imageAlt: "Close up of emerald ring",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=3",
-          imageAlt: "Golden necklace with emerald",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=4",
-          imageAlt: "Luxury emerald accessories",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=5",
-          imageAlt: "Traditional craft detail",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=6",
-          imageAlt: "Elegant display set",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+            <HeroCarouselLogo
+            logoText="Emerald Radiance"
+            description="Exquisite handcrafted jewellery designed to capture elegance and timeless grace. Discover our signature emerald collection."
+            buttons={[
+              { text: "View Collection", href: "#products" },
+            ]}
+            slides={[
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=1", imageAlt: "Emerald jewellery set" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=2", imageAlt: "Close up of emerald ring" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=3", imageAlt: "Golden necklace with emerald" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=4", imageAlt: "Luxury emerald accessories" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=5", imageAlt: "Traditional craft detail" },
+              { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=6", imageAlt: "Elegant display set" },
+            ]}
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "1",
-          name: "Emerald Necklace",
-          price: "POA",
-          variant: "Gold & Emerald",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=7",
-        },
-        {
-          id: "2",
-          name: "Emerald Earrings",
-          price: "POA",
-          variant: "Gold & Emerald",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=8",
-        },
-        {
-          id: "3",
-          name: "Emerald Ring",
-          price: "POA",
-          variant: "Gold & Emerald",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=9",
-        },
-        {
-          id: "4",
-          name: "Jewellery Set",
-          price: "POA",
-          variant: "Gold & Emerald",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=10",
-        },
-        {
-          id: "5",
-          name: "Matching Pendant",
-          price: "POA",
-          variant: "Gold & Emerald",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=11",
-        },
-        {
-          id: "6",
-          name: "Statement Piece",
-          price: "POA",
-          variant: "Gold & Emerald",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=12",
-        },
-      ]}
-      title="Exquisite Pieces"
-      description="Each piece is meticulously crafted with premium stones and refined gold settings."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "1", name: "Emerald Necklace", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=7" },
+              { id: "2", name: "Emerald Earrings", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=8" },
+              { id: "3", name: "Emerald Ring", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=9" },
+              { id: "4", name: "Jewellery Set", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=10" },
+              { id: "5", name: "Matching Pendant", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=11" },
+              { id: "6", name: "Statement Piece", price: "POA", variant: "Gold & Emerald", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=12" },
+            ]}
+            title="Exquisite Pieces"
+            description="Each piece is meticulously crafted with premium stones and refined gold settings."
+            buttons={[
+              { text: "Inquire About Pricing", href: "mailto:hello@example.com" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="A Legacy of Craftsmanship"
-      description="For generations, we have dedicated ourselves to the art of fine jewellery. Our pieces combine traditional techniques with modern aesthetic, resulting in wearable art that stands the test of time."
-      bulletPoints={[
-        {
-          title: "Premium Materials",
-          description: "Authentic gold and ethically sourced stones.",
-        },
-        {
-          title: "Artisan Craft",
-          description: "Handmade with attention to every detail.",
-        },
-        {
-          title: "Timeless Design",
-          description: "Classic aesthetics for modern elegance.",
-        },
-      ]}
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=13"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="A Legacy of Craftsmanship"
+            description="For generations, we have dedicated ourselves to the art of fine jewellery. Our pieces combine traditional techniques with modern aesthetic, resulting in wearable art that stands the test of time."
+            buttons={[
+                { text: "Inquire About Pricing", href: "mailto:hello@example.com" }
+            ]}
+            bulletPoints={[
+              { title: "Premium Materials", description: "Authentic gold and ethically sourced stones." },
+              { title: "Artisan Craft", description: "Handmade with attention to every detail." },
+              { title: "Timeless Design", description: "Classic aesthetics for modern elegance." },
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiQ5IUfcxmbc7Oz4DfW9QPX6xy/uploaded-1775159255775-jcdvgs2h.jpg?_wi=13"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="socialProof" data-section="socialProof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Trusted by Connoisseurs"
-      description="Our collections have been featured and celebrated in leading fashion and lifestyle publications worldwide."
-      names={[
-        "Vogue",
-        "Harper's Bazaar",
-        "Elle",
-        "Tatler",
-        "Jewellery Monthly",
-      ]}
-    />
-  </div>
+        <div id="socialProof" data-section="socialProof">
+            <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Trusted by Connoisseurs"
+            description="Our collections have been featured and celebrated in leading fashion and lifestyle publications worldwide."
+            names={["Vogue", "Harper's Bazaar", "Elle", "Tatler", "Jewellery Monthly"]}
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Why Choose Aura"
-      description="Excellence defined through precision, tradition, and uncompromising luxury."
-      features={[
-        {
-          icon: Diamond,
-          title: "Conflict-Free Stones",
-          description: "Every emerald is traced to its ethical source.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Authenticity Guaranteed",
-          description: "Certification provided with every single purchase.",
-        },
-        {
-          icon: Crown,
-          title: "Bespoke Services",
-          description: "Custom designs tailored to your unique vision.",
-        },
-        {
-          icon: Truck,
-          title: "Global Insured Shipping",
-          description: "Secure delivery to your doorstep, worldwide.",
-        },
-        {
-          icon: Clock,
-          title: "Lifetime Care",
-          description: "Complimentary cleaning and maintenance for life.",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureHoverPattern
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Why Choose Aura"
+            description="Excellence defined through precision, tradition, and uncompromising luxury."
+            features={[
+              { icon: Diamond, title: "Conflict-Free Stones", description: "Every emerald is traced to its ethical source." },
+              { icon: ShieldCheck, title: "Authenticity Guaranteed", description: "Certification provided with every single purchase." },
+              { icon: Crown, title: "Bespoke Services", description: "Custom designs tailored to your unique vision." },
+              { icon: Truck, title: "Global Insured Shipping", description: "Secure delivery to your doorstep, worldwide." },
+              { icon: Clock, title: "Lifetime Care", description: "Complimentary cleaning and maintenance for life." },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="Aura"
-      copyrightText="© 2025 Aura Jewellery"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard
+            logoText="Aura"
+            copyrightText="© 2025 Aura Jewellery"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}