From fb00f967cd45f04feda780c43a3993b11d53b67e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 17 Apr 2026 09:30:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 444 ++++++++++++++---------------------------------
 1 file changed, 127 insertions(+), 317 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 57fcb0f..dc29688 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -11,7 +11,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
-import { Award, Diamond, Leaf, PenTool, ShieldCheck, Truck } from "lucide-react";
+import { Award, Diamond, Leaf, PenTool, ShieldCheck, Truck, Search, Users, Shield } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -28,330 +28,140 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Collection",
-          id: "products",
-        },
-        {
-          name: "Why Us",
-          id: "about",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Diamond Elegance"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "Collection", id: "products" },
+              { name: "Why Us", id: "about" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Diamond Elegance"
+            button={{ text: "Contact Us", href: "#contact" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplit
-      background={{
-        variant: "radial-gradient",
-      }}
-      title="Timeless Elegance in Every Cut"
-      description="Discover our exquisite collection of hand-selected diamonds. Crafted for brilliance, designed for life's most precious moments."
-      buttons={[
-        {
-          text: "Shop Collection",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/decorative-clear-diamonds-white-fabric-textured-background_53876-98208.jpg?_wi=1"
-      imageAlt="Luxury diamond ring"
-      mediaAnimation="blur-reveal"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/jewelry-bright-studio-luxury-love-vintage_1400-30.jpg",
-          alt: "Happy client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-view-wedding-decoration-with-gray-cloth-gray-textured-background-vertical_176474-4582.jpg",
-          alt: "Happy client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/decorative-clear-diamonds-white-fabric-textured-background_53876-98207.jpg",
-          alt: "Happy client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-christmas-globes-with-copy-space_23-2148721326.jpg",
-          alt: "Happy client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509248.jpg",
-          alt: "Happy client 5",
-        },
-      ]}
-      avatarText="Join 500+ satisfied jewelry collectors"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Certified GIA Diamonds",
-          icon: Diamond,
-        },
-        {
-          type: "text-icon",
-          text: "Ethically Sourced",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Lifetime Guarantee",
-          icon: ShieldCheck,
-        },
-        {
-          type: "text-icon",
-          text: "Free Secure Shipping",
-          icon: Truck,
-        },
-        {
-          type: "text-icon",
-          text: "Artisan Crafted",
-          icon: PenTool,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplit
+            background={{ variant: "radial-gradient" }}
+            title="Timeless Elegance in Every Cut"
+            description="Discover our exquisite collection of hand-selected diamonds. Crafted for brilliance, designed for life's most precious moments."
+            buttons={[{ text: "Shop Collection", href: "#products" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/decorative-clear-diamonds-white-fabric-textured-background_53876-98208.jpg"
+            imageAlt="Luxury diamond ring"
+            mediaAnimation="blur-reveal"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/jewelry-bright-studio-luxury-love-vintage_1400-30.jpg", alt: "Happy client 1" },
+              { src: "http://img.b2bpic.net/free-photo/high-angle-view-wedding-decoration-with-gray-cloth-gray-textured-background-vertical_176474-4582.jpg", alt: "Happy client 2" },
+              { src: "http://img.b2bpic.net/free-photo/decorative-clear-diamonds-white-fabric-textured-background_53876-98207.jpg", alt: "Happy client 3" },
+              { src: "http://img.b2bpic.net/free-photo/high-angle-christmas-globes-with-copy-space_23-2148721326.jpg", alt: "Happy client 4" },
+              { src: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509248.jpg", alt: "Happy client 5" },
+            ]}
+            avatarText="Join 500+ satisfied jewelry collectors"
+            marqueeItems={[
+              { type: "text-icon", text: "Certified GIA Diamonds", icon: Diamond },
+              { type: "text-icon", text: "Ethically Sourced", icon: Leaf },
+              { type: "text-icon", text: "Lifetime Guarantee", icon: ShieldCheck },
+              { type: "text-icon", text: "Free Secure Shipping", icon: Truck },
+              { type: "text-icon", text: "Artisan Crafted", icon: PenTool },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Our Commitment to Brilliance"
-      metrics={[
-        {
-          icon: Award,
-          label: "Years Experience",
-          value: "40+",
-        },
-        {
-          icon: ShieldCheck,
-          label: "Certified Diamonds",
-          value: "100%",
-        },
-        {
-          icon: Diamond,
-          label: "Global Collections",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={true}
+            title="Our Commitment to Brilliance"
+            metrics={[
+              { icon: Award, label: "Years Experience", value: "40+" },
+              { icon: ShieldCheck, label: "Certified Diamonds", value: "100%" },
+              { icon: Diamond, label: "Global Collections", value: "500+" },
+            ]}
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Expert Sourcing",
-          description: "We source only the finest ethically mined diamonds.",
-          buttonIcon: "Search",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-gemstone-pendant-woman-s-neck_246466-23.jpg",
-        },
-        {
-          title: "Precision Craftsmanship",
-          description: "Every diamond is cut for maximum light reflection.",
-          buttonIcon: "PenTool",
-          imageSrc: "http://img.b2bpic.net/free-photo/long-earring-with-violet-precious-stones-hang-from-woman-s-ear_8353-5042.jpg",
-        },
-        {
-          title: "Personalized Service",
-          description: "Consult with our experts for your ideal selection.",
-          buttonIcon: "Users",
-          imageSrc: "http://img.b2bpic.net/free-photo/metal-rings-with-skulls_23-2147685523.jpg",
-        },
-        {
-          title: "Lifetime Warranty",
-          description: "We stand behind the quality of our jewelry.",
-          buttonIcon: "Shield",
-          imageSrc: "http://img.b2bpic.net/free-photo/model-shows-earrings-ring-with-beautiful-blue-precious-stones_8353-5044.jpg",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Excellence in sourcing, craftsmanship, and service ensures your diamond purchase is an investment in perfection."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Expert Sourcing", description: "We source only the finest ethically mined diamonds.", buttonIcon: Search, imageSrc: "http://img.b2bpic.net/free-photo/green-gemstone-pendant-woman-s-neck_246466-23.jpg" },
+              { title: "Precision Craftsmanship", description: "Every diamond is cut for maximum light reflection.", buttonIcon: PenTool, imageSrc: "http://img.b2bpic.net/free-photo/long-earring-with-violet-precious-stones-hang-from-woman-s-ear_8353-5042.jpg" },
+              { title: "Personalized Service", description: "Consult with our experts for your ideal selection.", buttonIcon: Users, imageSrc: "http://img.b2bpic.net/free-photo/metal-rings-with-skulls_23-2147685523.jpg" },
+              { title: "Lifetime Warranty", description: "We stand behind the quality of our jewelry.", buttonIcon: Shield, imageSrc: "http://img.b2bpic.net/free-photo/model-shows-earrings-ring-with-beautiful-blue-precious-stones_8353-5044.jpg" },
+            ]}
+            title="Why Choose Us"
+            description="Excellence in sourcing, craftsmanship, and service ensures your diamond purchase is an investment in perfection."
+          />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "p1",
-          name: "Solitaire Ring",
-          price: "$2,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509253.jpg?_wi=1",
-        },
-        {
-          id: "p2",
-          name: "Halo Necklace",
-          price: "$3,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-with-bright-makeup_158538-10334.jpg?_wi=1",
-        },
-        {
-          id: "p3",
-          name: "Classic Studs",
-          price: "$1,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-wedding-jewelry-set_181624-43719.jpg?_wi=1",
-        },
-        {
-          id: "p4",
-          name: "Tennis Bracelet",
-          price: "$4,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145925.jpg?_wi=1",
-        },
-        {
-          id: "p5",
-          name: "Eternity Band",
-          price: "$2,900",
-          imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695005.jpg",
-        },
-        {
-          id: "p6",
-          name: "Grand Pendant",
-          price: "$5,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-15490.jpg",
-        },
-      ]}
-      title="Signature Diamond Collections"
-      description="View our hand-curated selection of premium jewelry."
-    />
-  </div>
+        <div id="products" data-section="products">
+          <ProductCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="four-items-2x2-equal-grid"
+            useInvertedBackground={true}
+            products={[
+              { id: "p1", name: "Solitaire Ring", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509253.jpg" },
+              { id: "p2", name: "Halo Necklace", price: "$3,200", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-with-bright-makeup_158538-10334.jpg" },
+              { id: "p3", name: "Classic Studs", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-wedding-jewelry-set_181624-43719.jpg" },
+              { id: "p4", name: "Tennis Bracelet", price: "$4,500", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145925.jpg" },
+              { id: "p5", name: "Eternity Band", price: "$2,900", imageSrc: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695005.jpg" },
+              { id: "p6", name: "Grand Pendant", price: "$5,800", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-15490.jpg" },
+            ]}
+            title="Signature Diamond Collections"
+            description="View our hand-curated selection of premium jewelry."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFive
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Alice M.",
-          date: "Oct 2023",
-          title: "Beautiful piece",
-          quote: "Stunning clarity and professional service.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/side-view-people-discussing-project_23-2149721919.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/decorative-clear-diamonds-white-fabric-textured-background_53876-98208.jpg?_wi=2",
-          imageAlt: "happy client wearing jewelry",
-        },
-        {
-          id: "t2",
-          name: "Robert K.",
-          date: "Aug 2023",
-          title: "Perfect engagement",
-          quote: "She said yes! The ring is breathtaking.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/store-clerk-shows-watch-shes-buying-as-gift-happy-smiling-woman-copy-space-with-jewelry-store-background_166373-8865.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509253.jpg?_wi=2",
-          imageAlt: "happy client wearing jewelry",
-        },
-        {
-          id: "t3",
-          name: "Sophia L.",
-          date: "May 2023",
-          title: "Excellent quality",
-          quote: "The fire and brilliance are unmatched.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-with-bright-makeup_158538-10334.jpg?_wi=2",
-          imageAlt: "happy client wearing jewelry",
-        },
-        {
-          id: "t4",
-          name: "Marcus D.",
-          date: "Mar 2023",
-          title: "Great value",
-          quote: "Best experience I've had buying jewelry.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-woman-black-dress-with-festive-makeup-beautiful-photo-with-bokeh-background_132075-14598.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-wedding-jewelry-set_181624-43719.jpg?_wi=2",
-          imageAlt: "happy client wearing jewelry",
-        },
-        {
-          id: "t5",
-          name: "Elena P.",
-          date: "Jan 2023",
-          title: "Timeless",
-          quote: "I will cherish this necklace forever.",
-          tag: "Verified",
-          avatarSrc: "http://img.b2bpic.net/free-photo/couple-looking-through-stores-window_329181-20476.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145925.jpg?_wi=2",
-          imageAlt: "happy client wearing jewelry",
-        },
-      ]}
-      title="Client Stories"
-      description="Reflecting love and milestones through every diamond."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFive
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "Alice M.", date: "Oct 2023", title: "Beautiful piece", quote: "Stunning clarity and professional service.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/side-view-people-discussing-project_23-2149721919.jpg", imageSrc: "http://img.b2bpic.net/free-photo/decorative-clear-diamonds-white-fabric-textured-background_53876-98208.jpg" },
+              { id: "t2", name: "Robert K.", date: "Aug 2023", title: "Perfect engagement", quote: "She said yes! The ring is breathtaking.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/store-clerk-shows-watch-shes-buying-as-gift-happy-smiling-woman-copy-space-with-jewelry-store-background_166373-8865.jpg", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509253.jpg" },
+              { id: "t3", name: "Sophia L.", date: "May 2023", title: "Excellent quality", quote: "The fire and brilliance are unmatched.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg", imageSrc: "http://img.b2bpic.net/free-photo/young-blond-woman-with-bright-makeup_158538-10334.jpg" },
+              { id: "t4", name: "Marcus D.", date: "Mar 2023", title: "Great value", quote: "Best experience I've had buying jewelry.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-elegant-woman-black-dress-with-festive-makeup-beautiful-photo-with-bokeh-background_132075-14598.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-wedding-jewelry-set_181624-43719.jpg" },
+              { id: "t5", name: "Elena P.", date: "Jan 2023", title: "Timeless", quote: "I will cherish this necklace forever.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/couple-looking-through-stores-window_329181-20476.jpg", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148145925.jpg" },
+            ]}
+            title="Client Stories"
+            description="Reflecting love and milestones through every diamond."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you provide certification?",
-          content: "Yes, all our diamonds are certified by GIA.",
-        },
-        {
-          id: "q2",
-          title: "Is jewelry shipping insured?",
-          content: "Every shipment is fully insured until delivery.",
-        },
-        {
-          id: "q3",
-          title: "Can I custom design rings?",
-          content: "Our experts help design your dream diamond jewelry.",
-        },
-      ]}
-      sideTitle="Common Questions"
-      faqsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitText
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you provide certification?", content: "Yes, all our diamonds are certified by GIA." },
+              { id: "q2", title: "Is jewelry shipping insured?", content: "Every shipment is fully insured until delivery." },
+              { id: "q3", title: "Can I custom design rings?", content: "Our experts help design your dream diamond jewelry." },
+            ]}
+            sideTitle="Common Questions"
+            faqsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Inquire"
-      title="Start Your Journey"
-      description="Schedule a consultation with our gemologists to find your perfect diamond."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "sparkles-gradient" }}
+            tag="Inquire"
+            title="Start Your Journey"
+            description="Schedule a consultation with our gemologists to find your perfect diamond."
+            buttons={[{ text: "Contact Us", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="Diamond Elegance"
-      leftLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Support",
-        href: "#",
-      }}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Diamond Elegance"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact Support", href: "#" }}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1