diff --git a/src/app/search/page.tsx b/src/app/search/page.tsx
new file mode 100644
index 0000000..dcb8feb
--- /dev/null
+++ b/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>
+  );
+}
\ No newline at end of file