Update src/app/page.tsx

Merge version_4 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() {
@@ -32,12 +32,9 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Products",          id: "products"},
-        {
-          name: "About",          id: "about"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Products", id: "products" },
+        { name: "About", id: "about" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Apex Tires"
     />
@@ -46,36 +43,35 @@ 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"},
+        { text: "Shop Now", href: "#products" },
+        { text: "Book Appointment", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/motion-speed-effect-with-city-night_1112-2017.jpg"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg",          alt: "Top view hard drive with blue light"},
-        {
-          src: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg",          alt: "Effect of city lights at night"},
-        {
-          src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139121.jpg",          alt: "Blurred night lights"},
-        {
-          src: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049659.jpg",          alt: "Blurred nightlights in the city"},
-        {
-          src: "http://img.b2bpic.net/free-photo/hard-drive-with-blue-light-high-angle_23-2149413378.jpg",          alt: "Hard drive with blue light high angle"},
+        { src: "http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg", alt: "Top view hard drive with blue light" },
+        { src: "http://img.b2bpic.net/free-photo/effect-city-lights-night_23-2149338569.jpg", alt: "Effect of city lights at night" },
+        { src: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139121.jpg", alt: "Blurred night lights" },
+        { src: "http://img.b2bpic.net/free-photo/blurred-nightlights-city_23-2149049659.jpg", alt: "Blurred nightlights in the city" },
+        { src: "http://img.b2bpic.net/free-photo/hard-drive-with-blue-light-high-angle_23-2149413378.jpg", alt: "Hard drive with blue light high angle" },
       ]}
       avatarText="Trusted by 5,000+ drivers"
     />
   </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>
 
@@ -86,24 +82,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       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: "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"},
+        { 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?_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" },
       ]}
       title="Our Tire Catalog"
       description="Find the perfect fit for your vehicle from our comprehensive selection."
@@ -116,33 +100,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "Sensor Analysis",          description: "High-accuracy digital monitoring and data logging for every installation.",          icon: Shield,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-using-computer-monitor-neural-network-ai-llm_482257-130078.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg"},
-          ],
-        },
-        {
-          title: "Expert Mounting",          description: "Industry-standard automated mounting equipment for scratch-free service.",          icon: Zap,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg"},
-          ],
-        },
-        {
-          title: "Laser Alignment",          description: "Professional 3D laser alignment services for better tire longevity.",          icon: Star,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg"},
-          ],
-        },
+        { title: "Sensor Analysis", description: "High-accuracy digital monitoring and data logging for every installation.", icon: Shield, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/data-center-software-developer-using-computer-monitor-neural-network-ai-llm_482257-130078.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg" }] },
+        { title: "Expert Mounting", description: "Industry-standard automated mounting equipment for scratch-free service.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/metal-rack-with-set-wrench-spanners-tools_627829-12186.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg" }] },
+        { title: "Laser Alignment", description: "Professional 3D laser alignment services for better tire longevity.", icon: Star, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/mechanic-client-look-car-parts_482257-76128.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/truck-workshop-interior-with-tools-cart-laptop-computer-diagnostics-tool-servicing-truck-vehicles_342744-1345.jpg" }] },
       ]}
       title="Precision Service Technology"
       description="We utilize the latest industry technology to ensure every tire change is perfectly executed for your peace of mind."
@@ -156,15 +116,9 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",          value: "20K+",          title: "Tires Installed",          description: "Successfully installed to date",          icon: Award,
-        },
-        {
-          id: "m2",          value: "15",          title: "Years Experience",          description: "Serving our local community",          icon: Award,
-        },
-        {
-          id: "m3",          value: "5k+",          title: "Happy Clients",          description: "Trust us with their vehicle",          icon: Award,
-        },
+        { id: "m1", value: "20K+", title: "Tires Installed", description: "Successfully installed to date", icon: Award },
+        { id: "m2", value: "15", title: "Years Experience", description: "Serving our local community", icon: Award },
+        { id: "m3", value: "5k+", title: "Happy Clients", description: "Trust us with their vehicle", icon: Award },
       ]}
       title="Quality by the Numbers"
       description="Reliable service backed by data and experience."
@@ -176,18 +130,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
-          id: "t1",          title: "Great Experience",          quote: "The service here is unbeatable, quick, and very thorough.",          name: "John D.",          role: "Driver",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-communicating-with-young-couple-workshop_637285-4259.jpg"},
-        {
-          id: "t2",          title: "Fast Service",          quote: "In and out in under an hour. Very professional staff.",          name: "Sarah W.",          role: "Commuter",          imageSrc: "http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg"},
-        {
-          id: "t3",          title: "Expert Advice",          quote: "They helped me find the perfect tires for my SUV.",          name: "Mark P.",          role: "Family Driver",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg"},
-        {
-          id: "t4",          title: "Trustworthy",          quote: "I have been coming here for 5 years, always satisfied.",          name: "Emily R.",          role: "SUV Driver",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg"},
-        {
-          id: "t5",          title: "Highly Recommended",          quote: "Best prices in the city and top-notch installation.",          name: "David K.",          role: "Truck Owner",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg"},
-        {
-          id: "t6",          title: "Safety First",          quote: "They caught an issue with my alignment, saved my tires.",          name: "Jessica L.",          role: "Commuter",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg"},
+        { id: "t1", title: "Great Experience", quote: "The service here is unbeatable, quick, and very thorough.", name: "John D.", role: "Driver", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-communicating-with-young-couple-workshop_637285-4259.jpg" },
+        { id: "t2", title: "Fast Service", quote: "In and out in under an hour. Very professional staff.", name: "Sarah W.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/informed-salesperson-answering-questions-car-dealership_482257-113071.jpg" },
+        { id: "t3", title: "Expert Advice", quote: "They helped me find the perfect tires for my SUV.", name: "Mark P.", role: "Family Driver", imageSrc: "http://img.b2bpic.net/free-photo/portrait-jolly-car-dealership-agent-hired-respond-client-inquiries_482257-118268.jpg" },
+        { id: "t4", title: "Trustworthy", quote: "I have been coming here for 5 years, always satisfied.", name: "Emily R.", role: "SUV Driver", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosimng-car-car-showroom_1303-26304.jpg" },
+        { id: "t5", title: "Highly Recommended", quote: "Best prices in the city and top-notch installation.", name: "David K.", role: "Truck Owner", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31895.jpg" },
+        { id: "t6", title: "Safety First", quote: "They caught an issue with my alignment, saved my tires.", name: "Jessica L.", role: "Commuter", imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-mechanics-working-together-workshop_637285-9438.jpg" },
       ]}
       title="What Our Customers Say"
       description="Quality service that keeps our neighbors returning for years."
@@ -195,59 +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"
     />
@@ -255,4 +181,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}