Merge version_1 into main #2
261
src/app/page.tsx
261
src/app/page.tsx
@@ -29,32 +29,15 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Safety",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Safety", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
]}
|
||||
brandName="CabIndia"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -64,39 +47,18 @@ export default function LandingPage() {
|
||||
description="Safe, reliable, and premium taxi services at your fingertips. From quick city hops to long-distance outstation travel, we ensure you arrive in comfort."
|
||||
tag="India's #1 Fleet Service"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Ride",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book a Ride", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg"
|
||||
imageAlt="CabIndia taxi in city street"
|
||||
showDimOverlay={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/passenger-using-her-mobile-phone-car_23-2148510543.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/talking-phone-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14470.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car-beverage_23-2149525849.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31975.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/passenger-using-her-mobile-phone-car_23-2148510543.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/talking-phone-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14470.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car-beverage_23-2149525849.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31975.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ commuters"
|
||||
/>
|
||||
@@ -109,46 +71,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Verified Professional Drivers",
|
||||
description: "Every driver undergoes rigorous background checks and professional training to ensure your travel is safe and pleasant.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg?_wi=1",
|
||||
imageAlt: "Verified driver",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg?_wi=1",
|
||||
imageAlt: "Tracking interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/curly-haired-businessman-gets-out-car_496169-2941.jpg?_wi=2",
|
||||
imageAlt: "modern taxi car indian street",
|
||||
title: "Verified Professional Drivers", description: "Every driver undergoes rigorous background checks and professional training to ensure your travel is safe and pleasant.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg", imageAlt: "Verified driver" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg", imageAlt: "Tracking interface" }
|
||||
},
|
||||
{
|
||||
title: "24/7 Real-Time Tracking",
|
||||
description: "Keep track of your ride anytime with live GPS monitoring, ensuring you and your loved ones have peace of mind during travel.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg?_wi=2",
|
||||
imageAlt: "Real time tracking",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg?_wi=2",
|
||||
imageAlt: "Driver interface",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg?_wi=3",
|
||||
imageAlt: "verified taxi driver professional",
|
||||
title: "24/7 Real-Time Tracking", description: "Keep track of your ride anytime with live GPS monitoring, ensuring you and your loved ones have peace of mind during travel.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg", imageAlt: "Real time tracking" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg", imageAlt: "Driver interface" }
|
||||
},
|
||||
{
|
||||
title: "Secure Payments Everywhere",
|
||||
description: "Choose your preferred payment method from UPI, credit/debit cards, wallets, or cash for a seamless booking experience.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg?_wi=4",
|
||||
imageAlt: "Payment secure",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg?_wi=3",
|
||||
imageAlt: "App UI",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg?_wi=4",
|
||||
imageAlt: "taxi app interface map tracking",
|
||||
title: "Secure Payments Everywhere", description: "Choose your preferred payment method from UPI, credit/debit cards, wallets, or cash for a seamless booking experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/successful-business-leader_1098-15455.jpg", imageAlt: "Payment secure" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-car-using-phone_1303-13638.jpg", imageAlt: "App UI" }
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -164,48 +96,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Local City Rides",
|
||||
price: "From ₹150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236694.jpg?_wi=1",
|
||||
imageAlt: "City taxi ride",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Airport Transfers",
|
||||
price: "From ₹450",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236694.jpg?_wi=2",
|
||||
imageAlt: "Airport transfer",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Corporate Travel",
|
||||
price: "Customized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-car_23-2149003400.jpg?_wi=1",
|
||||
imageAlt: "Corporate travel",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Outstation Trips",
|
||||
price: "From ₹12/km",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-eletric-car-travl-city_23-2149258668.jpg?_wi=1",
|
||||
imageAlt: "Outstation ride",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hourly Rental",
|
||||
price: "From ₹300",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-car_23-2149003400.jpg?_wi=2",
|
||||
imageAlt: "Rental cab",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Premium Luxury",
|
||||
price: "Customized",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-eletric-car-travl-city_23-2149258668.jpg?_wi=2",
|
||||
imageAlt: "Luxury sedan",
|
||||
},
|
||||
{ id: "p1", name: "Local City Rides", price: "From ₹150", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236694.jpg", imageAlt: "City taxi ride" },
|
||||
{ id: "p2", name: "Airport Transfers", price: "From ₹450", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-getting-taxi-cab_23-2149236694.jpg", imageAlt: "Airport transfer" },
|
||||
{ id: "p3", name: "Corporate Travel", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-car_23-2149003400.jpg", imageAlt: "Corporate travel" },
|
||||
{ id: "p4", name: "Outstation Trips", price: "From ₹12/km", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-eletric-car-travl-city_23-2149258668.jpg", imageAlt: "Outstation ride" },
|
||||
{ id: "p5", name: "Hourly Rental", price: "From ₹300", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-sitting-car_23-2149003400.jpg", imageAlt: "Rental cab" },
|
||||
{ id: "p6", name: "Premium Luxury", price: "Customized", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-eletric-car-travl-city_23-2149258668.jpg", imageAlt: "Luxury sedan" },
|
||||
]}
|
||||
title="Tailored Travel Solutions"
|
||||
description="Pick the service that best suits your travel needs."
|
||||
@@ -217,56 +113,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Rahul Verma",
|
||||
date: "Oct 2023",
|
||||
title: "Great Experience",
|
||||
quote: "CabIndia made my airport run so easy. Very professional and on time.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/passenger-using-her-mobile-phone-car_23-2148510543.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/passenger-using-her-mobile-phone-car_23-2148510543.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Priya Sharma",
|
||||
date: "Sep 2023",
|
||||
title: "Safe & Comfortable",
|
||||
quote: "I use this service for my office commute every day. Highly reliable and clean cabs.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/talking-phone-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14470.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/talking-phone-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14470.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Amit Patel",
|
||||
date: "Aug 2023",
|
||||
title: "Best for Outstation",
|
||||
quote: "The outstation trip was excellent. The driver was knowledgeable and the car was in great condition.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car-beverage_23-2149525849.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car-beverage_23-2149525849.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sunita Rao",
|
||||
date: "Jul 2023",
|
||||
title: "Very Safe",
|
||||
quote: "I often travel alone at night and I always feel safe with CabIndia. The app tracking is perfect.",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Vikram Sethi",
|
||||
date: "Jun 2023",
|
||||
title: "Prompt Service",
|
||||
quote: "No booking issues, clear fare estimation, and very polite drivers. Simply the best!",
|
||||
tag: "Verified",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31975.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31975.jpg",
|
||||
},
|
||||
{ id: "1", name: "Rahul Verma", date: "Oct 2023", title: "Great Experience", quote: "CabIndia made my airport run so easy. Very professional and on time.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/passenger-using-her-mobile-phone-car_23-2148510543.jpg", imageSrc: "http://img.b2bpic.net/free-photo/passenger-using-her-mobile-phone-car_23-2148510543.jpg" },
|
||||
{ id: "2", name: "Priya Sharma", date: "Sep 2023", title: "Safe & Comfortable", quote: "I use this service for my office commute every day. Highly reliable and clean cabs.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/talking-phone-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14470.jpg", imageSrc: "http://img.b2bpic.net/free-photo/talking-phone-working-back-car-using-silver-colored-laptop-senior-businessman_146671-14470.jpg" },
|
||||
{ id: "3", name: "Amit Patel", date: "Aug 2023", title: "Best for Outstation", quote: "The outstation trip was excellent. The driver was knowledgeable and the car was in great condition.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car-beverage_23-2149525849.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-posing-retro-style-with-car-beverage_23-2149525849.jpg" },
|
||||
{ id: "4", name: "Sunita Rao", date: "Jul 2023", title: "Very Safe", quote: "I often travel alone at night and I always feel safe with CabIndia. The app tracking is perfect.", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg", imageSrc: "http://img.b2bpic.net/free-photo/good-looking-business-woman-texting-message-while-walking-street_197531-6925.jpg" },
|
||||
{ id: "5", name: "Vikram Sethi", date: "Jun 2023", title: "Prompt Service", quote: "No booking issues, clear fare estimation, and very polite drivers. Simply the best!", tag: "Verified", avatarSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31975.jpg", imageSrc: "http://img.b2bpic.net/free-photo/elegant-old-couple-car-salon_1157-31975.jpg" },
|
||||
]}
|
||||
title="Trusted by Thousands Across India"
|
||||
description="See why our passengers choose us for their daily and intercity travel."
|
||||
@@ -278,26 +129,10 @@ export default function LandingPage() {
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I book a cab?",
|
||||
content: "You can book easily through our app or website in just a few taps.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are drivers verified?",
|
||||
content: "Yes, every driver undergoes strict background verification and training.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can I track my ride?",
|
||||
content: "Absolutely! Our app offers live GPS tracking for every trip you take.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Do you support multiple payments?",
|
||||
content: "We support UPI, cards, digital wallets, and cash for your convenience.",
|
||||
},
|
||||
{ id: "f1", title: "How do I book a cab?", content: "You can book easily through our app or website in just a few taps." },
|
||||
{ id: "f2", title: "Are drivers verified?", content: "Yes, every driver undergoes strict background verification and training." },
|
||||
{ id: "f3", title: "Can I track my ride?", content: "Absolutely! Our app offers live GPS tracking for every trip you take." },
|
||||
{ id: "f4", title: "Do you support multiple payments?", content: "We support UPI, cards, digital wallets, and cash for your convenience." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-female-hand-holding-phone-with-navigation-map_1163-2665.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -310,19 +145,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to book your next trip across India? Get started with our mobile app today and enjoy a premium travel experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Download App",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "Book Online",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Download App", href: "#" },
|
||||
{ text: "Book Online", href: "#" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,17 +157,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="CabIndia"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user