Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroSplit from '@/components/sections/hero/HeroSplit';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { CheckCircle2, Gauge, Settings } from "lucide-react";
+import { CheckCircle2, Gauge, Settings, Wrench, CircleDot } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,14 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "Inventory", id: "inventory" },
-          name: "Services",          id: "services"},
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Inventory",          id: "inventory"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="Apex Tyres"
     />
@@ -44,41 +41,12 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
+      title="Your Complete Automotive & Tyre Partner"
-      title="Precision Care for Your Drive"
+      description="From expert wheel alignment and mag rim repairs to professional tyre fitting and suspension services, we keep your vehicle safe, smooth, and road-ready."
-      description="From expert wheel alignment and mag rim repairs to professional tyre fitting, we keep your vehicle safe, smooth, and road-ready."
+      buttons={[{ text: "Book Service", href: "#contact" }]}
-      buttons={[
-        {
-          text: "Book Service",          href: "#contact"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/pretty-girl-is-posing-photographer-while-sitting-dark-auto-service-holding-pneumatic-drill_613910-17054.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-stacking-car-tires-while-working-auto-repair-shop_637285-7528.jpg",          alt: "Mechanic stacking tires"},
-        {
-          src: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg",          alt: "Mechanic checking car"},
-        {
-          src: "http://img.b2bpic.net/free-photo/shelf-with-tools-shiny-car-little-girl-hat-with-big-wrench-hands_613910-17048.jpg",          alt: "Tool shed and shiny car"},
-        {
-          src: "http://img.b2bpic.net/free-photo/little-cute-girl-is-posing-photographer-dark-auto-workshop-with-pheumatic-drill-hands_613910-17060.jpg",          alt: "Workshop with pneumatic tool"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg",          alt: "Happy mechanic portrait"},
-      ]}
-      avatarText="Join 500+ satisfied customers"
-      marqueeItems={[
-        {
-          type: "text",          text: "Quality Assured"},
-        {
-          type: "text",          text: "Precision Laser Alignment"},
-        {
-          type: "text",          text: "Premium Rim Restoration"},
-        {
-          type: "text",          text: "Expert Tyre Advice"},
-        {
-          type: "text",          text: "Fast Turnaround"},
-      ]}
     />
   </div>
 
@@ -89,35 +57,24 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Wheel Alignment",          description: "Precision laser alignment for better fuel economy and even tyre wear.",          icon: Settings,
+          title: "Wheel Alignment & Suspension",          description: "Expert laser alignment and suspension checks for better handling and even tyre wear.",          icon: Settings,
-          mediaItems: [
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170021.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-placing-auto-wheel-transport-nave_23-2147897837.jpg" }]
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/male-female-mechanics-working-shop-car_23-2150170021.jpg",              imageAlt: "Alignment"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-placing-auto-wheel-transport-nave_23-2147897837.jpg",              imageAlt: "Alignment"},
-          ]
         },
         {
-          title: "Tyre Solutions",          description: "New and quality used tyres tailored for all vehicle types and budgets.",          icon: CheckCircle2,
+          title: "New & Used Tyres",          description: "Premium selection of new tyres and high-quality used options for every budget.",          icon: CircleDot,
-          mediaItems: [
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg" }]
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-pushing-wheel_23-2148327595.jpg",              imageAlt: "Tyres"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/view-from-side-handsome-man-changing-tire-car_7502-4421.jpg",              imageAlt: "Tyres"},
-          ]
         },
         {
-          title: "Mag Rim Repairs",          description: "Expert straightening and cosmetic restoration for damaged mag rims.",          icon: Gauge,
+          title: "Mag Rim Repairs",          description: "Professional straightening and cosmetic restoration to bring your rims back to life.",          icon: Gauge,
-          mediaItems: [
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-outdoors_23-2149891088.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg" }]
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-working-outdoors_23-2149891088.jpg",              imageAlt: "Rims"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg",              imageAlt: "Rims"},
-          ]
         },
+        {
+          title: "General Services",          description: "Comprehensive vehicle maintenance to ensure road safety and performance.",          icon: Wrench,
+          mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-black-auto-mechanic-workshop_637285-9406.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg" }]
+        }
       ]}
-      title="Automotive Expert Services"
+      title="Comprehensive Vehicle Care"
-      description="We specialize in comprehensive vehicle handling and tyre management to ensure optimal safety and driving performance."
+      description="Our dedicated workshop provides end-to-end solutions for all your automotive needs."
     />
   </div>
 
