Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,13 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 
 export default function LandingPage() {
   return (
@@ -28,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",
-          id: "#hero",
-        },
-        {
-          name: "Shop",
-          id: "#shop",
-        },
-        {
-          name: "Collections",
-          id: "#collections",
-        },
-        {
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Home", id: "#hero" },
+        { name: "Showcase", id: "#showcase" },
+        { name: "Shop", id: "#shop" },
+        { name: "About", id: "#about" },
+        { name: "Contact", id: "#contact" },
       ]}
       brandName="Paolo Cavalli"
     />
@@ -56,104 +42,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Paolo Cavalli"
       description="Timeless Italian craftsmanship. Elevate your presence with our signature collection of bespoke luxury timepieces."
-      testimonials={[
-        {
-          name: "Alessandro B.",
-          handle: "@alessandro_b",
-          testimonial: "A masterpiece of engineering and style. Truly the pinnacle of watchmaking.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg?_wi=1",
-          imageAlt: "luxury watch dark background gold",
-        },
-        {
-          name: "Elena V.",
-          handle: "@elena_v",
-          testimonial: "Paolo Cavalli watches are the definition of understated luxury.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599392.jpg?_wi=1",
-          imageAlt: "luxury watch dark background gold",
-        },
-        {
-          name: "Marco Rossi",
-          handle: "@m_rossi",
-          testimonial: "The balance of weight and elegance is simply perfect.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg?_wi=1",
-          imageAlt: "luxury watch dark background gold",
-        },
-        {
-          name: "Sophia M.",
-          handle: "@sophia_m",
-          testimonial: "A timeless design that commands attention without being loud.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-lovers-holding-hands_1153-536.jpg?_wi=1",
-          imageAlt: "luxury watch dark background gold",
-        },
-        {
-          name: "Luca B.",
-          handle: "@luca_b",
-          testimonial: "Exquisite quality. Paolo Cavalli has redefined my expectations.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg?_wi=1",
-          imageAlt: "luxury watch dark background gold",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Shop Collections",
-          href: "#shop",
-        },
-      ]}
+      testimonials={[]}
+      buttons={[{ text: "Shop Collections", href: "#shop" }]}
       imageSrc="http://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg?_wi=2"
       imageAlt="Paolo Cavalli Signature Watch"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11469.jpg",
-          alt: "Alessandro B.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-model-dressed-warm-overcoat-posing-studio_158538-11464.jpg",
-          alt: "Elena V.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/businessman-looking-his-watch-closeup_53876-167338.jpg",
-          alt: "Marco Rossi",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-shot-hands-numbers-hour-marks-black-watch_181624-26818.jpg",
-          alt: "Sophia M.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-9486.jpg",
-          alt: "Luca B.",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Italian Craftsmanship",
-        },
-        {
-          type: "text",
-          text: "Gold Accents",
-        },
-        {
-          type: "text",
-          text: "Luxury Heritage",
-        },
-        {
-          type: "text",
-          text: "Emerald Dial",
-        },
-        {
-          type: "text",
-          text: "Precision Engineering",
-        },
+    />
+  </div>
+
+  <div id="showcase" data-section="showcase">
+    <FeatureCardMedia
+      title="Masterpieces of Time"
+      description="Our brand showcase highlights the meticulous attention to detail found in every Paolo Cavalli timepiece."
+      animationType="blur-reveal"
+      useInvertedBackground={true}
+      textboxLayout="default"
+      features={[
+        { id: "1", title: "Italian Heritage", description: "Centuries of watchmaking tradition in every dial.", tag: "Luxury" },
+        { id: "2", title: "Precision Movement", description: "Engineered for perfect reliability and performance.", tag: "Technical" }
       ]}
     />
   </div>
