bender/080f4cb2-e016-41c7-a338-622d9cddc8df
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-14 03:21:31 +00:00
parent 490d040ad7
commit 2a725fa893
1 changed files with 64 additions and 237 deletions
Download Patch File Download Diff File Expand all files Collapse all files

301
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Services",
id: "features",
},
name: "Services", id: "features"},
{
name: "Booking",
id: "product",
},
name: "Booking", id: "product"},
{
name: "Testimonials",
id: "testimonials",
},
name: "Testimonials", id: "testimonials"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="YatraNepal"
/>
@@ -60,107 +50,57 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Travel Across Nepal with YatraNepal"
description="Seamless, real-time, and secure bus booking. Experience the best way to travel between cities with live tracking, e-tickets, and verified comfort."
testimonials={[
{
name: "Anil K.",
handle: "@anilk",
testimonial: "Best bus booking service I've ever used in Nepal. Real-time GPS is a game changer!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confused-young-woman-looking-her-smartphone-app-with-shocked-disappointed-face-sh_1258-151526.jpg?_wi=1",
imageAlt: "luxury bus travel Nepal",
},
name: "Anil K.", handle: "@anilk", testimonial: "Best bus booking service I've ever used in Nepal. Real-time GPS is a game changer!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-confused-young-woman-looking-her-smartphone-app-with-shocked-disappointed-face-sh_1258-151526.jpg?_wi=1", imageAlt: "luxury bus travel Nepal"},
{
name: "Sunita R.",
handle: "@sunitar",
testimonial: "The digital QR ticket saved so much time. Highly recommend YatraNepal.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/western-female-backpacker-using-her-phone-indian-train_53876-65348.jpg",
imageAlt: "luxury bus travel Nepal",
},
name: "Sunita R.", handle: "@sunitar", testimonial: "The digital QR ticket saved so much time. Highly recommend YatraNepal.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/western-female-backpacker-using-her-phone-indian-train_53876-65348.jpg", imageAlt: "luxury bus travel Nepal"},
{
name: "Bimal T.",
handle: "@bimalt",
testimonial: "Very convenient, payment through eSewa worked seamlessly. Five stars.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-using-her-mobile-phone-bus_23-2148753445.jpg?_wi=1",
imageAlt: "luxury bus travel Nepal",
},
name: "Bimal T.", handle: "@bimalt", testimonial: "Very convenient, payment through eSewa worked seamlessly. Five stars.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-using-her-mobile-phone-bus_23-2148753445.jpg?_wi=1", imageAlt: "luxury bus travel Nepal"},
{
name: "Rina M.",
handle: "@rinam",
testimonial: "Safe, reliable, and comfortable. My go-to for Kathmandu-Pokhara trips.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-laptop-concept_53876-125037.jpg?_wi=1",
imageAlt: "luxury bus travel Nepal",
},
name: "Rina M.", handle: "@rinam", testimonial: "Safe, reliable, and comfortable. My go-to for Kathmandu-Pokhara trips.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-laptop-concept_53876-125037.jpg?_wi=1", imageAlt: "luxury bus travel Nepal"},
{
name: "Sajan P.",
handle: "@sajanp",
testimonial: "Excellent service and arrival updates kept me informed throughout the journey.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-person-doing-internet-shopping-using-cellphone_482257-115489.jpg?_wi=1",
imageAlt: "luxury bus travel Nepal",
},
name: "Sajan P.", handle: "@sajanp", testimonial: "Excellent service and arrival updates kept me informed throughout the journey.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-person-doing-internet-shopping-using-cellphone_482257-115489.jpg?_wi=1", imageAlt: "luxury bus travel Nepal"},
]}
buttons={[
{
text: "Book Now",
href: "#product",
},
text: "Book Now", href: "#product"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-confused-young-woman-looking-her-smartphone-app-with-shocked-disappointed-face-sh_1258-151526.jpg?_wi=2"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28060.jpg",
alt: "Traveller portrait",
},
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28060.jpg", alt: "Traveller portrait"},
{
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28059.jpg",
alt: "Traveller portrait",
},
src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28059.jpg", alt: "Traveller portrait"},
{
src: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg",
alt: "Traveller portrait",
},
src: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg", alt: "Traveller portrait"},
{
src: "http://img.b2bpic.net/free-photo/young-girl-sitting-reading-book-drinking-coffee-outside-street_1303-21688.jpg",
alt: "Traveller portrait",
},
src: "http://img.b2bpic.net/free-photo/young-girl-sitting-reading-book-drinking-coffee-outside-street_1303-21688.jpg", alt: "Traveller portrait"},
{
src: "http://img.b2bpic.net/free-photo/passenger-waiting-station-smiles_23-2148770986.jpg",
alt: "Traveller portrait",
},
src: "http://img.b2bpic.net/free-photo/passenger-waiting-station-smiles_23-2148770986.jpg", alt: "Traveller portrait"},
]}
marqueeItems={[
{
type: "text",
text: "Trusted by 50,000+ passengers",
},
type: "text", text: "Trusted by 50,000+ passengers"},
{
type: "text",
text: "150+ Verified Buses",
},
type: "text", text: "150+ Verified Buses"},
{
type: "text",
text: "Real-time GPS tracking",
},
type: "text", text: "Real-time GPS tracking"},
{
type: "text",
text: "Instant QR e-tickets",
},
type: "text", text: "Instant QR e-tickets"},
{
type: "text",
text: "24/7 Customer Support",
},
type: "text", text: "24/7 Customer Support"},
]}
/>
</div>
@@ -170,24 +110,15 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Redefining Travel in ",
},
type: "text", content: "Redefining Travel in "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/western-female-backpacker-using-her-phone-indian-train_53876-65348.jpg",
alt: "Yatra Bus",
},
type: "image", src: "http://img.b2bpic.net/free-photo/western-female-backpacker-using-her-phone-indian-train_53876-65348.jpg", alt: "Yatra Bus"},
{
type: "text",
content: " Nepal",
},
type: "text", content: " Nepal"},
]}
buttons={[
{
text: "Explore Features",
href: "#features",
},
text: "Explore Features", href: "#features"},
]}
/>
</div>
@@ -198,26 +129,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
tag: "Digital",
title: "QR Digital Tickets",
subtitle: "Seamless entry",
description: "No paper needed. Use your smartphone to display your QR ticket at boarding.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-using-her-mobile-phone-bus_23-2148753445.jpg?_wi=2",
},
tag: "Digital", title: "QR Digital Tickets", subtitle: "Seamless entry", description: "No paper needed. Use your smartphone to display your QR ticket at boarding.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-using-her-mobile-phone-bus_23-2148753445.jpg?_wi=2"},
{
tag: "Live",
title: "GPS Tracking",
subtitle: "Real-time updates",
description: "Know exactly where your bus is at any moment during your journey.",
imageSrc: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-laptop-concept_53876-125037.jpg?_wi=2",
},
tag: "Live", title: "GPS Tracking", subtitle: "Real-time updates", description: "Know exactly where your bus is at any moment during your journey.", imageSrc: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-laptop-concept_53876-125037.jpg?_wi=2"},
{
tag: "Secure",
title: "Integrated Payments",
subtitle: "eSewa, Khalti, IME",
description: "Multiple secure payment gateways for a frictionless booking experience.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-person-doing-internet-shopping-using-cellphone_482257-115489.jpg?_wi=2",
},
tag: "Secure", title: "Integrated Payments", subtitle: "eSewa, Khalti, IME", description: "Multiple secure payment gateways for a frictionless booking experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-person-doing-internet-shopping-using-cellphone_482257-115489.jpg?_wi=2"},
]}
title="Comprehensive Travel Features"
description="Everything you need for a comfortable and efficient journey."
@@ -232,59 +148,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
brand: "Luxury",
name: "Kathmandu to Pokhara",
price: "Rs. 1,200",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/yellow-admission-ticket_1101-3251.jpg",
},
id: "1", brand: "Luxury", name: "Kathmandu to Pokhara", price: "Rs. 1,200", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/yellow-admission-ticket_1101-3251.jpg"},
{
id: "2",
brand: "Standard",
name: "Kathmandu to Chitwan",
price: "Rs. 950",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/copy-space-small-sign-with-black-friday-design_23-2148313146.jpg",
},
id: "2", brand: "Standard", name: "Kathmandu to Chitwan", price: "Rs. 950", rating: 4,
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/copy-space-small-sign-with-black-friday-design_23-2148313146.jpg"},
{
id: "3",
brand: "Luxury",
name: "Pokhara to Butwal",
price: "Rs. 1,500",
rating: 5,
reviewCount: "40",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150455559.jpg",
},
id: "3", brand: "Luxury", name: "Pokhara to Butwal", price: "Rs. 1,500", rating: 5,
reviewCount: "40", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150455559.jpg"},
{
id: "4",
brand: "Standard",
name: "Kathmandu to Dharan",
price: "Rs. 1,800",
rating: 4,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-back-car-talking-phone_1303-20472.jpg",
},
id: "4", brand: "Standard", name: "Kathmandu to Dharan", price: "Rs. 1,800", rating: 4,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-back-car-talking-phone_1303-20472.jpg"},
{
id: "5",
brand: "Luxury",
name: "Pokhara to Janakpur",
price: "Rs. 2,100",
rating: 5,
reviewCount: "35",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus-using-smartphone_23-2148958082.jpg",
},
id: "5", brand: "Luxury", name: "Pokhara to Janakpur", price: "Rs. 2,100", rating: 5,
reviewCount: "35", imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus-using-smartphone_23-2148958082.jpg"},
{
id: "6",
brand: "Standard",
name: "Kathmandu to Biratnagar",
price: "Rs. 1,900",
rating: 4,
reviewCount: "55",
imageSrc: "http://img.b2bpic.net/free-photo/magician-s-hand-wearing-white-gloves-performing-trick-playing-cards_23-2147880760.jpg",
},
id: "6", brand: "Standard", name: "Kathmandu to Biratnagar", price: "Rs. 1,900", rating: 4,
reviewCount: "55", imageSrc: "http://img.b2bpic.net/free-photo/magician-s-hand-wearing-white-gloves-performing-trick-playing-cards_23-2147880760.jpg"},
]}
title="Popular Routes"
description="Book your seat for these high-demand routes today."
@@ -298,20 +178,11 @@ export default function LandingPage() {
tag="Trusted by Thousands"
metrics={[
{
id: "1",
value: "50,000+",
description: "Happy Passengers",
},
id: "1", value: "50,000+", description: "Happy Passengers"},
{
id: "2",
value: "150+",
description: "Verified Buses",
},
id: "2", value: "150+", description: "Verified Buses"},
{
id: "3",
value: "45+",
description: "Daily Routes",
},
id: "3", value: "45+", description: "Daily Routes"},
]}
metricsAnimation="slide-up"
/>
@@ -324,40 +195,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anil K.",
role: "Traveler",
testimonial: "Amazing experience, very helpful app for Nepal travel.",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-with-her-red-suitcase_1139-425.jpg",
},
id: "1", name: "Anil K.", role: "Traveler", testimonial: "Amazing experience, very helpful app for Nepal travel.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-businesswoman-with-her-red-suitcase_1139-425.jpg"},
{
id: "2",
name: "Sunita R.",
role: "Student",
testimonial: "Reliable and fast. Love the notification features.",
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-old-camera-smiling_23-2147846985.jpg",
},
id: "2", name: "Sunita R.", role: "Student", testimonial: "Reliable and fast. Love the notification features.", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-with-old-camera-smiling_23-2147846985.jpg"},
{
id: "3",
name: "Bimal T.",
role: "Business Owner",
testimonial: "Booking system is very intuitive.",
imageSrc: "http://img.b2bpic.net/free-photo/tourism-vacation-excited-guy-tourist-going-holiday-trip-showing-passport-with-tickets-hol_1258-155516.jpg",
},
id: "3", name: "Bimal T.", role: "Business Owner", testimonial: "Booking system is very intuitive.", imageSrc: "http://img.b2bpic.net/free-photo/tourism-vacation-excited-guy-tourist-going-holiday-trip-showing-passport-with-tickets-hol_1258-155516.jpg"},
{
id: "4",
name: "Rina M.",
role: "Tourist",
testimonial: "Great service throughout the trip.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg",
},
id: "4", name: "Rina M.", role: "Tourist", testimonial: "Great service throughout the trip.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg"},
{
id: "5",
name: "Sajan P.",
role: "Professional",
testimonial: "Best bus service, GPS tracking is accurate.",
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
},
id: "5", name: "Sajan P.", role: "Professional", testimonial: "Best bus service, GPS tracking is accurate.", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg"},
]}
title="Passenger Reviews"
description="What our users say about us."
@@ -370,25 +216,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Can I book a seat for someone else?",
content: "Yes, you can enter the passenger's details during the booking process.",
},
id: "1", title: "Can I book a seat for someone else?", content: "Yes, you can enter the passenger's details during the booking process."},
{
id: "2",
title: "What payment methods are supported?",
content: "We support eSewa, Khalti, IME Pay, and major credit cards via Stripe.",
},
id: "2", title: "What payment methods are supported?", content: "We support eSewa, Khalti, IME Pay, and major credit cards via Stripe."},
{
id: "3",
title: "How do I get my ticket?",
content: "Your ticket is generated digitally and sent to your email and accessible via the app.",
},
id: "3", title: "How do I get my ticket?", content: "Your ticket is generated digitally and sent to your email and accessible via the app."},
{
id: "4",
title: "Can I track my bus?",
content: "Yes, our app includes live GPS tracking for all buses on our platform.",
},
id: "4", title: "Can I track my bus?", content: "Yes, our app includes live GPS tracking for all buses on our platform."},
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-men-elbow-bumping-while-greeting-bus-station_637285-12240.jpg"
mediaAnimation="slide-up"
@@ -402,14 +236,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
text="Need assistance? Our support team is ready to help 24/7."
buttons={[
{
text: "Contact Support",
href: "mailto:hello@yatranepal.com",
},
text: "Contact Support", href: "mailto:hello@yatranepal.com"},
]}
/>
</div>
@@ -418,16 +249,12 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="YatraNepal"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
text: "Privacy Policy", href: "#"}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
text: "Terms of Service", href: "#"}}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}