feat: rewrite project

src/app/auth/signup/page.tsx

@@ -0,0 +1,68 @@
+import { type Metadata } from "next";
+import Link from "next/link";
+import { SignUpForm } from "~/app/_components/auth/sign-up-form";
+import { buttonVariants } from "~/components/ui/button";
+import { cn } from "~/lib/utils";
+
+export const metadata: Metadata = {
+  title: "Sign Up",
+  description: "Create a new account",
+};
+
+export default function SignUpPage() {
+  return (
+    <div className="container relative h-screen flex-col items-center justify-center grid lg:max-w-none lg:grid-cols-2 lg:px-0">
+      <div className="relative hidden h-full flex-col bg-muted p-10 text-white lg:flex dark:border-r">
+        <div className="absolute inset-0 bg-zinc-900" />
+        <div className="relative z-20 flex items-center text-lg font-medium">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            className="mr-2 h-6 w-6"
+          >
+            <path d="M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3" />
+          </svg>
+          HRI Studio
+        </div>
+        <div className="relative z-20 mt-auto">
+          <blockquote className="space-y-2">
+            <p className="text-lg">
+              &ldquo;HRI Studio has revolutionized how we conduct human-robot interaction studies.&rdquo;
+            </p>
+            <footer className="text-sm">Sofia Dewar</footer>
+          </blockquote>
+        </div>
+      </div>
+      <div className="lg:p-8">
+        <div className="mx-auto flex w-full flex-col justify-center space-y-6 sm:w-[350px]">
+          <div className="flex flex-col space-y-2 text-center">
+            <h1 className="text-2xl font-semibold tracking-tight">
+              Create an account
+            </h1>
+            <p className="text-sm text-muted-foreground">
+              Enter your email below to create your account
+            </p>
+          </div>
+          <SignUpForm />
+          <p className="px-8 text-center text-sm text-muted-foreground">
+            <Link
+              href="/auth/signin"
+              className={cn(
+                buttonVariants({ variant: "ghost" }),
+                "hover:bg-transparent hover:underline",
+                "px-0"
+              )}
+            >
+              Already have an account? Sign In
+            </Link>
+          </p>
+        </div>
+      </div>
+    </div>
+  );
+}