@@ -162,15 +70,8 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
       heading={[
-        {
-          type: "text",
-          content: "The Legacy of Paolo Cavalli",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599392.jpg",
-          alt: "Italian Workshop",
-        },
+        { type: "text", content: "The Legacy of Paolo Cavalli" },
+        { type: "image", src: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599392.jpg", alt: "Italian Workshop" },
       ]}
     />
   </div>
@@ -182,27 +83,9 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Paolo Cavalli Model 1",
-          price: "$650",
-          variant: "Gold Case",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Paolo Cavalli Model 2",
-          price: "$450",
-          variant: "Emerald Dial",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-lovers-holding-hands_1153-536.jpg?_wi=2",
-        },
-        {
-          id: "3",
-          name: "Paolo Cavalli Model 3",
-          price: "$700",
-          variant: "Premium Steel",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg?_wi=2",
-        },
+        { id: "1", name: "Paolo Cavalli Model 1", price: "$650", variant: "Gold Case", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg?_wi=2" },
+        { id: "2", name: "Paolo Cavalli Model 2", price: "$450", variant: "Emerald Dial", imageSrc: "http://img.b2bpic.net/free-photo/close-up-lovers-holding-hands_1153-536.jpg?_wi=2" },
+        { id: "3", name: "Paolo Cavalli Model 3", price: "$700", variant: "Premium Steel", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg?_wi=2" },
       ]}
       title="Signature Collection"
       description="Discover our carefully curated selection of timepieces, where tradition meets contemporary elegance."
@@ -214,61 +97,8 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "1",
-          name: "Marco Rossi",
-          date: "2024-05",
-          title: "Verified Buyer",
-          quote: "Simply the best watch in my collection.",
-          tag: "Elite",
-          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1530.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/elegance-gold-luxury-watch-success-generated-by-ai_188544-14010.jpg?_wi=3",
-          imageAlt: "man in suit portrait dark",
-        },
-        {
-          id: "2",
-          name: "Sophia Moretti",
-          date: "2024-06",
-          title: "Verified Buyer",
-          quote: "Exceptional quality and finish.",
-          tag: "Elite",
-          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-black-blouse-looking-besides-offenden_141793-30393.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599392.jpg?_wi=2",
-          imageAlt: "man in suit portrait dark",
-        },
-        {
-          id: "3",
-          name: "Luca Bianchi",
-          date: "2024-07",
-          title: "Collector",
-          quote: "An iconic addition to any watch lover.",
-          tag: "Elite",
-          avatarSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-modern-male-white-shirt-business-jacket-grey-background_613910-13370.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-modern-cool-black-digital-watch-with-brown-leather-strap_181624-3545.jpg?_wi=3",
-          imageAlt: "man in suit portrait dark",
-        },
-        {
-          id: "4",
-          name: "Giulia Ferrari",
-          date: "2024-08",
-          title: "Verified Buyer",
-          quote: "Exquisite attention to detail.",
-          tag: "Elite",
-          avatarSrc: "http://img.b2bpic.net/free-photo/young-sexy-blond-woman-model-evening-dress-posing-blue-sky-background_158538-9194.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-lovers-holding-hands_1153-536.jpg?_wi=3",
-          imageAlt: "man in suit portrait dark",
-        },
-        {
-          id: "5",
-          name: "Roberto Conti",
-          date: "2024-09",
-          title: "Buyer",
-          quote: "The gold finish is unparalleled.",
-          tag: "Elite",
-          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-elegant-male-eyeglasses-dressed-dark-blue-suit-with-bow-tie-grey-vignette-background_613910-629.jpg",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-s-hand-with-stylish-watch-sleeve_8353-10475.jpg?_wi=3",
-          imageAlt: "man in suit portrait dark",
-        },
+        { id: "1", name: "Marco Rossi", date: "2024-05", title: "Verified Buyer", quote: "Simply the best watch in my collection.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1530.jpg" },
+        { id: "2", name: "Sophia Moretti", date: "2024-06", title: "Verified Buyer", quote: "Exceptional quality and finish.", tag: "Elite", avatarSrc: "http://img.b2bpic.net/free-photo/pretty-woman-wearing-black-blouse-looking-besides-offenden_141793-30393.jpg" }
       ]}
       title="A Life of Elegance"
       description="Stories from those who choose excellence every day."
@@ -276,17 +106,14 @@ export default function LandingPage() {
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplit
+      tag="Contact"
+      title="Join our inner circle"
+      description="Get early access and exclusive collection updates."
+      background={{ variant: "sparkles-gradient" }}
       useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="Join our inner circle for early access and exclusive collection updates."
-      buttons={[
-        {
-          text: "Subscribe to Newsletter",
-        },
-      ]}
+      inputPlaceholder="Enter your email"
+      buttonText="Sign Up"
     />
   </div>
 
@@ -299,4 +126,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}