Merge version_1 into main #2
339
src/app/page.tsx
339
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user