Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -2,254 +2,163 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplit from '@/components/sections/contact/ContactSplit';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
-import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroCentered from '@/components/sections/hero/HeroCentered';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
-import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Award, Utensils, CalendarDays, BookOpen, ChefHat, Star } from "lucide-react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Clock, ShieldCheck, Zap, Diamond, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="mediumSmall"
-        sizing="mediumSizeLargeTitles"
-        background="grid"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="layered"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarStyleCentered
       navItems={[
-        {
-          name: "Home",          id: "home"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Menu",          id: "menu"},
-        {
-          name: "Pricing",          id: "pricing"},
+        { name: "Home", id: "home" },
+        { name: "About", id: "about" },
+        { name: "Collections", id: "menu" },
+        { name: "Services", id: "services" },
+        { name: "Pricing", id: "pricing" },
       ]}
-      brandName="Chef Elise"
+      brandName="Horology Studio"
     />
   </div>
 
   <div id="home" data-section="home">
-      <HeroCentered
-      background={{
-        variant: "plain"}}
-      title="Elevated Dining, Right at Your Table"
-      description="Experience restaurant-grade gourmet meals prepared in the comfort of your own home by Chef Elise."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/cook-woman-making-sushi-rolls_1398-1682.jpg",          alt: "Chef Elise"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720714.jpg",          alt: "Professional assistant"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-female-cook-wearing-chef-uniform-holding-whisk-crossing-hands-isolated-pink-wall-with-copy-space_141793-36711.jpg",          alt: "Sous chef"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720713.jpg",          alt: "Kitchen staff"},
-        {
-          src: "http://img.b2bpic.net/free-photo/female-chef-kitchen-dressed-apron-uniform_23-2149720711.jpg",          alt: "Culinary expert"},
-      ]}
-      buttons={[
-        {
-          text: "Book Your Dinner",          href: "#contact"},
-      ]}
-      buttonAnimation="slide-up"
-      marqueeItems={[
-        {
-          type: "text",          text: "Michelin-Starred Experience"},
-        {
-          type: "text",          text: "Farm-to-Table Fresh"},
-        {
-          type: "text",          text: "Customizable Menus"},
-        {
-          type: "text",          text: "Seamless Cleanup"},
-        {
-          type: "text",          text: "Professional Service"},
+      <HeroBillboardTestimonial
+      background={{ variant: "sparkles-gradient" }}
+      title="Timeless Precision, Crafted for You"
+      description="Discover our curated selection of luxury timepieces, where heritage engineering meets contemporary design."
+      tag="Luxury Watchmaker"
+      buttons={[{ text: "Explore Collection", href: "#menu" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-watch-with-black-face-metal-strap_1203-1082.jpg?_wi=1"
+      imageAlt="Luxury watch showcase"
+      testimonials={[
+          { name: "James W.", handle: "@jamesw", testimonial: "The craftsmanship is unparalleled. Absolutely stunning.", rating: 5 },
+          { name: "Elena M.", handle: "@elenam", testimonial: "A truly timeless piece that defines sophistication.", rating: 5 }
       ]}
     />
   </div>
 
   <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={false}
-      tag="About Chef Elise"
-      title="A Passion for Fine Ingredients"
-      description="With over 10 years of experience in Michelin-starred kitchens, I bring professional expertise to your home dining experiences."
-      subdescription="My approach focuses on farm-to-table freshness, seasonal flavors, and bespoke menus tailored to your specific preferences."
-      icon={Award}
-      imageSrc="http://img.b2bpic.net/free-photo/waiter-holding-plate-fried-aubergine-wraps-with-walnuts_140725-5250.jpg?_wi=1"
-      mediaAnimation="slide-up"
+      <MetricSplitMediaAbout
+      title="Crafting Excellence Since 1995"
+      description="For nearly three decades, we have dedicated ourselves to the mastery of horological precision. Every watch we offer is a testament to our commitment to quality and detail."
+      metrics={[{ value: "28+", title: "Years Experience" }, { value: "5k+", title: "Timepieces Sold" }]}
+      useInvertedBackground={true}
+      imageSrc="http://img.b2bpic.net/free-photo/macro-shot-watch-movement_1203-1077.jpg"
     />
   </div>
 
   <div id="services" data-section="services">
-      <FeatureCardTwentySix
-      textboxLayout="default"
+      <FeatureBorderGlow
+      title="Our Services"
+      description="Specialized care for your valuable timepieces."
+      textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       features={[
-        {
-          title: "Private Dinners",          description: "Custom menus for intimate parties.",          buttonIcon: Utensils,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-chef-cooking-with-pan_23-2149631736.jpg",          imageAlt: "private chef gourmet plating"},
-        {
-          title: "Events & Catering",          description: "Seamless service for larger gatherings.",          buttonIcon: CalendarDays,
-          imageSrc: "http://img.b2bpic.net/free-photo/waiter-holding-plate-fried-aubergine-wraps-with-walnuts_140725-5250.jpg?_wi=2",          imageAlt: "private chef gourmet plating"},
-        {
-          title: "Cooking Classes",          description: "Hands-on culinary lessons in your home.",          buttonIcon: BookOpen,
-          imageSrc: "http://img.b2bpic.net/free-photo/cook-woman-making-sushi-rolls_1398-1682.jpg",          imageAlt: "private chef gourmet plating"},
-        {
-          title: "Weekly Prep",          description: "Healthy, pre-planned meals for your week.",          buttonIcon: ChefHat,
-          imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44318.jpg",          imageAlt: "private chef gourmet plating"},
+        { icon: ShieldCheck, title: "Certified Repairs", description: "Professional maintenance by master horologists." },
+        { icon: Clock, title: "Movement Servicing", description: "Complete overhaul for automatic calibers." },
+        { icon: Zap, title: "Battery Replacement", description: "Precision battery replacement with water resistance testing." },
+        { icon: Diamond, title: "Polishing", description: "Restoring the original luster of your casing and bracelet." }
       ]}
-      title="Services Offered"
-      description="Comprehensive culinary solutions for every occasion."
     />
   </div>
 
   <div id="menu" data-section="menu">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="default"
+      <ProductCardTwo
+      title="Current Collections"
+      description="Explore our curated range of classic and modern luxury watches."
       gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
+      textboxLayout="inline-image"
       useInvertedBackground={false}
       products={[
-        {
-          id: "p1",          name: "Herb-Crusted Wagyu",          price: "$85",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-condiments-concept_23-2148578412.jpg"},
-        {
-          id: "p2",          name: "Seared Scallop Risotto",          price: "$65",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-dish-with-quinoa-meat_181624-28743.jpg"},
-        {
-          id: "p3",          name: "Truffle Mushroom Tart",          price: "$45",          imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-sliced-vegetable-salad-peppered-inside-plate-dark-blue-desk-salad-vegetable-food-meal-snack-lunch_140725-39963.jpg"},
-        {
-          id: "p4",          name: "Valrhona Chocolate Ganache",          price: "$30",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg"},
-        {
-          id: "p5",          name: "Amuse-bouche Trio",          price: "$40",          imageSrc: "http://img.b2bpic.net/free-photo/happy-chef-arranging-snacks-wooden-board_23-2148245053.jpg"},
-        {
-          id: "p6",          name: "Seasonal Tasting Menu",          price: "$150",          imageSrc: "http://img.b2bpic.net/free-photo/delicious-smoke-cooked-food_23-2151259728.jpg"},
+        { id: "w1", brand: "Aeterna", name: "Midnight Chrono", price: "$1,250", rating: 5, reviewCount: "24", imageSrc: "http://img.b2bpic.net/free-photo/luxury-watch-with-black-face-metal-strap_1203-1082.jpg?_wi=2" },
+        { id: "w2", brand: "Vantage", name: "Heritage Classic", price: "$950", rating: 4, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/elegant-luxury-watch_1203-1076.jpg" },
+        { id: "w3", brand: "Luxe", name: "Diver Pro", price: "$1,800", rating: 5, reviewCount: "32", imageSrc: "http://img.b2bpic.net/free-photo/close-up-luxury-watch_1203-1078.jpg" }
       ]}
-      title="Signature Menu Highlights"
-      description="A glimpse of the gourmet experiences I craft for my clients."
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
+      <PricingCardThree
+      title="Service Plans"
+      description="Transparent maintenance packages."
+      animationType="scale-rotate"
+      textboxLayout="split-description"
+      useInvertedBackground={true}
       plans={[
-        {
-          id: "starter",          badge: "Intimate",          price: "$300",          subtitle: "Perfect for small parties.",          features: [
-            "3-course meal",            "Bespoke menu",            "Prep & cleanup"],
-        },
-        {
-          id: "pro",          badge: "Gourmet",          price: "$600",          subtitle: "A fully tailored experience.",          features: [
-            "5-course meal",            "Wine pairing",            "Full kitchen service"],
-        },
-        {
-          id: "premium",          badge: "Luxury",          badgeIcon: Star,          price: "$1200",          subtitle: "Total culinary indulgence.",          features: [
-            "7-course meal",            "Personal service",            "Market sourcing"],
-        },
+        { id: "std", name: "Standard", price: "$150", buttons: [{ text: "Select" }], features: ["Basic movement check", "Case cleaning", "Battery replacement"] },
+        { id: "pro", name: "Professional", price: "$350", buttons: [{ text: "Select" }], features: ["Full movement overhaul", "Water resistance test", "Bracelet restoration"] },
+        { id: "lux", name: "Platinum", price: "$600", buttons: [{ text: "Select" }], features: ["Full movement overhaul", "Case refinishing", "Polishing & buffing", "Extended warranty"] }
       ]}
-      title="Transparent Pricing"
-      description="Simple packages for your convenience."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
+      <TestimonialCardTwo
+      title="Client Experiences"
+      description="What our collectors have to say."
+      animationType="blur-reveal"
+      textboxLayout="default"
       useInvertedBackground={false}
-      testimonial="The best dinner party we've ever hosted! Chef Elise's attention to detail is unmatched."
-      rating={5}
-      author="Sarah J."
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/group-young-people-celebrating-new-year-friends-drinks-champagne_1157-44318.jpg",          alt: "Client 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-couple-enjoying-meal-evening_23-2147736698.jpg",          alt: "Client 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517419.jpg",          alt: "Client 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/high-angle-smiley-people-with-drinks_23-2150124809.jpg",          alt: "Client 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-delicious-food_23-2148972769.jpg",          alt: "Client 5"},
+      testimonials={[
+          { id: "t1", name: "Marcus R.", role: "Collector", testimonial: "The attention to detail and service is simply exceptional.", icon: Award },
+          { id: "t2", name: "Sophia V.", role: "Enthusiast", testimonial: "My watch came back looking better than the day I bought it.", icon: Award }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
+      <FaqSplitText
+      sideTitle="FAQs"
+      sideDescription="Answers to your horology questions."
+      faqsAnimation="slide-up"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "q1",          title: "Do you accommodate allergies?",          content: "Absolutely. I customize every menu to be safe and delicious for all dietary requirements."},
-        {
-          id: "q2",          title: "How far in advance should I book?",          content: "I recommend booking at least 2-3 weeks in advance to ensure availability."},
-        {
-          id: "q3",          title: "Do I need to provide anything?",          content: "I bring all ingredients and professional tools; I only require access to your kitchen area."},
+          { id: "q1", title: "How often should I service my watch?", content: "Typically every 3-5 years to ensure optimal performance." },
+          { id: "q2", title: "Do you offer warranties?", content: "All services come with a 12-month performance warranty." }
       ]}
-      title="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-      description="Answers to common inquiries about my private chef services."
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain"}}
-      title="Let's Plan Your Dinner"
-      description="Send me a message to discuss your upcoming event and custom menu requirements."
-      imageSrc="http://img.b2bpic.net/free-photo/two-pieces-lamb-ribs-steak-sauce-minimalistic-decor-with-berries_140725-517.jpg"
-      mediaAnimation="slide-up"
-      tag="Contact"
+      <ContactSplitForm
+      title="Get in Touch"
+      description="Request a consultation or service inquiry."
+      inputs={[{ name: "name", type: "text", placeholder: "Name" }, { name: "email", type: "email", placeholder: "Email" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/watchmaker-working-with-watch_1203-1079.jpg"
+      useInvertedBackground={true}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
-      logoText="Chef Elise"
-      columns={[
-        {
-          title: "Navigation",          items: [
-            {
-              label: "Home",              href: "#home"},
-            {
-              label: "About",              href: "#about"},
-            {
-              label: "Pricing",              href: "#pricing"},
-          ],
-        },
-        {
-          title: "Legal",          items: [
-            {
-              label: "Privacy Policy",              href: "#"},
-            {
-              label: "Terms of Service",              href: "#"},
-          ],
-        },
-      ]}
+      <FooterBaseReveal
+      logoText="Horology Studio"
+      columns={[{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Careers", href: "#" }] }]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}