Update src/app/page.tsx

Merge version_14 into main

src/app/page.tsx

@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Wrench } from "lucide-react";
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import { Activity, Award, Feather, Heart, ShieldCheck, Sparkles, Quote } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -37,15 +37,17 @@ export default function LandingPage() {
         {
           name: "Services",          id: "#features"},
         {
-          name: "Portfolio",          id: "#products"},
+        name: "Portfolio",          id: "#products"},
         {
           name: "Testimonials",          id: "#testimonials"},
+        {
+          name: "Socials",          id: "#social-media"},
         {
           name: "Quote",          id: "#contact"},
       ]}
       button={{
         text: "Request a Quote",        href: "#contact"}}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476716313-05mwh7j7.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780480689439-0t879idk.png"
       logoAlt="MPY Paint Jobs Logo"
       brandName="MPY Paint Jobs"
       logoImageClassName="bg-transparent"
@@ -61,9 +63,9 @@ export default function LandingPage() {
       description="MPY transforms bicycle frames into personalized masterpieces through premium handpainted designs, expert restorations, and one-of-a-kind finishes. From road to street, every bike tells your story."
       buttons={[
         {
-          text: "Request Your Custom Quote",          href: "#contact"},
+          text: "Book Now",          href: "#contact"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/strong-shirtless-man-makes-acrobatic-figure-with-bmx-studio-isolated-dark-background_613910-9816.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780468256156-hkaddfls.jpg"
       imageAlt="Custom painted bicycle frame in a studio"
       mediaAnimation="blur-reveal"
       fixedMediaHeight={true}
@@ -99,29 +101,24 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <AboutMetric
+      <TestimonialAboutCard
       useInvertedBackground={false}
-      title="Crafted with Precision. Driven by Passion."
+      tag="Our Promise"
-      metrics={[
+      title="Your Vision, Our Canvas."
-        {
+      description="At MPY Paint Jobs, we believe every bike tells a story. Hear from our satisfied customers who have experienced the MPY difference and ride with unparalleled style."
-          icon: Paintbrush,
+      subdescription="Their custom bikes are now personalized masterpieces, reflecting their unique vision and our dedication to excellence."
-          label: "Custom Creations",          value: "1000+"},
+      icon={Quote}
-        {
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780477477656-h7tjjciu.jpg"
-          icon: Sparkles,
+      imageAlt="Happy cyclist with a custom painted bike"
-          label: "Unique Designs",          value: "100%"},
+      mediaAnimation="blur-reveal"
-        {
-          icon: Activity,
-          label: "Happy Riders",          value: "500+"},
-      ]}
-      metricsAnimation="slide-up"
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardTwentyOne
       useInvertedBackground={true}
-      title="The MPY Transformation Process"
+      title="The MPY Craft Process"
-      description="We meticulously transform your vision into reality, combining artistic flair with technical expertise for a finish that truly stands out."
+      description="We turn your vision into a precision-crafted finish where artistry and technical mastery meet."
       accordionItems={[
         {
           id: "process-1",          title: "1. Vision & Consultation",          content: "Share your ideas, inspirations, and desired aesthetics. We'll explore design concepts, color palettes, and material finishes to fully capture your vision."},
@@ -132,7 +129,7 @@ export default function LandingPage() {
         {
           id: "process-4",          title: "4. Durable Finish & Delivery",          content: "A multi-layer clear coat is applied for maximum durability and a deep, lasting shine. Your masterpiece is then carefully inspected and prepared for its journey back to you."},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/crop-man-bicycle-bridge_23-2147764158.jpg"
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780469364696-hiwp5qar.jpg"
       imageAlt="Bicycle frame being prepped for painting"
       mediaAnimation="blur-reveal"
       mediaPosition="right"
@@ -140,25 +137,31 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardFour
-      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       carouselMode="buttons"
+      animationType="slide-up"
       products={[
         {
-          id: "product-1",          name: "Aero Racer Custom",          price: "Custom Project",          imageSrc: "http://img.b2bpic.net/free-photo/action-transport-transportation-bicycles-detail_1203-5120.jpg",          imageAlt: "Custom painted racing bike frame with geometric patterns"},
+          id: "product-1",          name: "Elves Bikes Frame",          price: "Repaint Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780467729397-lqxx901e.jpg",          imageAlt: "Custom painted racing bike frame with geometric patterns",          variant: "Road Bike"
+        },
         {
-          id: "product-2",          name: "Vintage Revival",          price: "Restoration Project",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599325.jpg",          imageAlt: "Restored vintage bicycle frame with new paint"},
+          id: "product-2",          name: "Ave Maldea Custom Frame",          price: "Restoration Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780467713489-t0pr11a2.jpg",          imageAlt: "Restored vintage bicycle frame with new paint",          variant: "Fixed Gear"
+        },
         {
-          id: "product-3",          name: "Trailblazer Art",          price: "Custom Project",          imageSrc: "http://img.b2bpic.net/free-photo/rusty-granite-seamless-texture_23-2148327835.jpg",          imageAlt: "Custom painted mountain bike frame with artistic design"},
+          id: "product-3",          name: "Specialized Works Frame",          price: "Repaint Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780466560858-i0e9zcla.jpg?_wi=1",          imageAlt: "Custom painted mountain bike frame with artistic design",          variant: "Road Bike"
+        },
         {
-          id: "product-4",          name: "Urban Explorer",          price: "Custom Project",          imageSrc: "http://img.b2bpic.net/free-photo/happy-monday-with-bicycle-outdoors_23-2149814556.jpg",          imageAlt: "Custom painted electric bike frame for urban commuting"},
+          id: "product-4",          name: "Giant Frame",          price: "Repaint Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780478634392-fiau9xji.jpg",          imageAlt: "Custom painted electric bike frame for urban commuting",          variant: "Road Bike"
+        },
         {
-          id: "product-5",          name: "Velodrome Speed",          price: "Custom Project",          imageSrc: "http://img.b2bpic.net/free-photo/bmx-rider-is-performing-tricks_654080-1410.jpg",          imageAlt: "Custom painted track bike frame with bold graphics"},
+          id: "product-5",          name: "Cinelli Mash Frame",          price: "Repaint Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780479213950-wm0qmy6y.jpg",          imageAlt: "Custom painted track bike frame with bold graphics",          variant: "Fixed Gear"
+        },
         {
-          id: "product-6",          name: "Graffiti Beast",          price: "Custom Project",          imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-bicycle_74190-3457.jpg",          imageAlt: "Bicycle frame with vibrant graffiti-style custom paint"},
+          id: "product-6",          name: "Specialized Frame",          price: "Repaint Project",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780466560858-i0e9zcla.jpg?_wi=2",          imageAlt: "Bicycle frame with vibrant graffiti-style custom paint",          variant: "Road Bike"
+        },
       ]}
       title="Our Masterpieces: A Gallery of Custom Frames"
       description="Explore a selection of our finest custom painted bicycle frames, showcasing unique designs, vibrant colors, and unparalleled attention to detail."
@@ -173,7 +176,7 @@ export default function LandingPage() {
       metrics={[
         {
           id: "m1",          icon: Award,
-          title: "Years of Craft",          value: "15+"},
+          title: "Crafting Since",          value: "2021"},
         {
           id: "m2",          icon: Sparkles,
           title: "Custom Designs",          value: "Limitless"},
@@ -182,7 +185,7 @@ export default function LandingPage() {
           title: "Client Satisfaction",          value: "99%"},
       ]}
       title="The Art of Numbers: Our Commitment to Excellence"
-      description="Our studio thrives on delivering not just paint, but perfection. These numbers reflect our dedication to quality, customer satisfaction, and unique artistry."
+      description="Our studio is built on more than paint—it’s built on precision, craftsmanship, and detail. These numbers reflect our commitment to quality, client trust, and one-of-one artistry."
     />
   </div>
 
@@ -191,13 +194,13 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",          name: "Alex P.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg",          imageAlt: "Alex P. with custom bike"},
+          id: "t1",          name: "Alex P.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481087551-8p9bipxt.jpg",          imageAlt: "Alex P. with custom bike"},
         {
-          id: "t2",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-mechanic_1170-2354.jpg",          imageAlt: "Sarah J. with her custom bike"},
+          id: "t2",          name: "Sarah J.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481159781-397bl9jm.jpg",          imageAlt: "Sarah J. with her custom bike"},
         {
-          id: "t3",          name: "Mike C.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-woman-workshop_23-2149103832.jpg",          imageAlt: "Mike C. showing off his restoration"},
+          id: "t3",          name: "Mike C.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481163326-q46znam2.jpg",          imageAlt: "Mike C. showing off his restoration"},
         {
-          id: "t4",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/interested-african-male-model-red-pants-smiling-portrait-inspired-black-guy-standing-near-green-bicycle_197531-20222.jpg",          imageAlt: "Emily R. excited about her new paint job"},
+          id: "t4",          name: "Emily R.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780481238971-wn0n8f2k.jpg",          imageAlt: "Emily R. excited about her new paint job"},
         {
           id: "t5",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/man-racing-dirt-bike_23-2151493384.jpg",          imageAlt: "David K. admiring his custom frame"},
       ]}
