Update src/app/page.tsx

Merge version_6 into main

src/app/page.tsx

@@ -2,7 +2,6 @@
 
 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';
@@ -10,9 +9,10 @@ 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 { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Wrench } from "lucide-react";
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import { Activity, Award, Feather, Heart, Paintbrush, ShieldCheck, Sparkles, Wrench, Quote } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -45,9 +45,10 @@ export default function LandingPage() {
       ]}
       button={{
         text: "Request a Quote",        href: "#contact"}}
-      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476716313-05mwh7j7.png"
       logoAlt="MPY Paint Jobs Logo"
       brandName="MPY Paint Jobs"
+      logoImageClassName="bg-transparent"
     />
   </div>
 
@@ -60,9 +61,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}
@@ -98,29 +99,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."},
@@ -131,7 +127,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"
@@ -139,7 +135,7 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="bento-grid"
@@ -147,17 +143,23 @@ export default function LandingPage() {
       carouselMode="buttons"
       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",          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",          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."
@@ -172,7 +174,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"},
@@ -181,7 +183,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>
 
@@ -190,7 +192,7 @@ 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: "http://img.b2bpic.net/free-photo/cheerful-cyclist-catching-his-breath_329181-8667.jpg?_wi=2",          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"},
         {
@@ -278,7 +280,7 @@ export default function LandingPage() {
 
   <div id="footer" data-section="footer">
       <FooterBaseCard
-      logoSrc="http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18690.jpg"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476716313-05mwh7j7.png"
       logoAlt="MPY Paint Jobs Logo"
       logoText="MPY Paint Jobs"
       columns={[
@@ -316,9 +318,10 @@ export default function LandingPage() {
         },
       ]}
       copyrightText="© 2024 MPY Paint Jobs. All rights reserved."
+      logoImageClassName="bg-transparent"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}