bender/71c7b447-7182-45b4-b280-cf8fa7d3178f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-04 11:20:45 +00:00
parent f6e9755c28
commit 5aa4e83f39
1 changed files with 66 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

332
src/app/page.tsx
View File

@@ -13,7 +13,7 @@ import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Car, Star } from "lucide-react";
import { Car, Star, Bookmark } from "lucide-react";
export default function LandingPage() {
return (
@@ -34,74 +34,47 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Booking",
id: "#booking",
},
name: "Booking", id: "#booking"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="BusTrack Connect"
button={{
text: "Book Now",
href: "#booking",
}}
text: "Book Now", href: "#booking"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitKpi
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
imagePosition="right"
title="Track Your Bus, Book Your Seat, Stay Notified."
description="BusTrack Connect offers real-time bus location, seamless seat reservation, and smart notifications to ensure you never miss your ride or stop. Travel smarter, effortlessly."
kpis={[
{
value: "100+",
label: "Routes Served",
},
value: "100+", label: "Routes Served"},
{
value: "99.9%",
label: "Tracking Accuracy",
},
value: "99.9%", label: "Tracking Accuracy"},
{
value: "20K+",
label: "Happy Passengers",
},
value: "20K+", label: "Happy Passengers"},
]}
enableKpiAnimation={true}
buttons={[
{
text: "Book Your Ride Now",
href: "#booking",
},
text: "Book Your Ride Now", href: "#booking"},
{
text: "Learn More",
href: "#features",
},
text: "Learn More", href: "#features"},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-woman-using-her-smartphone-city_23-2149375701.jpg"
imageAlt="Bus tracking dashboard with live map and booking interface"
@@ -110,35 +83,22 @@ export default function LandingPage() {
tagIcon={Car}
avatars={[
{
src: "asset://hero-avatar-1",
alt: "Happy female user",
},
src: "asset://hero-avatar-1", alt: "Happy female user"},
{
src: "asset://hero-avatar-2",
alt: "Happy male user",
},
src: "asset://hero-avatar-2", alt: "Happy male user"},
{
src: "asset://hero-avatar-3",
alt: "Satisfied passenger",
},
src: "asset://hero-avatar-3", alt: "Satisfied passenger"},
{
src: "asset://hero-avatar-4",
alt: "Experienced traveler",
},
src: "asset://hero-avatar-4", alt: "Experienced traveler"},
{
src: "asset://hero-avatar-5",
alt: "Commuter avatar",
},
src: "asset://hero-avatar-5", alt: "Commuter avatar"},
]}
avatarText="Join 20,000+ happy passengers"
marqueeItems={[
{
type: "text",
text: "Real-time updates",
},
type: "text", text: "Real-time updates"},
{
type: "text-icon",
text: "Easy Booking",
type: "text-icon", text: "Easy Booking", icon: Bookmark
},
]}
/>
@@ -151,17 +111,11 @@ export default function LandingPage() {
description="At BusTrack Connect, we revolutionize your daily commute and intercity travel. Our platform provides real-time bus tracking, allowing you to view your bus's exact location and estimated arrival time. With advanced seat reservation, you can secure your spot in advance, ensuring a stress-free journey. We also keep you informed with timely notifications, from booking confirmations to 'near destination' alerts, all designed to make your travel experience seamless and worry-free."
metrics={[
{
value: "Real-time",
title: "Tracking",
},
value: "Real-time", title: "Tracking"},
{
value: "Secure",
title: "Reservations",
},
value: "Secure", title: "Reservations"},
{
value: "Timely",
title: "Notifications",
},
value: "Timely", title: "Notifications"},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-with-curly-hair-travelling-with-bus_23-2148753448.jpg"
imageAlt="Illustration of a bus on a digital road with tracking interface"
@@ -176,29 +130,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Live Bus Tracking",
description: "Pinpoint your bus's exact location on a real-time map, so you know exactly when it will arrive. No more waiting anxiously at the stop!",
imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-passenger-information-display-screen_23-2148954785.jpg",
imageAlt: "Live bus tracking map icon",
},
title: "Live Bus Tracking", description: "Pinpoint your bus's exact location on a real-time map, so you know exactly when it will arrive. No more waiting anxiously at the stop!", imageSrc: "http://img.b2bpic.net/free-photo/japanese-subway-system-passenger-information-display-screen_23-2148954785.jpg", imageAlt: "Live bus tracking map icon"},
{
title: "Easy Seat Reservation",
description: "Book your preferred seat in advance with just a few taps. Enjoy a guaranteed spot and a comfortable journey every time.",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-icon-front-side-with-white-background_187299-39977.jpg",
imageAlt: "Bus seat booking icon",
},
title: "Easy Seat Reservation", description: "Book your preferred seat in advance with just a few taps. Enjoy a guaranteed spot and a comfortable journey every time.", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-icon-front-side-with-white-background_187299-39977.jpg", imageAlt: "Bus seat booking icon"},
{
title: "Smart Travel Notifications",
description: "Receive instant updates via email for reservations and '10 minutes to destination' alerts to prepare for your stop.",
imageSrc: "http://img.b2bpic.net/free-vector/creative-public-signs-25-line-filled-icon-pack-such-as-up-down-smoking-direction-wifi_1142-26681.jpg",
imageAlt: "Smart notification bell icon",
},
title: "Smart Travel Notifications", description: "Receive instant updates via email for reservations and '10 minutes to destination' alerts to prepare for your stop.", imageSrc: "http://img.b2bpic.net/free-vector/creative-public-signs-25-line-filled-icon-pack-such-as-up-down-smoking-direction-wifi_1142-26681.jpg", imageAlt: "Smart notification bell icon"},
{
title: "24/7 Customer Support",
description: "Our dedicated support team is always ready to assist you, ensuring a smooth and enjoyable travel experience from start to finish.",
imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-sale-close-up_169016-43183.jpg",
imageAlt: "24/7 customer support icon",
},
title: "24/7 Customer Support", description: "Our dedicated support team is always ready to assist you, ensuring a smooth and enjoyable travel experience from start to finish.", imageSrc: "http://img.b2bpic.net/free-photo/incoming-call-screen-from-sale-close-up_169016-43183.jpg", imageAlt: "24/7 customer support icon"},
]}
title="Smart Features for a Seamless Ride"
description="Experience the next level of bus travel with our comprehensive suite of features designed for your convenience and peace of mind."
@@ -213,47 +151,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Real-time Live Map",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-her-smartphone-while-traveling-by-train_23-2149304502.jpg",
imageAlt: "Screenshot of live bus tracking map on mobile",
},
id: "p1", name: "Real-time Live Map", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-her-smartphone-while-traveling-by-train_23-2149304502.jpg", imageAlt: "Screenshot of live bus tracking map on mobile"},
{
id: "p2",
name: "Advanced Seat Selection",
price: "Book Now",
imageSrc: "http://img.b2bpic.net/free-photo/hotel-visitor-using-smartphone-banking_482257-78777.jpg",
imageAlt: "Screenshot of bus seat reservation interface on mobile",
},
id: "p2", name: "Advanced Seat Selection", price: "Book Now", imageSrc: "http://img.b2bpic.net/free-photo/hotel-visitor-using-smartphone-banking_482257-78777.jpg", imageAlt: "Screenshot of bus seat reservation interface on mobile"},
{
id: "p3",
name: "Customizable Notifications",
price: "Free",
imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-noodles-photos-top-view_23-2149333826.jpg",
imageAlt: "Screenshot of bus arrival notifications on mobile",
},
id: "p3", name: "Customizable Notifications", price: "Free", imageSrc: "http://img.b2bpic.net/free-photo/hands-taking-noodles-photos-top-view_23-2149333826.jpg", imageAlt: "Screenshot of bus arrival notifications on mobile"},
{
id: "p4",
name: "Secure In-App Payments",
price: "Fast & Safe",
imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-with-vaccination-passports_23-2149351544.jpg",
imageAlt: "Screenshot of secure payment screen on mobile",
},
id: "p4", name: "Secure In-App Payments", price: "Fast & Safe", imageSrc: "http://img.b2bpic.net/free-photo/couple-traveling-with-vaccination-passports_23-2149351544.jpg", imageAlt: "Screenshot of secure payment screen on mobile"},
{
id: "p5",
name: "Personalized Profile & History",
price: "Your Data",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114059.jpg",
imageAlt: "Screenshot of user profile with booking history on mobile",
},
id: "p5", name: "Personalized Profile & History", price: "Your Data", imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114059.jpg", imageAlt: "Screenshot of user profile with booking history on mobile"},
{
id: "p6",
name: "Direct Support Chat",
price: "24/7",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-document_23-2149035888.jpg",
imageAlt: "Screenshot of in-app customer support chat on mobile",
},
id: "p6", name: "Direct Support Chat", price: "24/7", imageSrc: "http://img.b2bpic.net/free-photo/close-up-delivery-man-with-document_23-2149035888.jpg", imageAlt: "Screenshot of in-app customer support chat on mobile"},
]}
title="Your All-in-One Travel Solution"
description="Explore the core functionalities that make BusTrack Connect your essential companion for public transit. Track, book, and journey with confidence."
@@ -267,42 +175,21 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
badge: "Standard",
price: "Free",
subtitle: "Essential tracking & basic booking",
buttons: [
id: "basic", badge: "Standard", price: "Free", subtitle: "Essential tracking & basic booking", buttons: [
{
text: "Start Free",
href: "#",
},
text: "Start Free", href: "#"},
],
features: [
"Live Bus Tracking",
"Basic Seat Booking",
"Email Booking Confirmations",
"Standard Support",
],
"Live Bus Tracking", "Basic Seat Booking", "Email Booking Confirmations", "Standard Support"],
},
{
id: "premium",
badge: "Premium",
badgeIcon: Star,
price: "$9.99/month",
subtitle: "Enhanced features for frequent travelers",
buttons: [
id: "premium", badge: "Premium", badgeIcon={Star},
price: "$9.99/month", subtitle: "Enhanced features for frequent travelers", buttons: [
{
text: "Go Premium",
href: "#",
},
text: "Go Premium", href: "#"},
],
features: [
"Live Bus Tracking & Alerts",
"Priority Seat Reservation",
"Advanced Notifications (e.g., Destination Alert)",
"Priority Customer Support",
"Ad-Free Experience",
],
"Live Bus Tracking & Alerts", "Priority Seat Reservation", "Advanced Notifications (e.g., Destination Alert)", "Priority Customer Support", "Ad-Free Experience"],
},
]}
title="Flexible Plans for Every Traveler"
@@ -316,59 +203,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Never Miss a Bus Again!",
quote: "BusTrack Connect has transformed my daily commute. The live tracking is incredibly accurate, and I love getting notifications right before my stop. It's a game-changer!",
name: "Sarah J.",
role: "Daily Commuter",
imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
imageAlt: "Sarah Johnson",
},
id: "1", title: "Never Miss a Bus Again!", quote: "BusTrack Connect has transformed my daily commute. The live tracking is incredibly accurate, and I love getting notifications right before my stop. It's a game-changer!", name: "Sarah J.", role: "Daily Commuter", imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", imageAlt: "Sarah Johnson"},
{
id: "2",
title: "Booking Made Simple",
quote: "Reserving my seat used to be a hassle, but with this app, it's so quick and easy. I can pick my spot and receive my confirmation instantly. Highly recommend!",
name: "Michael C.",
role: "Frequent Traveler",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg",
imageAlt: "Michael Chen",
},
id: "2", title: "Booking Made Simple", quote: "Reserving my seat used to be a hassle, but with this app, it's so quick and easy. I can pick my spot and receive my confirmation instantly. Highly recommend!", name: "Michael C.", role: "Frequent Traveler", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-sitting-stairs_1262-3109.jpg", imageAlt: "Michael Chen"},
{
id: "3",
title: "Stress-Free Travel",
quote: "The destination notifications are a lifesaver! I can relax during my journey without worrying about missing my stop. This app truly makes travel stress-free.",
name: "Emily R.",
role: "Student",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280708.jpg",
imageAlt: "Emily Rodriguez",
},
id: "3", title: "Stress-Free Travel", quote: "The destination notifications are a lifesaver! I can relax during my journey without worrying about missing my stop. This app truly makes travel stress-free.", name: "Emily R.", role: "Student", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-business-woman-portrait_23-2149280708.jpg", imageAlt: "Emily Rodriguez"},
{
id: "4",
title: "Reliable and Accurate",
quote: "I've tried other tracking apps, but BusTrack Connect is by far the most reliable. The real-time updates are always spot-on, helping me plan my day better.",
name: "David K.",
role: "Business Professional",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg",
imageAlt: "David Kim",
},
id: "4", title: "Reliable and Accurate", quote: "I've tried other tracking apps, but BusTrack Connect is by far the most reliable. The real-time updates are always spot-on, helping me plan my day better.", name: "David K.", role: "Business Professional", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-successful-goodlooking-young-professional-headhunter-female-entrepreneur-office-worker-beige-blazer-look-away-cross-hands-chest-confident-manage-own-business_197531-30576.jpg", imageAlt: "David Kim"},
{
id: "5",
title: "Excellent Customer Service",
quote: "Had an issue with a booking, and their support team was incredibly fast and helpful. It's great to know there's reliable assistance available.",
name: "Jessica L.",
role: "Casual Rider",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
imageAlt: "Jessica L.",
},
id: "5", title: "Excellent Customer Service", quote: "Had an issue with a booking, and their support team was incredibly fast and helpful. It's great to know there's reliable assistance available.", name: "Jessica L.", role: "Casual Rider", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", imageAlt: "Jessica L."},
{
id: "6",
title: "Perfect for Planning Ahead",
quote: "Being able to book seats in advance and track my bus gives me so much peace of mind. It's an indispensable tool for anyone who relies on bus travel.",
name: "Robert S.",
role: "Pensioner",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg",
imageAlt: "Robert S.",
},
id: "6", title: "Perfect for Planning Ahead", quote: "Being able to book seats in advance and track my bus gives me so much peace of mind. It's an indispensable tool for anyone who relies on bus travel.", name: "Robert S.", role: "Pensioner", imageSrc: "http://img.b2bpic.net/free-photo/smiling-customer-holding-mobile-phone_1170-1374.jpg", imageAlt: "Robert S."},
]}
title="What Our Passengers Say"
description="Hear from travelers who experience effortless journeys every day with BusTrack Connect."
@@ -381,30 +226,15 @@ 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 highly accurate, real-time locations of your bus, updated every few seconds. While minor delays can occur due to traffic or operational issues, we strive for 99.9% accuracy.",
},
id: "q1", title: "How accurate is the live bus tracking?", content: "Our live bus tracking uses advanced GPS technology to provide highly accurate, real-time locations of your bus, updated every few seconds. While minor delays can occur due to traffic or operational issues, we strive for 99.9% accuracy."},
{
id: "q2",
title: "How do I book a seat?",
content: "Booking a seat is simple! Select your route and desired time, then tap on the 'Book Seat' option. You'll see a bus layout where you can choose your preferred seat. Confirm your selection and proceed to payment if applicable.",
},
id: "q2", title: "How do I book a seat?", content: "Booking a seat is simple! Select your route and desired time, then tap on the 'Book Seat' option. You'll see a bus layout where you can choose your preferred seat. Confirm your selection and proceed to payment if applicable."},
{
id: "q3",
title: "What kind of notifications will I receive?",
content: "You'll receive email confirmations for all reservations. For live tracking, we offer customizable notifications including 'bus approaching' alerts and '10 minutes to destination' reminders, ensuring you're always prepared.",
},
id: "q3", title: "What kind of notifications will I receive?", content: "You'll receive email confirmations for all reservations. For live tracking, we offer customizable notifications including 'bus approaching' alerts and '10 minutes to destination' reminders, ensuring you're always prepared."},
{
id: "q4",
title: "Is my payment information secure?",
content: "Absolutely. We use industry-standard encryption and security protocols to protect all your payment information. Your data privacy and security are our top priorities.",
},
id: "q4", title: "Is my payment information secure?", content: "Absolutely. We use industry-standard encryption and security protocols to protect all your payment information. Your data privacy and security are our top priorities."},
{
id: "q5",
title: "Can I cancel or modify my booking?",
content: "Yes, you can cancel or modify your booking through your account settings, subject to our cancellation policy. Please check the terms and conditions for specific details regarding refunds or changes.",
},
id: "q5", title: "Can I cancel or modify my booking?", content: "Yes, you can cancel or modify your booking through your account settings, subject to our cancellation policy. Please check the terms and conditions for specific details regarding refunds or changes."},
]}
imageSrc="http://img.b2bpic.net/free-photo/pensive-young-woman-holding-calculator-white-background_1149-2002.jpg"
imageAlt="Person interacting with bus tracking app on phone, surrounded by question marks"
@@ -421,14 +251,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Global Transit Co.",
"CityConnect Apps",
"SecurePay Solutions",
"RouteMaster AI",
"MapVision Tech",
"TravelSmart Innovations",
"ClientCare Hub",
]}
"Global Transit Co.", "CityConnect Apps", "SecurePay Solutions", "RouteMaster AI", "MapVision Tech", "TravelSmart Innovations", "ClientCare Hub"]}
title="Trusted by Leading Transport & Tech Innovators"
description="Our partnerships ensure a reliable and cutting-edge experience for every passenger."
/>
@@ -438,18 +261,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
text="Have a question or need assistance? Our team is here to help you every step of the way."
buttons={[
{
text: "Contact Support",
href: "#",
},
text: "Contact Support", href: "#"},
{
text: "Send an Email",
href: "mailto:support@bustrackconnect.com",
},
text: "Send an Email", href: "mailto:support@bustrackconnect.com"},
]}
/>
</div>
@@ -460,49 +278,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Features",
href: "#features",
},
label: "Features", href: "#features"},
{
label: "Booking",
href: "#booking",
},
label: "Booking", href: "#booking"},
],
},
{
items: [
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
],
},
]}