From 6b4646894e429095335074e69e007d2d0986b4f3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 4 Apr 2026 21:32:44 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 339 +++++++----------------------------------------
 1 file changed, 49 insertions(+), 290 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 71e9478..a383d5d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import { Clock, Star, Timer, Truck, User } from "lucide-react";
+import { Clock, Star, Timer, Truck, User, ShieldCheck, CreditCard, Headset, FileCheck } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -24,7 +24,7 @@ export default function LandingPage() {
         sizing="medium"
         background="none"
         cardStyle="glass-elevated"
-        primaryButtonStyle="metallic"
+        primaryButtonStyle="gradient"
         secondaryButtonStyle="glass"
         headingFontWeight="medium"
     >
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Features",
-          id: "#features",
-        },
-        {
-          name: "Safety",
-          id: "#safety",
-        },
-        {
-          name: "Testimonials",
-          id: "#testimonials",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Features", id: "#features" },
+        { name: "Safety", id: "#safety" },
+        { name: "Testimonials", id: "#testimonials" },
+        { name: "Contact", id: "#contact" }
       ]}
       brandName="TowGo"
     />
@@ -55,106 +43,24 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Roadside Assistance, Simplified."
       description="TowGo connects you with professional towing services instantly. Experience the next generation of roadside support with real-time tracking and seamless digital payments."
       leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg?_wi=1",
-          imageAlt: "Tow truck in action",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=1",
-          imageAlt: "Mobile booking app",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg?_wi=2",
-          imageAlt: "Tow truck service",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=2",
-          imageAlt: "App UI interface",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg?_wi=3",
-          imageAlt: "Professional towing",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg", imageAlt: "Tow truck in action" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg", imageAlt: "Mobile booking app" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg", imageAlt: "Tow truck service" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg", imageAlt: "App UI interface" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg", imageAlt: "Professional towing" }
       ]}
       rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=3",
-          imageAlt: "Mobile app dashboard",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg?_wi=4",
-          imageAlt: "Urban towing",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=4",
-          imageAlt: "Real time tracking",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg?_wi=5",
-          imageAlt: "Reliable assistance",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=5",
-          imageAlt: "Digital payments",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Download App",
-          href: "#contact",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112076.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-          alt: "Customer",
-        },
-      ]}
-      avatarText="Trusted by 15,000+ happy drivers"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Rapid Response",
-        },
-        {
-          type: "text",
-          text: "24/7 Availability",
-        },
-        {
-          type: "text",
-          text: "Verified Professionals",
-        },
-        {
-          type: "text",
-          text: "Secure Payments",
-        },
-        {
-          type: "text",
-          text: "Nationwide Coverage",
-        },
+        { imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg", imageAlt: "Mobile app dashboard" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg", imageAlt: "Urban towing" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg", imageAlt: "Real time tracking" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg", imageAlt: "Reliable assistance" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg", imageAlt: "Digital payments" }
       ]}
+      buttons={[{ text: "Download App", href: "#contact" }]}
     />
   </div>
 
@@ -165,35 +71,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Real-time Tracking",
-          description: "Know exactly when your tow truck arrives with precise GPS tracking.",
-          bentoComponent: "map",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-helping-beautiful-woman-fix-car-road_651396-3557.jpg?_wi=6",
-          imageAlt: "tow truck city streets clean",
+          title: "Real-time Tracking",          description: "Know exactly when your tow truck arrives with precise GPS tracking.",          bentoComponent: "map"
         },
         {
-          title: "AI Dispatch",
-          description: "Smart dispatching connects you to the nearest available driver instantly.",
-          bentoComponent: "chat",
-          aiIcon: Star,
+          title: "AI Dispatch",          description: "Smart dispatching connects you to the nearest available driver instantly.",          bentoComponent: "chat",          aiIcon: Star,
           userIcon: User,
-          exchanges: [
-            {
-              userMessage: "I need a tow",
-              aiResponse: "Driver assigned!",
-            },
-          ],
-          placeholder: "Request tow...",
-          imageSrc: "http://img.b2bpic.net/free-photo/worker-examines-phone-with-greenscreen_482257-76605.jpg?_wi=6",
-          imageAlt: "tow truck app interface mobile",
+          exchanges: [{ userMessage: "I need a tow", aiResponse: "Driver assigned!" }],
+          placeholder: "Request tow..."
         },
         {
-          title: "Performance Metrics",
-          description: "Always-on data monitoring for reliable service standards.",
-          bentoComponent: "line-chart",
-          imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-analyzing-performance-data-tablet-close-up_482257-117889.jpg",
-          imageAlt: "route optimization map white",
-        },
+          title: "Performance Metrics",          description: "Always-on data monitoring for reliable service standards.",          bentoComponent: "line-chart"
+        }
       ]}
       title="Smart Towing Technology"
       description="Our platform leverages cutting-edge logistics to get you help faster, safer, and with complete transparency."
