feat(ui): Revamp the signin/signup page

2 files changed, 27 insertions, 6 deletions

diff --git a/apps/web/app/signin/page.tsx b/apps/web/app/signin/page.tsx
index 372429e8..a784dd7e 100644
--- a/apps/web/app/signin/page.tsx
+++ b/apps/web/app/signin/page.tsx
@@ -10,12 +10,11 @@ export default async function SignInPage() {
   }
 
   return (
-    <div className="grid min-h-screen grid-rows-6 justify-center">
-      <span className="row-span-1" />
-      <div className="row-span-1 flex w-96 items-center justify-center space-x-2">
-        <KarakeepLogo height={100} />
-      </div>
-      <div className="row-span-4 px-3">
+    <div className="flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8">
+      <div className="w-full max-w-md space-y-8">
+        <div className="flex items-center justify-center">
+          <KarakeepLogo height={80} />
+        </div>
         <SignInForm />
       </div>
     </div>
diff --git a/apps/web/app/signup/page.tsx b/apps/web/app/signup/page.tsx
new file mode 100644
index 00000000..841c07a8
--- /dev/null
+++ b/apps/web/app/signup/page.tsx
@@ -0,0 +1,22 @@
+import { redirect } from "next/dist/client/components/navigation";
+import KarakeepLogo from "@/components/KarakeepIcon";
+import SignUpForm from "@/components/signup/SignUpForm";
+import { getServerAuthSession } from "@/server/auth";
+
+export default async function SignUpPage() {
+  const session = await getServerAuthSession();
+  if (session) {
+    redirect("/");
+  }
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8">
+      <div className="w-full max-w-md space-y-8">
+        <div className="flex items-center justify-center">
+          <KarakeepLogo height={80} />
+        </div>
+        <SignUpForm />
+      </div>
+    </div>
+  );
+}