diff --git a/src/app/register/page.tsx b/src/app/register/page.tsx
new file mode 100644
index 0000000..c57cce0
--- /dev/null
+++ b/src/app/register/page.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import { useState } from "react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+
+export default function RegisterPage() {
+  const [email, setEmail] = useState("");
+  const [password, setPassword] = useState("");
+
+  return (
+    <ThemeProvider>
+      <NavbarStyleApple
+        navItems={[
+          { name: "Home", id: "/" },
+          { name: "Login", id: "/login" },
+          { name: "Register", id: "/register" },
+        ]}
+        brandName="FinanceAI"
+      />
+      <div className="min-h-screen flex items-center justify-center pt-24 pb-12">
+        <div className="max-w-md w-full p-8 border rounded-lg shadow-lg bg-card">
+          <h1 className="text-2xl font-bold mb-6 text-center">Create Account</h1>
+          <input 
+            type="email" 
+            placeholder="Email" 
+            className="w-full p-3 mb-4 border rounded"
+            value={email}
+            onChange={(e) => setEmail(e.target.value)}
+          />
+          <input 
+            type="password" 
+            placeholder="Password" 
+            className="w-full p-3 mb-6 border rounded"
+            value={password}
+            onChange={(e) => setPassword(e.target.value)}
+          />
+          <button className="w-full p-3 bg-primary text-white rounded font-bold">
+            Register
+          </button>
+        </div>
+      </div>
+      <FooterCard logoText="FinanceAI" />
+    </ThemeProvider>
+  );
+}
\ No newline at end of file