@@ -205,30 +93,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Background Checks",
-          description: "Every driver is thoroughly vetted for your peace of mind.",
-          buttonIcon: "ShieldCheck",
-          imageSrc: "http://img.b2bpic.net/free-photo/train-station-city-life-with-car-icon_53876-120988.jpg",
-        },
-        {
-          title: "Secure Payments",
-          description: "Encrypted digital transactions for a cashless experience.",
-          buttonIcon: "CreditCard",
-          imageSrc: "http://img.b2bpic.net/free-vector/shields-outline-with-check-marks-set-four_78370-4915.jpg",
-        },
-        {
-          title: "Live Support",
-          description: "Get assistance anytime through our dedicated support lines.",
-          buttonIcon: "Headset",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-clock_1339-6373.jpg",
-        },
-        {
-          title: "Insurance Coverage",
-          description: "Fully insured services for every tow request.",
-          buttonIcon: "FileCheck",
-          imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens-pack_23-2148402629.jpg",
-        },
+        { title: "Background Checks", description: "Every driver is thoroughly vetted for your peace of mind.", buttonIcon: ShieldCheck, imageSrc: "http://img.b2bpic.net/free-photo/train-station-city-life-with-car-icon_53876-120988.jpg" },
+        { title: "Secure Payments", description: "Encrypted digital transactions for a cashless experience.", buttonIcon: CreditCard, imageSrc: "http://img.b2bpic.net/free-vector/shields-outline-with-check-marks-set-four_78370-4915.jpg" },
+        { title: "Live Support", description: "Get assistance anytime through our dedicated support lines.", buttonIcon: Headset, imageSrc: "http://img.b2bpic.net/free-photo/closeup-clock_1339-6373.jpg" },
+        { title: "Insurance Coverage", description: "Fully insured services for every tow request.", buttonIcon: FileCheck, imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens-pack_23-2148402629.jpg" }
       ]}
       title="Safety First, Always."
       description="We prioritize your security with verified drivers and secure payment systems."
@@ -242,26 +110,11 @@ export default function LandingPage() {
       rating={5}
       author="Sarah J."
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112076.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg",
-          alt: "Customer",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
-          alt: "Customer",
-        },
+        { src: "http://img.b2bpic.net/free-photo/closeup-serious-businessman-white-shirt-looking-camera-standing-confident_1258-112076.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", alt: "Customer" },
+        { src: "http://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Customer" }
       ]}
       ratingAnimation="slide-up"
       avatarsAnimation="blur-reveal"
@@ -275,34 +128,10 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "15,000+",
-          title: "Tows Completed",
-          description: "Reliable assistance across the city",
-          icon: Truck,
-        },
-        {
-          id: "2",
-          value: "12min",
-          title: "Average Response",
-          description: "Speed you can depend on",
-          icon: Timer,
-        },
-        {
-          id: "3",
-          value: "4.9/5",
-          title: "Driver Rating",
-          description: "Consistently high service quality",
-          icon: Star,
-        },
-        {
-          id: "4",
-          value: "24/7",
-          title: "Operations",
-          description: "Always ready to help",
-          icon: Clock,
-        },
+        { id: "1", value: "15,000+", title: "Tows Completed", description: "Reliable assistance across the city", icon: Truck },
+        { id: "2", value: "12min", title: "Average Response", description: "Speed you can depend on", icon: Timer },
+        { id: "3", value: "4.9/5", title: "Driver Rating", description: "Consistently high service quality", icon: Star },
+        { id: "4", value: "24/7", title: "Operations", description: "Always ready to help", icon: Clock }
       ]}
       title="Service at Scale"
       description="Proven performance, serving thousands of satisfied customers every month."
@@ -314,21 +143,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "How does the app work?",
-          content: "Simply request a tow through the app, track your driver, and pay digitally.",
-        },
-        {
-          id: "2",
-          title: "Is my car protected?",
-          content: "Yes, we ensure all drivers and tows are fully insured.",
-        },
-        {
-          id: "3",
-          title: "What happens if I'm not near a city?",
-          content: "Our network covers highways and suburban areas across our service zones.",
-        },
+        { id: "1", title: "How does the app work?", content: "Simply request a tow through the app, track your driver, and pay digitally." },
+        { id: "2", title: "Is my car protected?", content: "Yes, we ensure all drivers and tows are fully insured." },
+        { id: "3", title: "What happens if I'm not near a city?", content: "Our network covers highways and suburban areas across our service zones." }
       ]}
       title="Common Questions"
       description="Everything you need to know about our towing and recovery services."
@@ -342,24 +159,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       team={[
-        {
-          id: "1",
-          name: "Alex Rivers",
-          role: "Founder & CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165966.jpg",
-        },
-        {
-          id: "2",
-          name: "Maria Lopez",
-          role: "Head of Operations",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-makes-thumbs-up-having-fun_114579-15856.jpg",
-        },
-        {
-          id: "3",
-          name: "David Chen",
-          role: "Lead Engineer",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg",
-        },
+        { id: "1", name: "Alex Rivers", role: "Founder & CEO", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165966.jpg" },
+        { id: "2", name: "Maria Lopez", role: "Head of Operations", imageSrc: "http://img.b2bpic.net/free-photo/female-employee-black-suit-makes-thumbs-up-having-fun_114579-15856.jpg" },
+        { id: "3", name: "David Chen", role: "Lead Engineer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-work_23-2149304143.jpg" }
       ]}
       title="Meet the Minds Behind TowGo"
       description="Driven by innovation to transform traditional roadside assistance."
@@ -369,63 +171,20 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       tag="Get Started"
       title="Ready for a Smarter Way to Tow?"
       description="Download TowGo today and experience roadside support like never before."
-      buttons={[
-        {
-          text: "Download App Now",
-          href: "#",
-        },
-      ]}
+      buttons={[{ text: "Download App Now", href: "#" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterBase
       columns={[
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Help Center",
-              href: "#",
-            },
-            {
-              label: "Safety Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Company", items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }] },
+        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Safety Policy", href: "#" }] },
+        { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
       logoText="TowGo"
     />
@@ -433,4 +192,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1