@@ -207,42 +210,29 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
+  <div id="social-media" data-section="social-media">
-      <PricingCardEight
+      <SocialProofOne
-      animationType="slide-up"
-      textboxLayout="default"
       useInvertedBackground={true}
-      plans={[
+      title="Connect with MPY Paint Jobs"
-        {
+      description="Follow us on our social media platforms to see our latest custom paint projects, behind-the-scenes glimpses, and connect with our community of riders and enthusiasts."
-          id: "plan-1",          badge: "Standard Refinish",          badgeIcon: Paintbrush,
+      tag="Stay Connected"
-          price: "Starting at $400",          subtitle: "Fresh start for your frame",          buttons: [
+      names={[
-            {
+        "Facebook",        "Instagram",        "YouTube",        "Twitter (X)"
-              text: "Get a Quote",              href: "#contact"},
-          ],
-          features: [
-            "Single color repaint",            "Minor scratch repair",            "Standard clear coat",            "Full disassembly & reassembly"],
-        },
-        {
-          id: "plan-2",          badge: "Custom Design",          badgeIcon: Sparkles,
-          price: "Starting at $800",          subtitle: "Your vision, our artistry",          buttons: [
-            {
-              text: "Design Consultation",              href: "#contact"},
-          ],
-          features: [
-            "Multi-color schemes & graphics",            "Advanced artistic details",            "Premium clear coat options",            "Digital mock-ups & revisions"],
-        },
-        {
-          id: "plan-3",          badge: "Full Restoration",          badgeIcon: Wrench,
-          price: "Starting at $1200",          subtitle: "Bringing classics back to life",          buttons: [
-            {
-              text: "Restore My Bike",              href: "#contact"},
-          ],
-          features: [
-            "Historical accuracy matching",            "Deep rust & dent removal",            "Original decal recreation",            "Protective ceramic coating"],
-        },
       ]}
-      title="Tailored Artistry: Request Your Custom Quote"
+      buttons={[
-      description="Every frame is a unique canvas. Our pricing reflects the intricate detail, custom design, and expert craftsmanship involved. Contact us for a personalized consultation."
+        {
+          text: "Facebook",          href: "https://www.facebook.com/mpycustompaintjobs"},
+        {
+          text: "Instagram",          href: "https://www.instagram.com/mpypaintjobs_?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="},
+        {
+          text: "YouTube",          href: "https://www.youtube.com/MPYPaintJobs"},
+        {
+          text: "Twitter (X)",          href: "https://twitter.com/MPYPaintJobs"}
+      ]}
+      speed={40}
+      showCard={true}
+      ariaLabel="Social Media Section"
+      textboxLayout="default"
     />
   </div>
 
@@ -279,7 +269,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476716313-05mwh7j7.png"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780480689439-0t879idk.png"
       logoAlt="MPY Paint Jobs Logo"
       logoText="MPY Paint Jobs"
       columns={[
@@ -291,8 +281,6 @@ export default function LandingPage() {
               label: "Refinishing",              href: "#features"},
             {
               label: "Restoration",              href: "#features"},
-            {
-              label: "Bulk Orders",              href: "#pricing"},
           ],
         },
         {
@@ -303,6 +291,8 @@ export default function LandingPage() {
               label: "Our Process",              href: "#features"},
             {
               label: "Testimonials",              href: "#testimonials"},
+            {
+              label: "Socials",              href: "#social-media"},
             {
               label: "Contact",              href: "#contact"},
           ],
@@ -316,11 +306,11 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2024 MPY Paint Jobs. All rights reserved."
+      copyrightText="© 2021 MPY Paint Jobs. All rights reserved."
       logoImageClassName="bg-transparent"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}