Merge version_1 into main #2
296
src/app/page.tsx
296
src/app/page.tsx
@@ -34,38 +34,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Routes",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Routes", id: "#services"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "#booking",
|
||||
},
|
||||
name: "Booking", id: "#booking"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#booking",
|
||||
}}
|
||||
text: "Get Started", href: "#booking"}}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/business-card-with-distorted-lines_23-2148561826.jpg"
|
||||
brandName="BusTrack Pro"
|
||||
/>
|
||||
@@ -77,15 +61,11 @@ export default function LandingPage() {
|
||||
description="Experience seamless travel with real-time bus tracking and easy seat reservations. Your journey, simplified."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Seat",
|
||||
href: "#booking",
|
||||
},
|
||||
text: "Book a Seat", href: "#booking"},
|
||||
{
|
||||
text: "Track Your Bus",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Track Your Bus", href: "#features"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-traveling-subway-winter-time_23-2149217951.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-traveling-subway-winter-time_23-2149217951.jpg"
|
||||
imageAlt="Bus tracking app dashboard on a tablet"
|
||||
/>
|
||||
</div>
|
||||
@@ -97,20 +77,14 @@ export default function LandingPage() {
|
||||
description="BusTrack Pro redefines public transportation with advanced features designed for modern commuters. From live location updates to secure seat booking and timely destination alerts, we ensure a stress-free travel experience. Our commitment is to make every journey efficient, safe, and comfortable."
|
||||
metrics={[
|
||||
{
|
||||
value: "1M+",
|
||||
title: "Trips Completed",
|
||||
},
|
||||
value: "1M+", title: "Trips Completed"},
|
||||
{
|
||||
value: "500K+",
|
||||
title: "Happy Riders",
|
||||
},
|
||||
value: "500K+", title: "Happy Riders"},
|
||||
{
|
||||
value: "150+",
|
||||
title: "Buses Tracked",
|
||||
},
|
||||
value: "150+", title: "Buses Tracked"},
|
||||
]}
|
||||
tag="About Us"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/passenger-sitting-tram-public-transportation_23-2148771005.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/passenger-sitting-tram-public-transportation_23-2148771005.jpg"
|
||||
imageAlt="BusTrack Pro app interface on a smartphone with map and booking screens"
|
||||
mediaAnimation="opacity"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -123,37 +97,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Live Bus Tracking",
|
||||
description: "See your bus's real-time location on a map and get accurate estimated arrival times.",
|
||||
bentoComponent: "map",
|
||||
icon: MapPin,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/business-card-with-distorted-lines_23-2148561826.jpg",
|
||||
imageAlt: "bus tracking app logo modern",
|
||||
title: "Live Bus Tracking", description: "See your bus's real-time location on a map and get accurate estimated arrival times.", bentoComponent: "map"
|
||||
},
|
||||
{
|
||||
title: "Easy Seat Reservation",
|
||||
description: "Book your preferred seat in advance with a few taps, ensuring a comfortable journey.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Star,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-traveling-subway-winter-time_23-2149217951.jpg?_wi=2",
|
||||
imageAlt: "bus tracking app logo modern",
|
||||
title: "Easy Seat Reservation", description: "Book your preferred seat in advance with a few taps, ensuring a comfortable journey.", bentoComponent: "reveal-icon", icon: Star
|
||||
},
|
||||
{
|
||||
title: "Timely Notifications",
|
||||
description: "Receive alerts when your bus is near or when you're approaching your destination.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Bell,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/passenger-sitting-tram-public-transportation_23-2148771005.jpg?_wi=2",
|
||||
imageAlt: "bus tracking app logo modern",
|
||||
title: "Timely Notifications", description: "Receive alerts when your bus is near or when you're approaching your destination.", bentoComponent: "reveal-icon", icon: Bell
|
||||
},
|
||||
{
|
||||
title: "Email Confirmations",
|
||||
description: "Get instant booking confirmations and live tracking links directly to your inbox.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Mail,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-train-model-with-simple-colored-background_23-2151157125.jpg",
|
||||
imageAlt: "bus tracking app logo modern",
|
||||
},
|
||||
title: "Email Confirmations", description: "Get instant booking confirmations and live tracking links directly to your inbox.", bentoComponent: "reveal-icon", icon: Mail
|
||||
}
|
||||
]}
|
||||
title="Smart Features for Smarter Journeys"
|
||||
description="Leverage the power of technology to make your bus travel more predictable and enjoyable."
|
||||
@@ -168,57 +122,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "City Express",
|
||||
price: "Starting $5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092120.jpg",
|
||||
imageAlt: "Modern city bus on an urban street",
|
||||
rating: 5,
|
||||
id: "1", name: "City Express", price: "Starting $5", imageSrc: "http://img.b2bpic.net/free-photo/modern-urban-car-street_23-2149092120.jpg", imageAlt: "Modern city bus on an urban street", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Commuter Line",
|
||||
price: "Starting $8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-retro-nature-with-horses-meadow_23-2149681483.jpg",
|
||||
imageAlt: "Comfortable intercity bus on a highway",
|
||||
rating: 4,
|
||||
id: "2", name: "Commuter Line", price: "Starting $8", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-retro-nature-with-horses-meadow_23-2149681483.jpg", imageAlt: "Comfortable intercity bus on a highway", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Weekend Getaway",
|
||||
price: "Starting $25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-book-mountain_1150-7777.jpg",
|
||||
imageAlt: "Luxury tour bus in front of mountains",
|
||||
rating: 5,
|
||||
id: "3", name: "Weekend Getaway", price: "Starting $25", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-reading-book-mountain_1150-7777.jpg", imageAlt: "Luxury tour bus in front of mountains", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Airport Shuttle",
|
||||
price: "Starting $15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149142285.jpg",
|
||||
imageAlt: "Airport shuttle bus at terminal",
|
||||
rating: 4,
|
||||
id: "4", name: "Airport Shuttle", price: "Starting $15", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-wearing-headphones_23-2149142285.jpg", imageAlt: "Airport shuttle bus at terminal", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tech Corridor",
|
||||
price: "Starting $7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/subway-station_1112-1831.jpg",
|
||||
imageAlt: "High-tech bus in a business park",
|
||||
rating: 5,
|
||||
id: "5", name: "Tech Corridor", price: "Starting $7", imageSrc: "http://img.b2bpic.net/free-photo/subway-station_1112-1831.jpg", imageAlt: "High-tech bus in a business park", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Night Owl",
|
||||
price: "Starting $10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-black-couple-holding-hands-talking-while-getting-out-bus_637285-12224.jpg",
|
||||
imageAlt: "Bus driving through city at night",
|
||||
rating: 4,
|
||||
id: "6", name: "Night Owl", price: "Starting $10", imageSrc: "http://img.b2bpic.net/free-photo/happy-black-couple-holding-hands-talking-while-getting-out-bus_637285-12224.jpg", imageAlt: "Bus driving through city at night", rating: 4,
|
||||
},
|
||||
]}
|
||||
title="Explore Our Popular Routes"
|
||||
description="Find the best routes and book your ride effortlessly. We cover major cities and popular destinations."
|
||||
tag="Our Services"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -228,59 +153,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "standard",
|
||||
badge: "Single Trip",
|
||||
price: "$5",
|
||||
subtitle: "Basic travel for one journey",
|
||||
buttons: [
|
||||
id: "standard", badge: "Single Trip", price: "$5", subtitle: "Basic travel for one journey", buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
},
|
||||
text: "Book Now"},
|
||||
],
|
||||
features: [
|
||||
"Live tracking access",
|
||||
"Standard seat choice",
|
||||
"Email confirmation",
|
||||
],
|
||||
"Live tracking access", "Standard seat choice", "Email confirmation"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Best Value",
|
||||
price: "$12",
|
||||
subtitle: "Enhanced comfort and flexibility",
|
||||
buttons: [
|
||||
id: "premium", badge: "Best Value", price: "$12", subtitle: "Enhanced comfort and flexibility", buttons: [
|
||||
{
|
||||
text: "Book Premium",
|
||||
},
|
||||
text: "Book Premium"},
|
||||
],
|
||||
features: [
|
||||
"Priority seat choice",
|
||||
"Destination alerts",
|
||||
"Flexible cancellation",
|
||||
],
|
||||
"Priority seat choice", "Destination alerts", "Flexible cancellation"],
|
||||
badgeIcon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "monthly",
|
||||
badge: "Unlimited Travel",
|
||||
price: "$99",
|
||||
subtitle: "Unlimited rides for a full month",
|
||||
buttons: [
|
||||
id: "monthly", badge: "Unlimited Travel", price: "$99", subtitle: "Unlimited rides for a full month", buttons: [
|
||||
{
|
||||
text: "Get Monthly Pass",
|
||||
},
|
||||
text: "Get Monthly Pass"},
|
||||
],
|
||||
features: [
|
||||
"All premium features",
|
||||
"Unlimited trips",
|
||||
"Exclusive discounts",
|
||||
],
|
||||
"All premium features", "Unlimited trips", "Exclusive discounts"],
|
||||
badgeIcon: Star,
|
||||
},
|
||||
]}
|
||||
title="Flexible Booking Options"
|
||||
description="Choose the best reservation plan for your needs, whether it's a single trip or a monthly pass."
|
||||
tag="Pricing"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -291,24 +193,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
description: "Uptime for tracking services",
|
||||
},
|
||||
id: "m1", value: "99.9%", description: "Uptime for tracking services"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
description: "Customer Support Availability",
|
||||
},
|
||||
id: "m2", value: "24/7", description: "Customer Support Availability"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50+",
|
||||
description: "Cities Covered Globally",
|
||||
},
|
||||
id: "m3", value: "50+", description: "Cities Covered Globally"},
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="Proud of the milestones we've achieved in revolutionizing public transport for thousands of daily commuters."
|
||||
tag="Our Achievements"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -318,49 +212,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Marketing Director",
|
||||
testimonial: "BusTrack Pro has completely changed my commute. I can track my bus precisely and book my seat without any hassle. The notifications are a lifesaver!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/older-woman-laughing_1194-894.jpg",
|
||||
imageAlt: "Portrait of Sarah Johnson",
|
||||
},
|
||||
id: "1", name: "Sarah Johnson", role: "Marketing Director", testimonial: "BusTrack Pro has completely changed my commute. I can track my bus precisely and book my seat without any hassle. The notifications are a lifesaver!", imageSrc: "http://img.b2bpic.net/free-photo/older-woman-laughing_1194-894.jpg", imageAlt: "Portrait of Sarah Johnson"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Software Engineer",
|
||||
testimonial: "The live tracking is incredibly accurate, and seat reservation is so intuitive. It's truly a game-changer for daily public transport users.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg",
|
||||
imageAlt: "Portrait of Michael Chen",
|
||||
},
|
||||
id: "2", name: "Michael Chen", role: "Software Engineer", testimonial: "The live tracking is incredibly accurate, and seat reservation is so intuitive. It's truly a game-changer for daily public transport users.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1640.jpg", imageAlt: "Portrait of Michael Chen"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "University Student",
|
||||
testimonial: "Finally, an app that makes bus travel stress-free! Knowing exactly when my bus will arrive and securing my spot has been fantastic.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-caucasian-girl-black-african-american-together-look-mobile-phone-world-unity-racial-love-understanding-tolerance-races-diversity-cooperation_627829-4330.jpg",
|
||||
imageAlt: "Portrait of Emily Rodriguez",
|
||||
},
|
||||
id: "3", name: "Emily Rodriguez", role: "University Student", testimonial: "Finally, an app that makes bus travel stress-free! Knowing exactly when my bus will arrive and securing my spot has been fantastic.", imageSrc: "http://img.b2bpic.net/free-photo/white-caucasian-girl-black-african-american-together-look-mobile-phone-world-unity-racial-love-understanding-tolerance-races-diversity-cooperation_627829-4330.jpg", imageAlt: "Portrait of Emily Rodriguez"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Financial Analyst",
|
||||
testimonial: "The email confirmations with tracking links are a brilliant touch. I never have to worry about missing my bus or double-booking. Highly recommended!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-public-transportation_23-2148627001.jpg",
|
||||
imageAlt: "Portrait of David Kim",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "Financial Analyst", testimonial: "The email confirmations with tracking links are a brilliant touch. I never have to worry about missing my bus or double-booking. Highly recommended!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-old-man-public-transportation_23-2148627001.jpg", imageAlt: "Portrait of David Kim"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "As a busy entrepreneur, every minute counts. BusTrack Pro helps me plan my travel perfectly, saving me time and reducing commute anxiety.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-cycling-work-city_23-2149488815.jpg",
|
||||
imageAlt: "Portrait of Jessica Lee",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", role: "Entrepreneur", testimonial: "As a busy entrepreneur, every minute counts. BusTrack Pro helps me plan my travel perfectly, saving me time and reducing commute anxiety.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-cycling-work-city_23-2149488815.jpg", imageAlt: "Portrait of Jessica Lee"},
|
||||
]}
|
||||
title="What Our Riders Say"
|
||||
description="Hear from our satisfied passengers about their improved travel experience, made simple and efficient with BusTrack Pro."
|
||||
tag="Testimonials"
|
||||
animationType="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -370,20 +235,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How accurate is the live bus tracking?",
|
||||
content: "Our live bus tracking uses advanced GPS technology to provide real-time updates with high accuracy, typically within a few seconds delay.",
|
||||
},
|
||||
id: "q1", title: "How accurate is the live bus tracking?", content: "Our live bus tracking uses advanced GPS technology to provide real-time updates with high accuracy, typically within a few seconds delay."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I modify or cancel my seat reservation?",
|
||||
content: "Yes, you can modify or cancel your seat reservation directly through the app up to a certain time before departure, as per our terms and conditions.",
|
||||
},
|
||||
id: "q2", title: "Can I modify or cancel my seat reservation?", content: "Yes, you can modify or cancel your seat reservation directly through the app up to a certain time before departure, as per our terms and conditions."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What kind of notifications will I receive?",
|
||||
content: "You will receive notifications for bus arrival estimates, destination proximity alerts, and any important service updates for your booked route.",
|
||||
},
|
||||
id: "q3", title: "What kind of notifications will I receive?", content: "You will receive notifications for bus arrival estimates, destination proximity alerts, and any important service updates for your booked route."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/worried-saleswoman-asian-office-lady-looking-digital-tablet-holding-phone-shoulder-while-speak_1258-167933.jpg"
|
||||
imageAlt="Customer support representative assisting a user"
|
||||
@@ -400,20 +256,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Ready to Simplify Your Commute?"
|
||||
description="Connect with us to learn more about BusTrack Pro or get support for your journey. We're here to make your travel seamless."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "mailto:support@bustrackpro.com",
|
||||
},
|
||||
text: "Contact Support", href: "mailto:support@bustrackpro.com"},
|
||||
{
|
||||
text: "Start Tracking Now",
|
||||
href: "#hero",
|
||||
},
|
||||
text: "Start Tracking Now", href: "#hero"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -423,50 +274,31 @@ export default function LandingPage() {
|
||||
logoText="BusTrack Pro"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Live Tracking",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Live Tracking", href: "#features"},
|
||||
{
|
||||
label: "Seat Booking",
|
||||
href: "#booking",
|
||||
},
|
||||
label: "Seat Booking", href: "#booking"},
|
||||
{
|
||||
label: "Routes",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Routes", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user