Initial commit

src/app/auth/layout.tsx

@@ -0,0 +1,13 @@
+import React from 'react';
+
+export default function AuthLayout({
+    children,
+}: Readonly<{
+    children: React.ReactNode;
+}>) {
+    return (
+        <div className="flex min-h-screen items-center justify-center">
+            {children}
+        </div>
+    );
+}

src/app/auth/signin/page.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+import SignInForm from '@/components/form/signInForm';
+import signIn from '@/lib/actions/signIn';
+import Link from 'next/link';
+import { URL_SIGN_UP } from '@/lib/constants';
+
+export default async function SignInPage() {
+    return (
+        <Card className="w-full max-w-md">
+            <CardHeader>
+                <CardTitle>Sign in</CardTitle>
+                <CardDescription>Sign into your existing account</CardDescription>
+            </CardHeader>
+            <CardContent>
+                <SignInForm onSubmit={signIn}/>
+            </CardContent>
+            <CardFooter>
+                <Link href={URL_SIGN_UP}>
+                    Don&apos;t have an account? Sign up
+                </Link>
+            </CardFooter>
+        </Card>
+    );
+}

src/app/auth/signup/page.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card';
+import signUp from '@/lib/actions/signUp';
+import SignUpForm from '@/components/form/signUpForm';
+import Link from 'next/link';
+import { URL_SIGN_IN } from '@/lib/constants';
+
+export default async function SignUpPage() {
+    return (
+        <Card className="w-full max-w-md">
+            <CardHeader>
+                <CardTitle>Sign up</CardTitle>
+                <CardDescription>Create a new account.</CardDescription>
+            </CardHeader>
+            <CardContent>
+                <SignUpForm onSubmit={signUp}/>
+            </CardContent>
+            <CardFooter>
+                <Link href={URL_SIGN_IN}>
+                    Already have an account? Sign in
+                </Link>
+            </CardFooter>
+        </Card>
+    );
+}