Update src/app/page.tsx

Merge version_15 into main

src/app/page.tsx

@@ -8,11 +8,11 @@ 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 ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Wrench, Quote } from "lucide-react";
+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"
@@ -135,25 +137,31 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
-      animationType="slide-up"
+      <ProductCardFour
       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."
@@ -168,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"},
@@ -177,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>
 
@@ -186,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?_wi=2",          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"},
       ]}
@@ -202,42 +210,29 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
+  <div id="social-media" data-section="social-media">
+      <SocialProofOne
       useInvertedBackground={true}
-      plans={[
-        {
-          id: "plan-1",          badge: "Standard Refinish",          badgeIcon: Paintbrush,
-          price: "Starting at $400",          subtitle: "Fresh start for your frame",          buttons: [
-            {
-              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="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."
+      tag="Stay Connected"
+      names={[
+        "Facebook: mpycustompaintjobs",        "Instagram: mpypaintjobs_",        "YouTube",        "Twitter (X)"
       ]}
-      title="Tailored Artistry: Request Your Custom Quote"
-      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."
+      buttons={[
+        {
+          text: "Facebook: mpycustompaintjobs"},
+        {
+          text: "Instagram: mpypaintjobs_"},
+        {
+          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>
 
@@ -274,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={[
@@ -286,8 +281,6 @@ export default function LandingPage() {
               label: "Refinishing",              href: "#features"},
             {
               label: "Restoration",              href: "#features"},
-            {
-              label: "Bulk Orders",              href: "#pricing"},
           ],
         },
         {
@@ -298,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"},
           ],
@@ -311,7 +306,7 @@ export default function LandingPage() {
           ],
         },
       ]}
-      copyrightText="© 2024 MPY Paint Jobs. All rights reserved."
+      copyrightText="© 2021 MPY Paint Jobs. All rights reserved."
       logoImageClassName="bg-transparent"
     />
   </div>