Update src/app/page.tsx

Merge version_14 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">
+  <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>
 
@@ -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"},
           ],
@@ -324,4 +313,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}