Restructure codebase to use src directory

2026-02-16 20:13:49 +00:00 · 2023-04-11 23:32:06 -04:00
parent 90f2cc2c0c
commit 08422fe24e
141 changed files with 6 additions and 4 deletions
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -0,0 +1,56 @@
+import { NextPage } from 'next';
+import Layout from '@/components/ui/Layout';
+import LoginForm from '@/components/Login/LoginForm';
+import Image from 'next/image';
+
+import { FaUserCircle } from 'react-icons/fa';
+import Head from 'next/head';
+import Link from 'next/link';
+
+import useRedirectWhenLoggedIn from '@/hooks/useRedirectIfLoggedIn';
+
+const LoginPage: NextPage = () => {
+  useRedirectWhenLoggedIn();
+  return (
+    <Layout>
+      <Head>
+        <title>Login</title>
+        <meta name="description" content="Login to your account" />
+      </Head>
+
+      <div className="flex h-full flex-row">
+        <div className="hidden h-full flex-col items-center justify-center bg-base-100 lg:flex lg:w-[55%]">
+          <Image
+            src="https://picsum.photos/5000/5000"
+            alt="Login Image"
+            width={4920}
+            height={4080}
+            className="h-full w-full object-cover"
+          />
+        </div>
+        <div className="flex h-full w-full flex-col items-center justify-center bg-base-300 lg:w-[45%]">
+          <div className="w-10/12 space-y-5 sm:w-9/12">
+            <div className=" flex flex-col items-center space-y-2">
+              <FaUserCircle className="text-3xl" />
+              <h1 className="text-4xl font-bold">Login</h1>
+            </div>
+            <LoginForm />
+            <div className="mt-3 flex flex-col items-center space-y-1">
+              <Link href="/register" className="text-primary-500 link-hover link italic">
+                Don&apos;t have an account?
+              </Link>
+              <Link
+                href="/reset-password"
+                className="text-primary-500 link-hover link italic"
+              >
+                Forgot password?
+              </Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Layout>
+  );
+};
+
+export default LoginPage;