From b49b29f5d6a8684b14d6172f75eeda7bcbb286bf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 1 May 2026 03:01:45 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 414 ++++++++++++++++-------------------------------
 1 file changed, 136 insertions(+), 278 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c524966..0a6d4b1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,294 +19,152 @@ export default function LandingPage() {
         defaultButtonVariant="directional-hover"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Products",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Royaltick"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+              navItems={[
+                { name: "Home", id: "home" },
+                { name: "About", id: "about" },
+                { name: "Products", id: "products" },
+                { name: "Contact", id: "contact" },
+              ]}
+              brandName="Royaltick"
+              button={{ text: "Shop Collections", href: "#products" }}
+            />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroOverlay
-      title="Timeless Elegance, Custom Crafted."
-      description="At Royaltick Jewelry, we manufacture exquisite diamond watches, custom pendants, and bespoke rings that redefine luxury. Experience master craftsmanship tailored just for you."
-      buttons={[
-        {
-          text: "Shop Collections",
-          href: "#products",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg",
-          alt: "Happy client one",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg",
-          alt: "Happy client two",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg",
-          alt: "Happy client three",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg",
-          alt: "Happy client four",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3563.jpg",
-          alt: "Happy client five",
-        },
-      ]}
-      avatarText="Trusted by 500+ connoisseurs"
-    />
-  </div>
+        <div id="home" data-section="home">
+            <HeroOverlay
+              title="Timeless Elegance, Custom Crafted."
+              description="At Royaltick Jewelry, we manufacture exquisite diamond watches, custom pendants, and bespoke rings that redefine luxury. Experience master craftsmanship tailored just for you."
+              buttons={[{ text: "Shop Collections", href: "#products" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
+              avatars={[
+                { src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg", alt: "Happy client one" },
+                { src: "http://img.b2bpic.net/free-photo/man-looking-his-watch_53876-13503.jpg", alt: "Happy client two" },
+                { src: "http://img.b2bpic.net/free-photo/businessman-hand-pants-pocket_1262-18152.jpg", alt: "Happy client three" },
+                { src: "http://img.b2bpic.net/free-photo/new-year-party-concept-with-girl-holding-clock_23-2147995152.jpg", alt: "Happy client four" },
+                { src: "http://img.b2bpic.net/free-photo/precious-stones-processing_169016-3563.jpg", alt: "Happy client five" },
+              ]}
+              avatarText="Trusted by 500+ connoisseurs"
+            />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={true}
-      title="Craftsmanship at its Peak"
-      metrics={[
-        {
-          icon: Award,
-          label: "Years Experience",
-          value: "15+",
-        },
-        {
-          icon: Shield,
-          label: "Certified Quality",
-          value: "100%",
-        },
-        {
-          icon: Diamond,
-          label: "Custom Designs",
-          value: "500+",
-        },
-      ]}
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+            <AboutMetric
+              useInvertedBackground={true}
+              title="Craftsmanship at its Peak"
+              metrics={[
+                { icon: Award, label: "Years Experience", value: "15+" },
+                { icon: Shield, label: "Certified Quality", value: "100%" },
+                { icon: Diamond, label: "Custom Designs", value: "500+" },
+              ]}
+              metricsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Diamond Iced Watch",
-          price: "$12,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg",
-        },
-        {
-          id: "p2",
-          name: "Custom Pendant",
-          price: "$2,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-pink-romantic-dress-wearing-necklace_343596-1994.jpg",
-        },
-        {
-          id: "p3",
-          name: "Cuban Chain",
-          price: "$4,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg",
-        },
-        {
-          id: "p4",
-          name: "Tennis Chain",
-          price: "$3,500",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-golden-lion-ring_246466-29.jpg",
-        },
-        {
-          id: "p5",
-          name: "Custom Ring",
-          price: "$1,800",
-          imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg",
-        },
-        {
-          id: "p6",
-          name: "Diamond Bracelet",
-          price: "$2,200",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1944.jpg",
-        },
-      ]}
-      title="Our Signature Pieces"
-      description="Browse our hand-manufactured selection of iced-out watches, Cuban chains, and unique custom pendants."
-    />
-  </div>
+        <div id="products" data-section="products">
+            <ProductCardOne
+              animationType="slide-up"
+              textboxLayout="default"
+              gridVariant="uniform-all-items-equal"
+              useInvertedBackground={false}
+              products={[
+                { id: "p1", name: "Diamond Iced Watch", price: "$12,000", imageSrc: "http://img.b2bpic.net/free-photo/bright-engagement-gold-shiny-love-macro_1400-32.jpg" },
+                { id: "p2", name: "Custom Pendant", price: "$2,500", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-portrait-woman-pink-romantic-dress-wearing-necklace_343596-1994.jpg" },
+                { id: "p3", name: "Cuban Chain", price: "$4,000", imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg" },
+                { id: "p4", name: "Tennis Chain", price: "$3,500", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-golden-lion-ring_246466-29.jpg" },
+                { id: "p5", name: "Custom Ring", price: "$1,800", imageSrc: "http://img.b2bpic.net/free-photo/negative-female-sad-tired-pain_1150-1590.jpg" },
+                { id: "p6", name: "Diamond Bracelet", price: "$2,200", imageSrc: "http://img.b2bpic.net/free-photo/still-life-object_1122-1944.jpg" },
+              ]}
+              title="Our Signature Pieces"
+              description="Browse our hand-manufactured selection of iced-out watches, Cuban chains, and unique custom pendants."
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardEight
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          title: "Bespoke Manufacturing",
-          description: "We specialize in bringing your custom design ideas to life with flawless execution.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-cutting-wire_23-2148643276.jpg",
-        },
-        {
-          title: "Conflict-Free Diamonds",
-          description: "Our sourcing ensures that every stone is ethical and of premium quality.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560668.jpg",
-        },
-        {
-          title: "Life-time Polish",
-          description: "Every purchase comes with lifetime cleaning and maintenance to keep your sparkle bright.",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg",
-        },
-      ]}
-      title="Why Choose Royaltick?"
-      description="Every piece we make is a testament to precision, luxury, and your unique style."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardEight
+              textboxLayout="default"
+              useInvertedBackground={true}
+              features={[
+                { title: "Bespoke Manufacturing", description: "We specialize in bringing your custom design ideas to life with flawless execution.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tools-cutting-wire_23-2148643276.jpg" },
+                { title: "Conflict-Free Diamonds", description: "Our sourcing ensures that every stone is ethical and of premium quality.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560668.jpg" },
+                { title: "Life-time Polish", description: "Every purchase comes with lifetime cleaning and maintenance to keep your sparkle bright.", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg" },
+              ]}
+              title="Why Choose Royaltick?"
+              description="Every piece we make is a testament to precision, luxury, and your unique style."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "James R.",
-          handle: "@jamez",
-          testimonial: "The custom pendant I ordered was breathtaking. Unmatched precision.",
-          imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg",
-        },
-        {
-          id: "2",
-          name: "Sarah W.",
-          handle: "@sarahw",
-          testimonial: "My diamond watch looks absolutely stunning. Professional craftsmanship.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg",
-        },
-        {
-          id: "3",
-          name: "Marcus L.",
-          handle: "@mlux",
-          testimonial: "Royaltick delivers nothing but high-end quality. Best in the game.",
-          imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg",
-        },
-        {
-          id: "4",
-          name: "Elena K.",
-          handle: "@elena",
-          testimonial: "Fast manufacturing and premium finish on my tennis chain.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg",
-        },
-        {
-          id: "5",
-          name: "David T.",
-          handle: "@dt",
-          testimonial: "Highly recommended for anyone looking for custom, quality rings.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-elegant-brunette-woman-cream-silk_158595-946.jpg",
-        },
-      ]}
-      title="Royal Client Experiences"
-      description="See why connoisseurs choose Royaltick Jewelry for their custom pieces."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardSix
+              animationType="slide-up"
+              textboxLayout="default"
+              useInvertedBackground={false}
+              testimonials={[
+                { id: "1", name: "James R.", handle: "@jamez", testimonial: "The custom pendant I ordered was breathtaking. Unmatched precision.", imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg" },
+                { id: "2", name: "Sarah W.", handle: "@sarahw", testimonial: "My diamond watch looks absolutely stunning. Professional craftsmanship.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30674.jpg" },
+                { id: "3", name: "Marcus L.", handle: "@mlux", testimonial: "Royaltick delivers nothing but high-end quality. Best in the game.", imageSrc: "http://img.b2bpic.net/free-photo/guy-presenting-gift-box-attractive-happy-lady_23-2148016809.jpg" },
+                { id: "4", name: "Elena K.", handle: "@elena", testimonial: "Fast manufacturing and premium finish on my tennis chain.", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-choosing-necklace-jewelry-store_1303-30672.jpg" },
+                { id: "5", name: "David T.", handle: "@dt", testimonial: "Highly recommended for anyone looking for custom, quality rings.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-elegant-brunette-woman-cream-silk_158595-946.jpg" },
+              ]}
+              title="Royal Client Experiences"
+              description="See why connoisseurs choose Royaltick Jewelry for their custom pieces."
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "How long for custom work?",
-          content: "Custom pieces generally take 3-4 weeks from design to finish.",
-        },
-        {
-          id: "f2",
-          title: "Are your diamonds real?",
-          content: "Yes, we use 100% natural, high-grade diamonds with certification.",
-        },
-        {
-          id: "f3",
-          title: "Do you ship worldwide?",
-          content: "We offer insured, trackable shipping to clients globally.",
-        },
-      ]}
-      sideTitle="Questions?"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqSplitText
+              useInvertedBackground={true}
+              faqs={[
+                { id: "f1", title: "How long for custom work?", content: "Custom pieces generally take 3-4 weeks from design to finish." },
+                { id: "f2", title: "Are your diamonds real?", content: "Yes, we use 100% natural, high-grade diamonds with certification." },
+                { id: "f3", title: "Do you ship worldwide?", content: "We offer insured, trackable shipping to clients globally." },
+              ]}
+              sideTitle="Questions?"
+              faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="Get in touch"
-      title="Start your custom piece today"
-      description="Ready to design your dream jewelry? Speak with our master jewelers today."
-      buttons={[
-        {
-          text: "Start Design",
-          href: "mailto:royaltick@jewelry.com",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCTA
+              useInvertedBackground={false}
+              background={{ variant: "sparkles-gradient" }}
+              tag="Get in touch"
+              title="Start your custom piece today"
+              description="Ready to design your dream jewelry? Speak with our master jewelers today."
+              buttons={[{ text: "Start Design", href: "mailto:royaltick@jewelry.com" }]}
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "Shop",
-              href: "#products",
-            },
-            {
-              label: "Custom Design",
-              href: "#",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="Royaltick Jewelry"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[
+                {
+                  items: [
+                    { label: "Shop", href: "#products" },
+                    { label: "Custom Design", href: "#" },
+                    { label: "FAQ", href: "#faq" },
+                  ],
+                },
+                {
+                  items: [
+                    { label: "Privacy Policy", href: "#" },
+                    { label: "Terms of Service", href: "#" },
+                  ],
+                },
+              ]}
+              logoText="Royaltick Jewelry"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1