Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
+import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
@@ -11,7 +11,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
 import { Award, Shield, Star, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -43,7 +43,9 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroOverlay
       title="Drive Smarter with Apex Tires"
+      titleClassName="text-white"
       description="Premium selection of high-performance tires for every road condition. Expert installation and precision alignment services to keep you safe."
+      descriptionClassName="text-white/90"
       buttons={[
         { text: "Shop Now", href: "#products" },
         { text: "Book Appointment", href: "#contact" },
@@ -61,12 +63,15 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <TestimonialAboutCard
+      tag="Our Mission"
+      title="Committed to Your Safety"
+      description="For over two decades, Apex Tires has provided premium tire solutions. We believe that your safety on the road starts with the right tires, installed with precision."
+      subdescription="Our team of certified technicians ensures every vehicle receives expert care, so you can drive with absolute confidence in any weather condition."
+      icon={Shield}
+      videoSrc="http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg?_wi=1"
+      mediaAnimation="slide-up"
       useInvertedBackground={false}
-      title="Your Trusted Tire Experts"
-      description={[
-        "For over two decades, Apex Tires has provided top-tier tire solutions for drivers across the city.",        "Our commitment to safety, performance, and durability means you always get the best value for your vehicle."
-      ]}
     />
   </div>
 
@@ -79,7 +84,7 @@ export default function LandingPage() {
       products={[
         { id: "1", brand: "Apex", name: "All-Season Premier", price: "$150", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-black-off-road-tire-tread_23-2151979278.jpg" },
         { id: "2", brand: "Apex", name: "Velocity Performance", price: "$220", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/single-vertical-tire-asphalt_23-2148322026.jpg" },
-        { id: "3", brand: "Apex", name: "Arctic Ice Specialist", price: "$190", rating: 4, reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg" },
+        { id: "3", brand: "Apex", name: "Arctic Ice Specialist", price: "$190", rating: 4, reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-changing-tires-car-service_1303-26890.jpg?_wi=2" },
         { id: "4", brand: "Apex", name: "Highway Cruiser", price: "$130", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/jacket-businessman-projection-sophisticated-urban_1134-1188.jpg" },
         { id: "5", brand: "Apex", name: "Terrain Master Off-Road", price: "$280", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/indian-man-working-male-yellow-vest-man-near-tractor_1157-47555.jpg" },
         { id: "6", brand: "Apex", name: "Track Pro Low Profile", price: "$310", rating: 5, reviewCount: "34", imageSrc: "http://img.b2bpic.net/free-photo/hexagon-sphere_1048-2463.jpg" },
@@ -138,38 +143,37 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={false}
+      <FaqSplitText
+      sideTitle="Common Questions"
+      sideDescription="We've compiled answers to the most frequent questions to help you make informed decisions about your vehicle's maintenance."
+      buttons={[{ text: "Contact Support", href: "#contact" }]}
       faqs={[
-        { id: "q1", title: "How often should I rotate my tires?", content: "We recommend every 5,000 to 7,000 miles." },
-        { id: "q2", title: "Do you offer financing?", content: "Yes, we have flexible payment plans available for all our customers." },
-        { id: "q3", title: "Do you provide emergency repairs?", content: "Yes, our shop is available for emergency service during business hours." },
+        { id: "q1", title: "How often should I rotate my tires?", content: "We recommend every 5,000 to 7,000 miles to maximize tread life." },
+        { id: "q2", title: "Do you offer financing?", content: "Yes, we offer flexible payment plans to help manage maintenance costs easily." },
+        { id: "q3", title: "Are appointments required?", content: "While we welcome walk-ins, scheduling an appointment ensures priority service and minimized wait times." },
+        { id: "q4", title: "What warranty do you offer?", content: "All our tires and services come with a manufacturer-backed warranty for your complete peace of mind." }
       ]}
-      mediaAnimation="slide-up"
-      title="Frequently Asked Questions"
-      description="Have questions about our services or tires?"
       faqsAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/empty-floor-front-modern-building_1127-2885.jpg"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={true}
-      background={{ variant: "plain" }}
-      tag="Get in touch"
-      title="Ready to hit the road?"
-      description="Schedule your service today or visit us in-store for a professional consultation."
-      buttons={[{ text: "Book Appointment", href: "#" }]}
+      background={{ variant: "sparkles-gradient" }}
+      tag="Direct Access"
+      title="Need Professional Help?"
+      description="Our team is ready to assist you with tire selection, maintenance scheduling, and any technical inquiries. Reach out to our experts today."
+      buttons={[{ text: "Book Now", href: "#contact" }, { text: "Call Us", href: "tel:+15550001234" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoEmphasis
       columns={[
-        { items: [{ label: "Shop", href: "#products" }, { label: "About", href: "#about" }] },
-        { items: [{ label: "Appointments", href: "#contact" }, { label: "Contact", href: "#" }] },
+        { items: [{ label: "Shop Tires", href: "#products" }, { label: "Our Services", href: "#features" }] },
+        { items: [{ label: "Appointments", href: "#contact" }, { label: "Customer Support", href: "#faq" }] },
       ]}
       logoText="Apex Tires"
     />
@@ -177,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}