diff --git a/src/app/page.tsx b/src/app/page.tsx index 89a4a49..e0f8ca8 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -34,38 +34,22 @@ export default function LandingPage() { @@ -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" /> @@ -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" /> @@ -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" /> @@ -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" /> @@ -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" /> @@ -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() { @@ -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: "#"}, ], }, ]}