Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -2,16 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
+import MediaAbout from '@/components/sections/about/MediaAbout';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroOverlay from '@/components/sections/hero/HeroOverlay';
+import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Diamond, Shield } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -36,145 +34,95 @@ export default function LandingPage() {
                 { name: "Products", id: "products" },
                 { name: "Contact", id: "contact" },
               ]}
-              brandName="Royaltick"
+              brandName="Royaltick Jewelry"
-              button={{ text: "Shop Collections", href: "#products" }}
+              button={{ text: "Shop Now", href: "#products" }}
             />
         </div>
 
         <div id="home" data-section="home">
-            <HeroOverlay
+            <HeroOverlayTestimonial
-              title="Timeless Elegance, Custom Crafted."
+              tag="Luxury That Speaks Without Words"
-              description="At Royaltick Jewelry, we manufacture exquisite diamond watches, custom pendants, and bespoke rings that redefine luxury. Experience master craftsmanship tailored just for you."
+              title="Royaltick Jewelry - Where Luxury Meets Precision"
-              buttons={[{ text: "Shop Collections", href: "#products" }]}
+              description="Discover premium watches, pendants & exclusive jewelry crafted for those who value elegance and status."
-              imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
+              testimonials={[
-              avatars={[
+                { name: "Alex P.", handle: "@alex_watches", testimonial: "The craftsmanship is simply unparalleled. Truly elite.", rating: 5 },
-                { src: "http://img.b2bpic.net/free-photo/beautiful-girl-looking-watch_1163-3199.jpg", alt: "Happy client one" },
+                { name: "Sarah J.", handle: "@luxury_lifestyler", testimonial: "My custom ring is exactly what I envisioned. Masterpiece!", rating: 5 }
-                { 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"
+              buttons={[{ text: "Shop Now", href: "#products" }, { text: "Explore Collection", href: "#products" }]}
+              imageSrc="http://img.b2bpic.net/free-photo/closeup-watch_53876-32028.jpg"
             />
         </div>
 
         <div id="about" data-section="about">
-            <AboutMetric
+            <MediaAbout
+              title="Our Heritage of Excellence"
+              description="With decades of artisan experience, Royaltick combines traditional jewelry techniques with modern aesthetic precision. Every piece tells a story of status, legacy, and unparalleled quality."
+              imageSrc="http://img.b2bpic.net/free-photo/jeweler-working-shop-with-equipment_23-2150914293.jpg"
               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
+            <ProductCardTwo
               animationType="slide-up"
-              textboxLayout="default"
+              textboxLayout="split-description"
-              gridVariant="uniform-all-items-equal"
+              gridVariant="bento-grid"
-              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: "p1", brand: "Royaltick", name: "Diamond Watch", price: "$5,499", rating: 5, reviewCount: "42", 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: "p2", brand: "Royaltick", name: "Custom Pendant", price: "$2,299", rating: 5, reviewCount: "28", 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: "p3", brand: "Royaltick", name: "Signature Cuban", price: "$3,800", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-golden-lion-ring_246466-29.jpg?_wi=1" },
-                { 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"
+              title="Signature Collection"
-              description="Browse our hand-manufactured selection of iced-out watches, Cuban chains, and unique custom pendants."
+              description="Curated items for the discerning individual."
+              useInvertedBackground={false}
             />
         </div>
 
         <div id="features" data-section="features">
-            <FeatureCardEight
+            <FeatureCardSixteen
+              title="Why Choose Royaltick"
+              description="The difference is in the details, materials, and our commitment to you."
               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="faq" data-section="faq">
-            <FaqSplitText
               useInvertedBackground={true}
-              faqs={[
+              positiveCard={{ items: ["Certified 18k Gold", "Authentic Diamond Grading", "Lifetime Polish Warranty"] }}
-                { id: "f1", title: "How long for custom work?", content: "Custom pieces generally take 3-4 weeks from design to finish." },
+              negativeCard={{ items: ["No Mass Production", "No Low-Grade Materials", "No Compromised Finishing"] }}
-                { 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
+            <ContactSplit
-              useInvertedBackground={false}
-              background={{ variant: "sparkles-gradient" }}
               tag="Get in touch"
-              title="Contact our Master Jewelers"
+              title="Create Your Legacy"
-              description="Schedule a private consultation or discuss your dream custom piece with our team."
+              description="Schedule a consultation with our master designers to craft your unique bespoke piece."
-              buttons={[
+              background={{ variant: "sparkles-gradient" }}
-                { text: "Email Us", href: "mailto:support@royaltick.com" },
+              imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-marble_23-2150329646.jpg"
-                { text: "Call (555) 123-4567", href: "tel:+15551234567" }
+              mediaPosition="right"
-              ]}
+              useInvertedBackground={false}
             />
         </div>
 
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+             title="Frequently Asked Questions"
+             description="Common queries about our bespoke jewelry process and services."
+             faqs={[
+               { id: "1", title: "How do I request a custom piece?", content: "Simply contact our support team through our form and we will guide you through the initial design and stone selection phase." },
+               { id: "2", title: "Is shipping insured?", content: "Yes, every single order is fully insured and shipped via high-security logistics to ensure your piece arrives safely." }
+             ]}
+             faqsAnimation="slide-up"
+             textboxLayout="default"
+             useInvertedBackground={false}
+          />
+        </div>
+
         <div id="footer" data-section="footer">
-            <FooterLogoEmphasis
+            <FooterBaseReveal
-              columns={[
-                {
-                  items: [
-                    { label: "Shop Collections", href: "#products" },
-                    { label: "Custom Design", href: "#" },
-                    { label: "Jewelry Care", href: "#" },
-                    { label: "FAQ", href: "#faq" },
-                  ],
-                },
-                {
-                  items: [
-                    { label: "About Us", href: "#about" },
-                    { label: "Contact Support", href: "#contact" },
-                    { label: "Track Your Order", href: "#" },
-                  ],
-                },
-                {
-                  items: [
-                    { label: "Privacy Policy", href: "#" },
-                    { label: "Terms of Service", href: "#" },
-                    { label: "Shipping Policy", href: "#" },
-                  ],
-                },
-              ]}
               logoText="Royaltick Jewelry"
+              columns={[
+                { title: "Collections", items: [{ label: "Watches", href: "#products" }, { label: "Pendants", href: "#products" }] },
+                { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Contact", href: "#contact" }] }
+              ]}
             />
         </div>
       </ReactLenis>