Merge version_1 into main #2
340
src/app/page.tsx
340
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="SwiftBus"
|
||||
/>
|
||||
@@ -55,105 +43,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Your Next Adventure Starts Here"
|
||||
description="Welcome to SwiftBus. Please enter your journey details to check schedules, seat availability, and pricing in real-time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers",
|
||||
handle: "@arivers",
|
||||
testimonial: "SwiftBus made my commute so much easier and cheaper than other options.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg?_wi=1",
|
||||
imageAlt: "modern bus station architecture",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@jlee",
|
||||
testimonial: "I love the real-time seat availability feature. Never worried about being stranded.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg?_wi=1",
|
||||
imageAlt: "modern bus station architecture",
|
||||
},
|
||||
{
|
||||
name: "Sam Taylor",
|
||||
handle: "@staylor",
|
||||
testimonial: "Affordable prices and great timing. Highly recommended for daily travel.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg?_wi=1",
|
||||
imageAlt: "modern bus station architecture",
|
||||
},
|
||||
{
|
||||
name: "Morgan West",
|
||||
handle: "@mwest",
|
||||
testimonial: "The user experience is seamless. Booking a seat takes seconds.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg?_wi=1",
|
||||
imageAlt: "modern bus station architecture",
|
||||
},
|
||||
{
|
||||
name: "Jordan Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Everything is transparent, from pricing to seat layout. Excellent service.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg?_wi=1",
|
||||
imageAlt: "modern bus station architecture",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg?_wi=2"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/train-railway-station-covered-with-snow-winter_181624-10439.jpg",
|
||||
alt: "Train in a railway station covered with snow in winter",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-public-transport-composition_23-2148967316.jpg",
|
||||
alt: "High angle public transport composition",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-french-woman-walking-station-take-bus_23-2149353919.jpg",
|
||||
alt: "Young french woman walking to the station to take the bus",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/minimalist-hallways-background_23-2149745331.jpg",
|
||||
alt: "Minimalist hallways background",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-electronic-led-scoreboard-displaying-game-scores_187299-47404.jpg",
|
||||
alt: "Modern Electronic LED Scoreboard Displaying Game Scores",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ daily commuters"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Tracking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Instant Booking",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure Payments",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reliable Service",
|
||||
},
|
||||
{ name: "Alex Rivers", handle: "@arivers", testimonial: "SwiftBus made my commute so much easier and cheaper than other options.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg", imageAlt: "modern bus station architecture" },
|
||||
{ name: "Jamie Lee", handle: "@jlee", testimonial: "I love the real-time seat availability feature. Never worried about being stranded.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg", imageAlt: "modern bus station architecture" },
|
||||
{ name: "Sam Taylor", handle: "@staylor", testimonial: "Affordable prices and great timing. Highly recommended for daily travel.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg", imageAlt: "modern bus station architecture" },
|
||||
{ name: "Morgan West", handle: "@mwest", testimonial: "The user experience is seamless. Booking a seat takes seconds.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg", imageAlt: "modern bus station architecture" },
|
||||
{ name: "Jordan Smith", handle: "@jsmith", testimonial: "Everything is transparent, from pricing to seat layout. Excellent service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg", imageAlt: "modern bus station architecture" }
|
||||
]}
|
||||
buttons={[{ text: "Start Booking", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/square-front-modern-office-buildings_1359-867.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -163,21 +64,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Real-time Timing",
|
||||
description: "Get accurate arrival and departure times instantly.",
|
||||
},
|
||||
{
|
||||
icon: CreditCard,
|
||||
title: "Transparent Pricing",
|
||||
description: "No hidden fees, just affordable travel costs.",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
title: "Seat Selection",
|
||||
description: "Pick your favorite seat with our interactive map.",
|
||||
},
|
||||
{ icon: Clock, title: "Real-time Timing", description: "Get accurate arrival and departure times instantly." },
|
||||
{ icon: CreditCard, title: "Transparent Pricing", description: "No hidden fees, just affordable travel costs." },
|
||||
{ icon: Star, title: "Seat Selection", description: "Pick your favorite seat with our interactive map." }
|
||||
]}
|
||||
title="Why Choose SwiftBus?"
|
||||
description="We provide the most convenient travel solutions for your daily commutes."
|
||||
@@ -186,57 +75,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Economy",
|
||||
price: "$15",
|
||||
subtitle: "Budget-friendly travel",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Standard Seat",
|
||||
"AC Included",
|
||||
"Free Wi-Fi",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Business",
|
||||
price: "$30",
|
||||
subtitle: "Luxury commute experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Reclining Seat",
|
||||
"Charging Port",
|
||||
"Extra Legroom",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "First Class",
|
||||
price: "$50",
|
||||
subtitle: "The premium journey",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"VIP Lounge Access",
|
||||
"Meal Included",
|
||||
"Priority Boarding",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Economy", price: "$15", subtitle: "Budget-friendly travel", buttons: [{ text: "Select" }], features: ["Standard Seat", "AC Included", "Free Wi-Fi"] },
|
||||
{ id: "pro", badge: "Business", price: "$30", subtitle: "Luxury commute experience", buttons: [{ text: "Select" }], features: ["Reclining Seat", "Charging Port", "Extra Legroom"] },
|
||||
{ id: "premium", badge: "First Class", price: "$50", subtitle: "The premium journey", buttons: [{ text: "Select" }], features: ["VIP Lounge Access", "Meal Included", "Priority Boarding"] }
|
||||
]}
|
||||
title="Affordable Travel Plans"
|
||||
description="Choose the pricing model that fits your budget."
|
||||
@@ -250,34 +95,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "s1",
|
||||
name: "Seat 1A - Window",
|
||||
price: "$15",
|
||||
variant: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
name: "Seat 1B - Aisle",
|
||||
price: "$15",
|
||||
variant: "Booked",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
name: "Seat 2A - Window",
|
||||
price: "$15",
|
||||
variant: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "s4",
|
||||
name: "Seat 2B - Aisle",
|
||||
price: "$15",
|
||||
variant: "Available",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-bus-driver_23-2151589869.jpg",
|
||||
},
|
||||
{ id: "s1", name: "Seat 1A - Window", price: "$15", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/stock-market-graph-business-analysis-investment-monitors_482257-29619.jpg" },
|
||||
{ id: "s2", name: "Seat 1B - Aisle", price: "$15", variant: "Booked", imageSrc: "http://img.b2bpic.net/free-photo/shopping-online-use-credit-card-pay-online_1421-107.jpg" },
|
||||
{ id: "s3", name: "Seat 2A - Window", price: "$15", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/bright-blue-seats-empty-train-germany_181624-26558.jpg" },
|
||||
{ id: "s4", name: "Seat 2B - Aisle", price: "$15", variant: "Available", imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-bus-driver_23-2151589869.jpg" }
|
||||
]}
|
||||
title="Live Availability"
|
||||
description="Check current seat status for your route."
|
||||
@@ -291,21 +112,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
description: "Daily Passengers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500+",
|
||||
description: "Routes Covered",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "On-time Arrivals",
|
||||
},
|
||||
{ id: "m1", value: "10K+", description: "Daily Passengers" },
|
||||
{ id: "m2", value: "500+", description: "Routes Covered" },
|
||||
{ id: "m3", value: "99%", description: "On-time Arrivals" }
|
||||
]}
|
||||
title="SwiftBus by the Numbers"
|
||||
description="Trusted by thousands every day."
|
||||
@@ -318,41 +127,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex Rivers",
|
||||
role: "Commuter",
|
||||
testimonial: "Excellent punctuality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jamie Lee",
|
||||
role: "Traveler",
|
||||
testimonial: "Very comfortable seats.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-traveler_23-2148938538.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sam Taylor",
|
||||
role: "Student",
|
||||
testimonial: "Best pricing in city.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-luggage_23-2148695424.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Morgan West",
|
||||
role: "Executive",
|
||||
testimonial: "Smooth booking process.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jordan Smith",
|
||||
role: "Tourist",
|
||||
testimonial: "Friendly staff and clean buses.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/back-view-traveler-looking-clock_23-2148228482.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex Rivers", role: "Commuter", testimonial: "Excellent punctuality.", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-cheerful-young-woman-with-smartphone-hand-sitting-street-bench-rejoicing_1258-206033.jpg" },
|
||||
{ id: "2", name: "Jamie Lee", role: "Traveler", testimonial: "Very comfortable seats.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-traveler_23-2148938538.jpg" },
|
||||
{ id: "3", name: "Sam Taylor", role: "Student", testimonial: "Best pricing in city.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-with-luggage_23-2148695424.jpg" },
|
||||
{ id: "4", name: "Morgan West", role: "Executive", testimonial: "Smooth booking process.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-doing-thumbs-up-sign_23-2148631398.jpg" },
|
||||
{ id: "5", name: "Jordan Smith", role: "Tourist", testimonial: "Friendly staff and clean buses.", imageSrc: "http://img.b2bpic.net/free-photo/back-view-traveler-looking-clock_23-2148228482.jpg" }
|
||||
]}
|
||||
title="Passenger Stories"
|
||||
description="Hear from our happy travelers."
|
||||
@@ -364,21 +143,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a ticket?",
|
||||
content: "Enter your route in the contact form, and we will email you the booking link.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Can I cancel my ticket?",
|
||||
content: "Yes, cancellations are allowed up to 2 hours before departure.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there discounts for students?",
|
||||
content: "We offer 10% discount for students with valid IDs.",
|
||||
},
|
||||
{ id: "q1", title: "How do I book a ticket?", content: "Enter your route in the contact form, and we will email you the booking link." },
|
||||
{ id: "q2", title: "Can I cancel my ticket?", content: "Yes, cancellations are allowed up to 2 hours before departure." },
|
||||
{ id: "q3", title: "Are there discounts for students?", content: "We offer 10% discount for students with valid IDs." }
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Answers to common travel queries."
|
||||
@@ -389,18 +156,11 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Inquire"
|
||||
title="Book Your Seat Now"
|
||||
description="Share your name, origin, destination, and budget to get the best bus schedule and pricing."
|
||||
buttons={[
|
||||
{
|
||||
text: "Submit Details",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Submit Details", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -408,32 +168,8 @@ export default function LandingPage() {
|
||||
<FooterBaseReveal
|
||||
logoText="SwiftBus"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Help",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#hero" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "Help", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user