From c6ff1f5dbadbf40a5815a79a306c22454d54e101 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 03:28:25 +0000
Subject: [PATCH] Switch to version 2: modified src/app/page.tsx

---
 src/app/page.tsx | 175 +++++++++++++++++++++++++++++++++++++----------
 1 file changed, 138 insertions(+), 37 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9ad1153..91094a1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,6 @@ import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
 
 export default function LandingPage() {
   return (
@@ -32,12 +31,16 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        { name: "Home", id: "hero" },
-        { name: "Services", id: "features" },
-        { name: "Admin Dashboard", id: "admin" },
-        { name: "Booking", id: "product" },
-        { name: "Testimonials", id: "testimonials" },
-        { name: "FAQ", id: "faq" },
+        {
+          name: "Home",          id: "hero"},
+        {
+          name: "Services",          id: "features"},
+        {
+          name: "Booking",          id: "product"},
+        {
+          name: "Testimonials",          id: "testimonials"},
+        {
+          name: "FAQ",          id: "faq"},
       ]}
       brandName="YatraNepal"
     />
@@ -46,26 +49,58 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{ variant: "gradient-bars" }}
+      background={{
+        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={[]}
-      buttons={[{ text: "Book Now", href: "#product" }, { text: "Learn More", href: "#about" }]}
+      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: "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: "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"},
+      ]}
+      buttons={[
+        {
+          text: "Book Now",          href: "#product"},
+        {
+          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"
-    />
-  </div>
-
-  <div id="admin" data-section="admin">
-    <FeatureCardEight
-      title="Admin Control Panel"
-      description="Monitor your fleet, manage updates, and analyze performance data in real-time."
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        { title: "Live GPS Tracking", description: "Monitor the real-time location and status of every bus in your fleet directly from the dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/travel-navigation-journey-vacation-trip-laptop-concept_53876-125037.jpg" },
-        { title: "System Management", description: "Update schedules, bus availability, and pricing configuration with automated deployment.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-person-doing-internet-shopping-using-cellphone_482257-115489.jpg" },
-        { title: "Performance Analytics", description: "Access detailed passenger data, route popularity, and revenue insights for strategic decision-making.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-curly-hair-using-her-mobile-phone-bus_23-2148753445.jpg" }
+      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-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/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"},
+      ]}
+      marqueeItems={[
+        {
+          type: "text",          text: "Trusted by 50,000+ passengers"},
+        {
+          type: "text",          text: "150+ Verified Buses"},
+        {
+          type: "text",          text: "Real-time GPS tracking"},
+        {
+          type: "text",          text: "Instant QR e-tickets"},
+        {
+          type: "text",          text: "24/7 Customer Support"},
       ]}
     />
   </div>
@@ -73,8 +108,18 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
-      heading={[{ 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: "text", content: " Nepal" }]}
-      buttons={[{ text: "Explore Features", href: "#features" }]}
+      heading={[
+        {
+          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: "text",          content: " Nepal"},
+      ]}
+      buttons={[
+        {
+          text: "Explore Features",          href: "#features"},
+      ]}
     />
   </div>
 
@@ -83,9 +128,12 @@ export default function LandingPage() {
       textboxLayout="split"
       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: "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: "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: "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."
@@ -99,8 +147,24 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       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: "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: "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: "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: "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"},
       ]}
       title="Popular Routes"
       description="Book your seat for these high-demand routes today."
@@ -112,7 +176,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="YatraNepal in Numbers"
       tag="Trusted by Thousands"
-      metrics={[{ id: "1", value: "50,000+", description: "Happy Passengers" }, { id: "2", value: "150+", description: "Verified Buses" }, { id: "3", value: "45+", description: "Daily Routes" }]}
+      metrics={[
+        {
+          id: "1",          value: "50,000+",          description: "Happy Passengers"},
+        {
+          id: "2",          value: "150+",          description: "Verified Buses"},
+        {
+          id: "3",          value: "45+",          description: "Daily Routes"},
+      ]}
       metricsAnimation="slide-up"
     />
   </div>
@@ -122,7 +193,18 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
-      testimonials={[]}
+      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: "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: "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"},
+      ]}
       title="Passenger Reviews"
       description="What our users say about us."
     />
@@ -132,7 +214,20 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
-      faqs={[]}
+      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: "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: "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"
+      title="Frequently Asked Questions"
+      description="Find answers to common questions about YatraNepal."
       faqsAnimation="slide-up"
     />
   </div>
@@ -140,17 +235,23 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{ variant: "rotated-rays-animated" }}
+      background={{
+        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" }]}
+      buttons={[
+        {
+          text: "Contact Support",          href: "mailto:hello@yatranepal.com"},
+      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="YatraNepal"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
+      leftLink={{
+        text: "Privacy Policy",        href: "#"}}
+      rightLink={{
+        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>