diff --git a/src/app/signup/page.tsx b/src/app/signup/page.tsx
new file mode 100644
index 0000000..48ab3fd
--- /dev/null
+++ b/src/app/signup/page.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import ContactForm from '@/components/form/ContactForm';
+
+export default function SignupPage() {
+  const [email, setEmail] = useState("");
+
+  const handleSignup = (email: string) => {
+    console.log("Signing up:", email);
+  };
+
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="medium"
+        sizing="largeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="solid"
+        primaryButtonStyle="double-inset"
+        secondaryButtonStyle="solid"
+        headingFontWeight="medium"
+    >
+      <NavbarStyleFullscreen
+        navItems={[{ name: "Home", id: "/" }, { name: "Login", id: "/login" }]}
+        brandName="YatraNepal"
+      />
+      <div className="min-h-screen flex items-center justify-center pt-24">
+        <ContactForm
+          title="Join YatraNepal"
+          description="Create your account to start booking bus tickets."
+          tag="Sign Up"
+          buttonText="Create Account"
+          onSubmit={handleSignup}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file