@@ -128,27 +85,13 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", brand: "Elite", name: "Performance Sport Tyre", price: "$135", imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg", rating: 5, reviewCount: "120" },
-          id: "p1",          brand: "Apex",          name: "Performance Sport Tyre",          price: "$120",          rating: 5,
+        { id: "p2", brand: "Value", name: "City Commuter Tyre", price: "$80", imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-car-wheel_23-2149432974.jpg", rating: 4, reviewCount: "85" },
-          reviewCount: "12",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-small-cars-overpass-traffic-concepts_1150-20142.jpg"},
+        { id: "p3", brand: "Premium", name: "Alloy Mag Rim", price: "$280", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-film-roll_23-2150866027.jpg", rating: 5, reviewCount: "45" },
-        {
+        { id: "p4", brand: "Heavy", name: "All-Terrain Specialist", price: "$210", imageSrc: "http://img.b2bpic.net/free-photo/back-side-wheel-vintage-black-sedan-car_114579-4027.jpg", rating: 5, reviewCount: "210" }
-          id: "p2",          brand: "Apex",          name: "City Commuter Tyre",          price: "$85",          rating: 4,
-          reviewCount: "8",          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-cobblestone-texture-with-car-wheel_23-2149432974.jpg"},
-        {
-          id: "p3",          brand: "Apex",          name: "Alloy Mag Rim V1",          price: "$250",          rating: 5,
-          reviewCount: "21",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-film-roll_23-2150866027.jpg"},
-        {
-          id: "p4",          brand: "Apex",          name: "Alloy Mag Rim V2",          price: "$275",          rating: 5,
-          reviewCount: "15",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-brownish-vintage-car-street-near-lake_181624-59346.jpg"},
-        {
-          id: "p5",          brand: "Apex",          name: "Premium All-Season",          price: "$150",          rating: 5,
-          reviewCount: "9",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-with-white-light_23-2149413361.jpg"},
-        {
-          id: "p6",          brand: "Apex",          name: "Off-Road Specialist",          price: "$190",          rating: 5,
-          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/back-side-wheel-vintage-black-sedan-car_114579-4027.jpg"},
       ]}
-      title="Premium Selection"
+      title="Inventory & Rims"
-      description="View our current stock of tyres and quality mag rims ready for immediate installation."
+      description="Explore our curated selection of high-performance tyres and alloy rims ready for fitment."
     />
   </div>
 
@@ -158,45 +101,27 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Alex P.", handle: "@alexp", testimonial: "The wheel alignment service was fast and incredibly precise. Great experience.", rating: 5 },
-          id: "1",          name: "John Doe",          handle: "@johndoe",          testimonial: "Excellent service and quick turnaround on rim repairs.",          rating: 5,
+        { id: "2", name: "Maria G.", handle: "@mariag", testimonial: "Expert rim repair! My alloy looks brand new again. Highly recommend.", rating: 5 },
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-checking-tool-tool-box_1170-1277.jpg"},
+        { id: "3", name: "Tom B.", handle: "@tomb", testimonial: "Best selection of used tyres in town. Affordable and reliable.", rating: 4 }
-        {
-          id: "2",          name: "Jane Smith",          handle: "@janesmith",          testimonial: "Best tyre prices in the city, really helpful staff.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-45045.jpg"},
-        {
-          id: "3",          name: "Mike Ross",          handle: "@mikeross",          testimonial: "My car drives like new after their laser alignment.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-15642.jpg"},
-        {
-          id: "4",          name: "Sarah Lee",          handle: "@sarahlee",          testimonial: "Professional, clean workshop. Highly recommend them.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-car-mechanic-examining-stock-tires-auto-repair-shop_637285-7534.jpg"},
-        {
-          id: "5",          name: "David Kim",          handle: "@davidk",          testimonial: "Used tyres were in surprisingly great condition.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg"},
       ]}
       showRating={true}
-      title="Customer Stories"
+      title="What Our Clients Say"
-      description="Trusted by hundreds of drivers to keep their vehicles moving smoothly."
+      description="Join hundreds of drivers who trust Apex Tyres for their vehicle maintenance."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactSplitForm
       useInvertedBackground={false}
-      title="Visit Our Workshop"
+      title="Book Your Appointment"
-      description="Book your appointment or get a quote today."
+      description="Ready to service your vehicle? Reach out to us today."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Full Name", required: true },
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        },
+        { name: "service", type: "text", placeholder: "Type of Service Required" }
-        {
-          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Additional details...", rows: 4 }}
-        name: "message",        placeholder: "Service Required...",        rows: 4,
-        required: true,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/manufacturing-plant-employee-reviews-data-green-screen-pc_482257-125767.jpg"
       mediaPosition="right"
     />
@@ -205,13 +130,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Apex Tyres"
-      leftLink={{
+      leftLink={{ text: "Terms of Service", href: "#" }}
-        text: "Terms of Service",        href: "#"}}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{
-        text: "Privacy Policy",        href: "#"}}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}