Add src/app/search/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -12,6 +12,7 @@ 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 (
@@ -31,26 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Booking",
-          id: "product",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "FAQ",
-          id: "faq",
-        },
+        { 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" },
       ]}
       brandName="YatraNepal"
     />
@@ -59,108 +46,26 @@ 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={[
-        {
-          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",
-        },
-      ]}
+      testimonials={[]}
+      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"
-      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>
+
+  <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" }
       ]}
     />
   </div>
@@ -168,27 +73,8 @@ 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>
 
@@ -197,27 +83,9 @@ 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."
@@ -231,60 +99,8 @@ 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: "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",
-        },
+        { 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" }
       ]}
       title="Popular Routes"
       description="Book your seat for these high-demand routes today."
@@ -296,23 +112,7 @@ 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>
@@ -322,43 +122,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       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: "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",
-        },
-      ]}
+      testimonials={[]}
       title="Passenger Reviews"
       description="What our users say about us."
     />
@@ -368,32 +132,7 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="split"
       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: "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."
+      faqs={[]}
       faqsAnimation="slide-up"
     />
   </div>
@@ -401,33 +140,20 @@ 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>
     </ThemeProvider>
   );
-}
+}

src/app/search/page.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import Input from '@/components/form/Input';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function BusSearchPage() {
+  const [from, setFrom] = useState("");
+  const [to, setTo] = useState("");
+
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen
+        navItems={[{ name: "Home", id: "/" }, { name: "Search Buses", id: "/search" }]} 
+        brandName="YatraNepal"
+      />
+      <div className="min-h-screen pt-32 pb-20 px-6 max-w-4xl mx-auto">
+        <h1 className="text-4xl font-bold mb-8 text-center">Search Your Journey</h1>
+        <div className="grid gap-6 md:grid-cols-2 p-8 bg-white/5 rounded-2xl">
+          <Input value={from} onChange={setFrom} placeholder="From (e.g. Kathmandu)" />
+          <Input value={to} onChange={setTo} placeholder="To (e.g. Pokhara)" />
+          <button className="md:col-span-2 px-6 py-3 bg-primary text-white rounded-full font-bold hover:opacity-90 transition">
+            Find Buses
+          </button>
+        </div>
+        <div className="mt-12">
+            {/* Placeholder for future bus results */}
+            <p className="text-center opacity-60">Enter details to search for available buses.</p>
+        </div>
+      </div>
+      <FooterLogoReveal
+        logoText="YatraNepal"
+        leftLink={{ text: "Privacy Policy", href: "#" }}
+        rightLink={{ text: "Terms of Service", href: "#" }}
+      />
+    </ThemeProvider>
+  );
+}