From fd5d509dc010c90f05c606bfdaad340d653f31ca Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 06:40:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 535 ++++++++++++++---------------------------------
 1 file changed, 156 insertions(+), 379 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d1f5157..ef7efd8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,394 +28,171 @@ export default function LandingPage() {
         headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Collections",
-          id: "products",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="R Subham Pearls"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Collections", id: "products" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="R Subham Pearls"
+            button={{ text: "Get Started", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardTestimonial
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      title="Timeless Elegance in Every Pearl"
-      description="Discover R Subham Pearls and Jewellers, where tradition meets modern sophistication in every meticulously crafted piece."
-      testimonials={[
-        {
-          name: "Ananya Sharma",
-          handle: "@ananyas",
-          testimonial: "The pearl necklace is exquisite. Truly a masterpiece.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
-        },
-        {
-          name: "Rajesh Mehta",
-          handle: "@rajeshme",
-          testimonial: "Best place for authentic pearl jewelry in the city.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg",
-        },
-        {
-          name: "Sunita Rao",
-          handle: "@sunitarao",
-          testimonial: "Absolutely stunning quality and craftsmanship.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
-        },
-        {
-          name: "Vikram Sethi",
-          handle: "@vikramsethi",
-          testimonial: "Great service and beautiful designs. Very happy.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg",
-        },
-        {
-          name: "Priya Das",
-          handle: "@priyadas",
-          testimonial: "Excellent collection for weddings and occasions.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-buying-jewelry_7502-7603.jpg",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/portrait-graceful-woman-with-freckles-gently-touching-neck-darkhaired-girl-with-hairpins-necklace-pearls-posing-profile_197531-26423.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/happy-friendly-cashier-taking-credit-card-from-customer-payment-purchases-chatting-smiling-laughing-medium-shot-shopping-concept_74855-11795.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
-          alt: "Happy customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
-          alt: "Happy customer",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Authentic",
-        },
-        {
-          type: "text",
-          text: "Artisan",
-        },
-        {
-          type: "text",
-          text: "Timeless",
-        },
-        {
-          type: "text",
-          text: "Luxurious",
-        },
-        {
-          type: "text",
-          text: "Premium",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardTestimonial
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            title="Timeless Elegance in Every Pearl"
+            description="Discover R Subham Pearls and Jewellers, where tradition meets modern sophistication in every meticulously crafted piece."
+            testimonials={[
+              { name: "Ananya Sharma", handle: "@ananyas", testimonial: "The pearl necklace is exquisite. Truly a masterpiece.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg" },
+              { name: "Rajesh Mehta", handle: "@rajeshme", testimonial: "Best place for authentic pearl jewelry in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-relaxed-content-woman-leaning-wall_1262-1749.jpg" },
+              { name: "Sunita Rao", handle: "@sunitarao", testimonial: "Absolutely stunning quality and craftsmanship.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg" },
+              { name: "Vikram Sethi", handle: "@vikramsethi", testimonial: "Great service and beautiful designs. Very happy.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-emotions-reaction-feelings-joyful-funny-young-woman-with-dyed-bob-hairstyle-artistic-make-up-screwing-up-eyes-smiling-feeling-shy-laughing-joke-being-good-mood_343059-4357.jpg" },
+              { name: "Priya Das", handle: "@priyadas", testimonial: "Excellent collection for weddings and occasions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-couple-buying-jewelry_7502-7603.jpg" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/portrait-graceful-woman-with-freckles-gently-touching-neck-darkhaired-girl-with-hairpins-necklace-pearls-posing-profile_197531-26423.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/happy-friendly-cashier-taking-credit-card-from-customer-payment-purchases-chatting-smiling-laughing-medium-shot-shopping-concept_74855-11795.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/cute-daughter-receiving-gifts-from-her-mother_23-2148331752.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg", alt: "Happy customer" },
+              { src: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg", alt: "Happy customer" }
+            ]}
+            marqueeItems={[
+              { type: "text", text: "Authentic" },
+              { type: "text", text: "Artisan" },
+              { type: "text", text: "Timeless" },
+              { type: "text", text: "Luxurious" },
+              { type: "text", text: "Premium" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Legacy of Craftsmanship"
-      description="For over three decades, we have curated the finest pearls and gold jewelry, serving generations with unparalleled quality and trust."
-      metrics={[
-        {
-          value: "30+",
-          title: "Years of Excellence",
-        },
-        {
-          value: "5000+",
-          title: "Happy Customers",
-        },
-        {
-          value: "100%",
-          title: "Authentic Pearls",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/girl-with-pleasure-tries-take-off-her-pearl-necklace-portrait-woman-white-outfit_197531-26427.jpg"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Legacy of Craftsmanship"
+            description="For over three decades, we have curated the finest pearls and gold jewelry, serving generations with unparalleled quality and trust."
+            metrics={[
+              { value: "30+", title: "Years of Excellence" },
+              { value: "5000+", title: "Happy Customers" },
+              { value: "100%", title: "Authentic Pearls" }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/girl-with-pleasure-tries-take-off-her-pearl-necklace-portrait-woman-white-outfit_197531-26427.jpg"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "Handcrafted Excellence",
-          tags: [
-            "Artisan",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400980.jpg",
-        },
-        {
-          id: "f2",
-          title: "Certified Authenticity",
-          tags: [
-            "Genuine",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695030.jpg",
-        },
-        {
-          id: "f3",
-          title: "Exclusive Designs",
-          tags: [
-            "Unique",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essentials-bead-working-with-scissors-thread_23-2148815808.jpg",
-        },
-      ]}
-      title="Our Distinction"
-      description="Why choose R Subham Pearls for your next piece?"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            features={[
+              { id: "f1", title: "Handcrafted Excellence", tags: ["Artisan"], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beauty-portrait_23-2149400980.jpg" },
+              { id: "f2", title: "Certified Authenticity", tags: ["Genuine"], imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695030.jpg" },
+              { id: "f3", title: "Exclusive Designs", tags: ["Unique"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-essentials-bead-working-with-scissors-thread_23-2148815808.jpg" }
+            ]}
+            title="Our Distinction"
+            description="Why choose R Subham Pearls for your next piece?"
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Classic Pearl Strand",
-          price: "$1200",
-          variant: "Gold",
-          imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409281.jpg",
-        },
-        {
-          id: "p2",
-          name: "Bridal Pearl Set",
-          price: "$2500",
-          variant: "Gold",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-golden-earrings_23-2149846573.jpg",
-        },
-        {
-          id: "p3",
-          name: "Minimalist Pearl Studs",
-          price: "$450",
-          variant: "Gold",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490535.jpg",
-        },
-        {
-          id: "p4",
-          name: "Pearl & Diamond Pendant",
-          price: "$1800",
-          variant: "Platinum",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-coquettishly-touches-her-hair-woman-white-outfit-pearl-accessories-looks-into-camera_197531-14809.jpg",
-        },
-        {
-          id: "p5",
-          name: "Contemporary Pearl Ring",
-          price: "$600",
-          variant: "Gold",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329669.jpg",
-        },
-        {
-          id: "p6",
-          name: "Royal Pearl Brooch",
-          price: "$950",
-          variant: "Gold",
-          imageSrc: "http://img.b2bpic.net/free-photo/crafting-beaded-necklace_23-2151961886.jpg",
-        },
-      ]}
-      title="Signature Collections"
-      description="Browse our latest catalog of fine pearls and gold masterpieces."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Classic Pearl Strand", price: "$1200", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409281.jpg" },
+              { id: "p2", name: "Bridal Pearl Set", price: "$2500", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-golden-earrings_23-2149846573.jpg" },
+              { id: "p3", name: "Minimalist Pearl Studs", price: "$450", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490535.jpg" },
+              { id: "p4", name: "Pearl & Diamond Pendant", price: "$1800", variant: "Platinum", imageSrc: "http://img.b2bpic.net/free-photo/green-eyed-woman-coquettishly-touches-her-hair-woman-white-outfit-pearl-accessories-looks-into-camera_197531-14809.jpg" },
+              { id: "p5", name: "Contemporary Pearl Ring", price: "$600", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring_23-2150329669.jpg" },
+              { id: "p6", name: "Royal Pearl Brooch", price: "$950", variant: "Gold", imageSrc: "http://img.b2bpic.net/free-photo/crafting-beaded-necklace_23-2151961886.jpg" }
+            ]}
+            title="Signature Collections"
+            description="Browse our latest catalog of fine pearls and gold masterpieces."
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "150+",
-          description: "Unique designs",
-        },
-        {
-          id: "m2",
-          value: "99%",
-          description: "Client satisfaction",
-        },
-        {
-          id: "m3",
-          value: "24h",
-          description: "Support response",
-        },
-      ]}
-      title="Our Impact"
-      description="Numbers speak to our commitment and quality."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "150+", description: "Unique designs" },
+              { id: "m2", value: "99%", description: "Client satisfaction" },
+              { id: "m3", value: "24h", description: "Support response" }
+            ]}
+            title="Our Impact"
+            description="Numbers speak to our commitment and quality."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Meera Iyer",
-          role: "Collector",
-          company: "FineArts",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg",
-        },
-        {
-          id: "t2",
-          name: "Arjun Khanna",
-          role: "Businessman",
-          company: "RetailCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sarah Gupta",
-          role: "Architect",
-          company: "Designs",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
-        },
-        {
-          id: "t4",
-          name: "Rahul Verma",
-          role: "Engineer",
-          company: "TechLab",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg",
-        },
-        {
-          id: "t5",
-          name: "Anjali Bose",
-          role: "Designer",
-          company: "FashionCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg",
-        },
-      ]}
-      kpiItems={[
-        {
-          value: "4.9/5",
-          label: "Customer Rating",
-        },
-        {
-          value: "5000+",
-          label: "Jewellery Pieces Sold",
-        },
-        {
-          value: "30+",
-          label: "Years in Business",
-        },
-      ]}
-      title="Stories from Our Patrons"
-      description="Read what our cherished customers have to say."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Meera Iyer", role: "Collector", company: "FineArts", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-corporate-woman-working-office-sitting-front-laptop-preparing-business_1258-194628.jpg" },
+              { id: "t2", name: "Arjun Khanna", role: "Businessman", company: "RetailCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-two-stylish-caucasian-woman-blazers-french-cap-classic-white-hat-stand_343596-2183.jpg" },
+              { id: "t3", name: "Sarah Gupta", role: "Architect", company: "Designs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg" },
+              { id: "t4", name: "Rahul Verma", role: "Engineer", company: "TechLab", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-as-lawyer_23-2151152310.jpg" },
+              { id: "t5", name: "Anjali Bose", role: "Designer", company: "FashionCo", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-business-woman_158595-4753.jpg" }
+            ]}
+            kpiItems={[
+              { value: "4.9/5", label: "Customer Rating" },
+              { value: "5000+", label: "Jewellery Pieces Sold" },
+              { value: "30+", label: "Years in Business" }
+            ]}
+            title="Stories from Our Patrons"
+            description="Read what our cherished customers have to say."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "Are your pearls authentic?",
-          content: "Yes, all our pearls are 100% natural and come with authenticity certificates.",
-        },
-        {
-          id: "q2",
-          title: "Do you offer custom designs?",
-          content: "Absolutely! Our expert artisans can help bring your dream jewelry piece to life.",
-        },
-        {
-          id: "q3",
-          title: "Is shipping insured?",
-          content: "Yes, every order is fully insured until it reaches your doorstep safely.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      description="Have questions about our pearls or policies?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "Are your pearls authentic?", content: "Yes, all our pearls are 100% natural and come with authenticity certificates." },
+              { id: "q2", title: "Do you offer custom designs?", content: "Absolutely! Our expert artisans can help bring your dream jewelry piece to life." },
+              { id: "q3", title: "Is shipping insured?", content: "Yes, every order is fully insured until it reaches your doorstep safely." }
+            ]}
+            title="Frequently Asked Questions"
+            description="Have questions about our pearls or policies?"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      text="Visit our boutique or reach out to us for any bespoke inquiries."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactText
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            text="Visit our boutique or reach out to us for any bespoke inquiries."
+            buttons={[{ text: "Contact Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="R Subham Pearls"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="R Subham Pearls"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Terms of Service", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );