Update src/app/page.tsx

Merge version_13 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 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,9 +37,11 @@ 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"},
       ]}
@@ -136,11 +138,11 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardFour
-      animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
       useInvertedBackground={false}
       carouselMode="buttons"
+      animationType="slide-up"
       products={[
         {
           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"
@@ -208,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: "Essential Re-finish",          badgeIcon: Paintbrush,
-          price: "Starting at $400",          subtitle: "Revitalize your frame with a fresh, clean look.",          buttons: [
-            {
-              text: "Get a Quote",              href: "#contact"},
-          ],
-          features: [
-            "Single-stage color application",            "Minor surface prep & repair",            "Durable gloss/matte finish",            "Professional component masking"],
-        },
-        {
-          id: "plan-2",          badge: "Signature Masterpiece",          badgeIcon: Sparkles,
-          price: "Starting at $800",          subtitle: "Collaborate with artists for a unique, personalized design.",          buttons: [
-            {
-              text: "Design Consultation",              href: "#contact"},
-          ],
-          features: [
-            "Multi-tone & graphic options",            "Intricate detail & airbrushing",            "Advanced protective clear coats",            "Dedicated design consultation"],
-        },
-        {
-          id: "plan-3",          badge: "Heritage Revival",          badgeIcon: Wrench,
-          price: "Starting at $1200",          subtitle: "Bring cherished classics back to their original glory.",          buttons: [
-            {
-              text: "Restore My Bike",              href: "#contact"},
-          ],
-          features: [
-            "Complete frame assessment & repair",            "Historical color & decal replication",            "Corrosion treatment & prevention",            "Ceramic top coat for ultimate protection"],
-        },
+      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",        "Instagram",        "YouTube",        "Twitter (X)"
       ]}
-      title="Unleash Your Bike's Potential: Tailored Artistry Services"
-      description="Discover the perfect service tier to transform your bicycle. From meticulous restoration to bespoke artistic designs, we offer unparalleled craftsmanship tailored to your desires and budget."
+      buttons={[
+        {
+          text: "Facebook",          href: "https://www.facebook.com/mpycustompaintjobs"},
+        {
+          text: "Instagram",          href: "https://www.instagram.com/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>
 
@@ -292,8 +281,6 @@ export default function LandingPage() {
               label: "Refinishing",              href: "#features"},
             {
               label: "Restoration",              href: "#features"},
-            {
-              label: "Bulk Orders",              href: "#pricing"},
           ],
         },
         {
@@ -304,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"},
           ],