Merge version_1 into main #2
215
src/app/page.tsx
215
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Book Now", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Driver Registration",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Driver Registration", id: "contact"},
|
||||
]}
|
||||
brandName="SwiftCab"
|
||||
/>
|
||||
@@ -50,83 +44,52 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Ride with Confidence, Anywhere."
|
||||
description="Your reliable private taxi service for safe and comfortable travel. Book your ride now or register as a driver to start earning."
|
||||
kpis={[
|
||||
{
|
||||
value: "100K+",
|
||||
label: "Successful Rides",
|
||||
},
|
||||
value: "100K+", label: "Successful Rides"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Driver Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Driver Rating"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support Available",
|
||||
},
|
||||
value: "24/7", label: "Support Available"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Ride Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Your Ride Now", href: "#"},
|
||||
{
|
||||
text: "Driver Login",
|
||||
href: "#",
|
||||
},
|
||||
text: "Driver Login", href: "#"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/taxi-speeding-through-city-motion-blur-urban-transport-concept_169016-68597.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/taxi-speeding-through-city-motion-blur-urban-transport-concept_169016-68597.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man-shows-peace-sign-takes-selfies-smartphone-sits-with-suitcase_1258-270697.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man-shows-peace-sign-takes-selfies-smartphone-sits-with-suitcase_1258-270697.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-young-happy-curly-woman-sunglasses-posing_171337-17410.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-young-happy-curly-woman-sunglasses-posing_171337-17410.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-afro-american-barber-wearing-uniform-stretching-out-hand-towards_141793-116570.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-afro-american-barber-wearing-uniform-stretching-out-hand-towards_141793-116570.jpg", alt: "User 5"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ happy riders"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Safety First",
|
||||
type: "text", text: "Safety First"},
|
||||
{
|
||||
type: "text-icon", text: "Verified Drivers", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Verified Drivers",
|
||||
icon: ShieldCheck,
|
||||
type: "text", text: "24/7 Availability"},
|
||||
{
|
||||
type: "text-icon", text: "Real-time Tracking", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Availability",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Tracking",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Affordable Rates",
|
||||
},
|
||||
type: "text", text: "Affordable Rates"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -137,9 +100,7 @@ export default function LandingPage() {
|
||||
title="Driven by Quality and Trust"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn More", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -152,42 +113,24 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Advanced GPS Tracking",
|
||||
description: "Track your ride in real-time with high-accuracy GPS monitoring, ensuring safety and precision on every route.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-new-ways-travel_23-2148232481.jpg?_wi=1",
|
||||
},
|
||||
title: "Advanced GPS Tracking", description: "Track your ride in real-time with high-accuracy GPS monitoring, ensuring safety and precision on every route.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-new-ways-travel_23-2148232481.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-smartphone-with-map-gps-navigation_23-2147837118.jpg?_wi=1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taxi-speeding-through-city-motion-blur-urban-transport-concept_169016-68597.jpg?_wi=2",
|
||||
imageAlt: "professional taxi car city street",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-smartphone-with-map-gps-navigation_23-2147837118.jpg"}
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Easy Driver Registration",
|
||||
description: "Simple document upload process with secure verification to ensure all our drivers meet the highest safety standards.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg?_wi=1",
|
||||
},
|
||||
title: "Easy Driver Registration", description: "Simple document upload process with secure verification to ensure all our drivers meet the highest safety standards.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-new-ways-travel_23-2148232481.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-new-ways-travel_23-2148232481.jpg?_wi=3",
|
||||
imageAlt: "gps route navigation interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-new-ways-travel_23-2148232481.jpg"}
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "User Ratings and Reviews",
|
||||
description: "Transparency is key. Read driver ratings and share your own experience to help us improve our service every day.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-smartphone-with-map-gps-navigation_23-2147837118.jpg?_wi=2",
|
||||
},
|
||||
title: "User Ratings and Reviews", description: "Transparency is key. Read driver ratings and share your own experience to help us improve our service every day.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-holding-smartphone-with-map-gps-navigation_23-2147837118.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg?_wi=3",
|
||||
imageAlt: "driver document upload interface",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-while-boyfriend-is-driving_23-2148693733.jpg"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -204,20 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "500+",
|
||||
description: "Professional Drivers",
|
||||
},
|
||||
id: "m1", value: "500+", description: "Professional Drivers"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
description: "Cities Served",
|
||||
},
|
||||
id: "m2", value: "20+", description: "Cities Served"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "5M+",
|
||||
description: "Kilometers Traveled",
|
||||
},
|
||||
id: "m3", value: "5M+", description: "Kilometers Traveled"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="We are growing daily, thanks to our commitment to excellence."
|
||||
@@ -226,44 +160,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarah",
|
||||
testimonial: "Excellent service and always on time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarah", testimonial: "Excellent service and always on time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-elegant-magnificent-woman-posing-near-luxury-yacht-club-wearing-beige-cashmere-coat-backpack-tourist-warm-pastel-toned-colors_291049-1500.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@mark",
|
||||
testimonial: "Very professional and safe drivers.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man-shows-peace-sign-takes-selfies-smartphone-sits-with-suitcase_1258-270697.jpg",
|
||||
},
|
||||
id: "2", name: "Mark D.", handle: "@mark", testimonial: "Very professional and safe drivers.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-handsome-man-shows-peace-sign-takes-selfies-smartphone-sits-with-suitcase_1258-270697.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily R.",
|
||||
handle: "@emily",
|
||||
testimonial: "My go-to service for city travel.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-happy-curly-woman-sunglasses-posing_171337-17410.jpg",
|
||||
},
|
||||
id: "3", name: "Emily R.", handle: "@emily", testimonial: "My go-to service for city travel.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-young-happy-curly-woman-sunglasses-posing_171337-17410.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David K.",
|
||||
handle: "@david",
|
||||
testimonial: "Clean cars and polite behavior always.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
},
|
||||
id: "4", name: "David K.", handle: "@david", testimonial: "Clean cars and polite behavior always.", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anna P.",
|
||||
handle: "@anna",
|
||||
testimonial: "User-friendly app and great prices.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-afro-american-barber-wearing-uniform-stretching-out-hand-towards_141793-116570.jpg",
|
||||
},
|
||||
id: "5", name: "Anna P.", handle: "@anna", testimonial: "User-friendly app and great prices.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-afro-american-barber-wearing-uniform-stretching-out-hand-towards_141793-116570.jpg"},
|
||||
]}
|
||||
title="What Riders Say"
|
||||
description="Hear from our satisfied passengers."
|
||||
@@ -276,27 +186,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book a ride?",
|
||||
content: "Simply use our app or book through our website with your location details.",
|
||||
},
|
||||
id: "f1", title: "How do I book a ride?", content: "Simply use our app or book through our website with your location details."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How can I become a driver?",
|
||||
content: "Register in the driver section, upload your documents, and complete our quick verification.",
|
||||
},
|
||||
id: "f2", title: "How can I become a driver?", content: "Register in the driver section, upload your documents, and complete our quick verification."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is the service 24/7?",
|
||||
content: "Yes, we operate 24 hours a day, 7 days a week.",
|
||||
},
|
||||
id: "f3", title: "Is the service 24/7?", content: "Yes, we operate 24 hours a day, 7 days a week."},
|
||||
]}
|
||||
ctaTitle="Start Your Journey"
|
||||
ctaDescription="Ready to ride or looking to become a driver? Get in touch with our team today."
|
||||
ctaButton={{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Contact Us", href: "#"}}
|
||||
ctaIcon={Phone}
|
||||
/>
|
||||
</div>
|
||||
@@ -307,37 +206,25 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book a Ride",
|
||||
href: "#",
|
||||
},
|
||||
label: "Book a Ride", href: "#"},
|
||||
{
|
||||
label: "Driver Registration",
|
||||
href: "#",
|
||||
},
|
||||
label: "Driver Registration", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Company",
|
||||
href: "#",
|
||||
},
|
||||
label: "Company", href: "#"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
label: "Contact", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user