diff --git a/public/assets/icons/facebook.svg b/public/assets/icons/facebook.svg
new file mode 100644
index 0000000..2d9708f
--- /dev/null
+++ b/public/assets/icons/facebook.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/icons/google.svg b/public/assets/icons/google.svg
new file mode 100644
index 0000000..d3cdb87
--- /dev/null
+++ b/public/assets/icons/google.svg
@@ -0,0 +1,6 @@
+
diff --git a/public/assets/icons/x.svg b/public/assets/icons/x.svg
new file mode 100644
index 0000000..e029688
--- /dev/null
+++ b/public/assets/icons/x.svg
@@ -0,0 +1,3 @@
+
diff --git a/public/assets/logo.svg b/public/assets/logo.svg
new file mode 100644
index 0000000..c0ef4f5
--- /dev/null
+++ b/public/assets/logo.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/app/login/page.tsx b/src/app/login/page.tsx
index 1f03186..27a79e9 100644
--- a/src/app/login/page.tsx
+++ b/src/app/login/page.tsx
@@ -1,22 +1,24 @@
-"use client";
+'use client';
-import { signIn } from "next-auth/react";
-import { useState } from "react";
-import { useRouter } from "next/navigation";
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { signIn } from 'next-auth/react';
+import Link from 'next/link';
export default function LoginPage() {
const router = useRouter();
- const [email, setEmail] = useState("");
- const [password, setPassword] = useState("");
- const [error, setError] = useState("");
+ const [email, setEmail] = useState('');
+ const [password, setPassword] = useState('');
+ const [showPassword, setShowPassword] = useState(false);
+ const [error, setError] = useState('');
const [loading, setLoading] = useState(false);
- const handleCredentialsLogin = async (e: React.FormEvent) => {
+ const handleSubmit = async (e: React.FormEvent) => {
e.preventDefault();
setLoading(true);
- setError("");
+ setError('');
- const result = await signIn("credentials", {
+ const result = await signIn('credentials', {
email,
password,
redirect: false,
@@ -25,151 +27,146 @@ export default function LoginPage() {
setLoading(false);
if (result?.error) {
- setError("Invalid email or password");
+ setError('Invalid email or password');
} else {
- router.push("/");
+ router.push('/');
router.refresh();
}
};
- const handleSocialLogin = (provider: "google" | "facebook") => {
- signIn(provider, { callbackUrl: "/" });
+ const handleSocialLogin = (provider: 'google' | 'facebook' | 'twitter') => {
+ signIn(provider, { callbackUrl: '/' });
};
return (
-
-
-
-
- Real Estate Platform
-
-
- Sign in to your account
+
+
+ {/* Logo */}
+
+

+
+
+ {/* Login Heading */}
+
+
Login
+
+ Sign in to your account to access your real estate dashboard and manage your properties
- {/* SSO Buttons */}
-
-
-
-
-
-
-
-
-
-
- Or continue with email
-
-
-
-
- {/* Email/Password Form */}
-
);
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 295f8fd..5d42ce7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,63 +1,84 @@
-import Image from "next/image";
+'use client';
+
+import { useSession, signOut } from 'next-auth/react';
+import Link from 'next/link';
export default function Home() {
+ const { data: session } = useSession();
+
return (
-
-
-
-
-
- To get started, edit the page.tsx file.
-
-
- Looking for a starting point or more instructions? Head over to{" "}
-
- Templates
- {" "}
- or the{" "}
-
- Learning
- {" "}
- center.
-
+