From 7f8f14b7b6f23d1e9d2b4d9f26b2156fc7449643 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 03:51:27 +0000
Subject: [PATCH] Add src/app/sign-in/page.tsx

---
 src/app/sign-in/page.tsx | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 src/app/sign-in/page.tsx

diff --git a/src/app/sign-in/page.tsx b/src/app/sign-in/page.tsx
new file mode 100644
index 0000000..7796153
--- /dev/null
+++ b/src/app/sign-in/page.tsx
@@ -0,0 +1,28 @@
+"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 ButtonDirectionalHover from '@/components/button/ButtonDirectionalHover/ButtonDirectionalHover';
+
+export default function SignInPage() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  return (
+    <ThemeProvider>
+      <NavbarStyleFullscreen navItems={[{name: "Home", id: "/"}, {name: "Sign Up", id: "/sign-up"}]} brandName="LuminaWrite" />
+      <div className="flex items-center justify-center min-h-screen">
+        <div className="max-w-md w-full p-8 border rounded-xl">
+          <h1 className="text-2xl font-bold mb-6">Sign In</h1>
+          <form className="space-y-4" onSubmit={(e) => e.preventDefault()}>
+            <Input value={email} onChange={setEmail} type="email" placeholder="Email" required />
+            <Input value={password} onChange={setPassword} type="password" placeholder="Password" required />
+            <ButtonDirectionalHover text="Sign In" className="w-full" />
+          </form>
+        </div>
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file