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