From 609d8872cefb515c9c2dde9b260712100d1b6fa9 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 03:31:05 +0000
Subject: [PATCH] Add src/app/signup/page.tsx

---
 src/app/signup/page.tsx | 43 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)
 create mode 100644 src/app/signup/page.tsx

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