Update src/app/page.tsx

Merge version_18 into main

src/app/page.tsx

@@ -8,11 +8,12 @@ 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 FaqDouble from '@/components/sections/faq/FaqDouble';
+import { Activity, Award, Feather, Heart, ShieldCheck, Sparkles, Quote } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -37,9 +38,13 @@ export default function LandingPage() {
         {
           name: "Services",          id: "#features"},
         {
-          name: "Portfolio",          id: "#products"},
+        name: "Portfolio",          id: "#products"},
         {
           name: "Testimonials",          id: "#testimonials"},
+        {
+          name: "FAQs",          id: "#faq"},
+        {
+          name: "Socials",          id: "#social-media"},
         {
           name: "Quote",          id: "#contact"},
       ]}
@@ -82,17 +87,17 @@ export default function LandingPage() {
       avatarText="Join 500+ happy riders!"
       marqueeItems={[
         {
-          type: "text-icon",          text: "Precision Craftsmanship",          icon: Feather,
+          type: "text-icon",          text: "Precision Craftsmanship",          icon: Feather
         },
         {
           type: "text",          text: "Your Vision, Our Canvas"},
         {
-          type: "text-icon",          text: "Unmatched Durability",          icon: ShieldCheck,
+          type: "text-icon",          text: "Unmatched Durability",          icon: ShieldCheck
         },
         {
           type: "text",          text: "Hand-Painted Perfection"},
         {
-          type: "text-icon",          text: "Ride in Unique Style",          icon: Activity,
+          type: "text-icon",          text: "Ride in Unique Style",          icon: Activity
         },
       ]}
     />
@@ -136,11 +141,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 +213,60 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardEight
-      animationType="slide-up"
-      textboxLayout="default"
+  <div id="faq" data-section="faq">
+      <FaqDouble
       useInvertedBackground={true}
-      plans={[
+      title="Frequently Asked Questions"
+      description="Find quick answers to common questions about our custom bicycle frame painting, refinishing, and restoration services."
+      tag="FAQs"
+      faqsAnimation="slide-up"
+      textboxLayout="default"
+      faqs={[
         {
-          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: "faq-1",          title: "Where are you located?",          content: "Our shop is located in Salitran 1, Dasmariñas City, Cavite. You can pin your map at Total (Salitran), and our shop is directly in front of it—just look for the sliding door beside the helmet vending machine."
         },
         {
-          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: "faq-2",          title: "How much is the paint job service?",          content: "Prices vary depending on the frame material whether aluminum, steel, or carbon and the color or design you choose. Our custom paint jobs usually start at ₱7,500."
         },
         {
-          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"],
+          id: "faq-3",          title: "What kind of paint do you use?",          content: "We use anzhal automotive urethane paint, topped with a high solid clear coat. Every frame also gets a 3 step polish for a smooth, glossy finish."
         },
+        {
+          id: "faq-4",          title: "Do you scrape or strip off the old paint?",          content: "Yes! for aluminum and steel frames, we use a chemical paint stripper to fully remove the old paint. For carbon frames, we DON'T use chemicals, we sand it manually to avoid damaging the material and to keep the frame in good condition underneath the new paint."
+        },
+        {
+          id: "faq-5",          title: "What kind of paint do you use?",          content: "A custom paint job usually takes 3-4 weeks. It depends on the frame's condition, weather, and any unexpected delays. We always make sure to give each frame the time and detail it deserves."
+        },
+        {
+          id: "faq-6",          title: "Can we ship our frames if we're far from the shop?  ",          content: "Yes, you can! you can send your frames through couriers like Lalamove, J&T or any shipping company you trust. We accept shipped frames from anywhere, Worldwide."
+        }
       ]}
-      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."
+    />
+  </div>
+
+  <div id="social-media" data-section="social-media">
+      <SocialProofOne
+      useInvertedBackground={true}
+      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)"
+      ]}
+      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>
 
@@ -254,10 +277,10 @@ export default function LandingPage() {
       description="Tell us about your vision. Our team will get back to you within 24 hours to discuss your project and provide a personalized quote."
       inputs={[
         {
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+          name: "name",          type: "text",          placeholder: "Your Name",          required: true
         },
         {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
+          name: "email",          type: "email",          placeholder: "Your Email",          required: true
         },
         {
           name: "phone",          type: "tel",          placeholder: "Phone Number (Optional)"},
@@ -268,7 +291,7 @@ export default function LandingPage() {
       }}
       textarea={{
         name: "projectDetails",        placeholder: "Tell us about your project vision (e.g., bike type, style, colors, desired date)",        rows: 5,
-        required: true,
+        required: true
       }}
       imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EWBlOfpaA3C8pfIkwG9Yg6pp65/uploaded-1780476585715-xxiwthkq.jpg"
       imageAlt="Close up of bicycle frame in a workshop"
@@ -292,9 +315,7 @@ export default function LandingPage() {
               label: "Refinishing",              href: "#features"},
             {
               label: "Restoration",              href: "#features"},
-            {
-              label: "Bulk Orders",              href: "#pricing"},
-          ],
+          ]
         },
         {
           title: "Studio",          items: [
@@ -304,9 +325,13 @@ export default function LandingPage() {
               label: "Our Process",              href: "#features"},
             {
               label: "Testimonials",              href: "#testimonials"},
+            {
+              label: "FAQs",              href: "#faq"},
+            {
+              label: "Socials",              href: "#social-media"},
             {
               label: "Contact",              href: "#contact"},
-          ],
+          ]
         },
         {
           title: "Legal",          items: [
@@ -314,7 +339,7 @@ export default function LandingPage() {
               label: "Privacy Policy",              href: "#"},
             {
               label: "Terms of Service",              href: "#"},
-          ],
+          ]
         },
       ]}
       copyrightText="© 2021 MPY Paint Jobs. All rights reserved."