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,16 +32,12 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "features" },
-        {
+        { name: "Admin Dashboard", id: "admin" },
-          name: "Services",          id: "features"},
+        { name: "Booking", id: "product" },
-        {
+        { name: "Testimonials", id: "testimonials" },
-          name: "Booking",          id: "product"},
+        { name: "FAQ", id: "faq" },
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "FAQ",          id: "faq"},
       ]}
       brandName="YatraNepal"
     />
@@ -49,58 +46,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
+      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={[
+      testimonials={[]}
-        {
+      buttons={[{ text: "Book Now", href: "#product" }, { text: "Learn More", href: "#about" }]}
-          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"
-      avatars={[
+    />
-        {
+  </div>
-          src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28060.jpg",          alt: "Traveller portrait"},
+
-        {
+  <div id="admin" data-section="admin">
-          src: "http://img.b2bpic.net/free-photo/handsome-man-standing-near-airport_1157-28059.jpg",          alt: "Traveller portrait"},
+    <FeatureCardEight
-        {
+      title="Admin Control Panel"
-          src: "http://img.b2bpic.net/free-photo/businessman-with-luggage-using-mobile-phone_107420-95917.jpg",          alt: "Traveller portrait"},
+      description="Monitor your fleet, manage updates, and analyze performance data in real-time."
-        {
+      textboxLayout="split"
-          src: "http://img.b2bpic.net/free-photo/young-girl-sitting-reading-book-drinking-coffee-outside-street_1303-21688.jpg",          alt: "Traveller portrait"},
+      useInvertedBackground={true}
-        {
+      features={[
-          src: "http://img.b2bpic.net/free-photo/passenger-waiting-station-smiles_23-2148770986.jpg",          alt: "Traveller portrait"},
+        { 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" },
-      marqueeItems={[
+        { 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" }
-        {
-          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>
@@ -108,18 +73,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
-      heading={[
+      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" }]}
-          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>
 
@@ -128,12 +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: "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: "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."
@@ -147,24 +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: "1",          brand: "Luxury",          name: "Kathmandu to Pokhara",          price: "Rs. 1,200",          rating: 5,
+        { 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" }
-          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."
@@ -176,14 +112,7 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="YatraNepal in Numbers"
       tag="Trusted by Thousands"
-      metrics={[
+      metrics={[{ id: "1", value: "50,000+", description: "Happy Passengers" }, { id: "2", value: "150+", description: "Verified Buses" }, { id: "3", value: "45+", description: "Daily Routes" }]}
-        {
-          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>
@@ -193,18 +122,7 @@ 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."
     />
@@ -214,20 +132,7 @@ 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>
@@ -235,23 +140,17 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "rotated-rays-animated" }}
-        variant: "rotated-rays-animated"}}
       text="Need assistance? Our support team is ready to help 24/7."
-      buttons={[
+      buttons={[{ text: "Contact Support", href: "mailto:hello@yatranepal.com" }]}
-        {
-          text: "Contact Support",          href: "mailto:hello@yatranepal.com"},
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="YatraNepal"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",        href: "#"}}
+      rightLink={{ text: "Terms of Service", href: "#" }}
-      rightLink={{
-        text: "Terms of Service",        href: "#"}}
     />
   </div>
       </ReactLenis>

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>
+  );
+}