Implement frontend auth and user features - WIP

frontend/src/app/(auth)/signup/page.tsx

@@ -0,0 +1,52 @@
+"use client"
+
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import { buttonVariants } from "@/components/ui/button";
+import { Icons } from "@/components/icons";
+import { ChevronLeftIcon } from "@radix-ui/react-icons";
+import { SignUpForm } from "@/features/auth/components/sign-up-form";
+import LegalTerms from "@/features/auth/components/legal-terms";
+
+export default function SignUpPage() {
+
+  return (
+    <div className="container flex h-screen w-screen flex-col items-center justify-center">
+
+      <Link
+        href="/"
+        className={cn(
+          buttonVariants({ variant: "ghost" }),
+          "absolute left-4 top-4 md:left-8 md:top-8")}>
+        <>
+          <ChevronLeftIcon className="mr-2 h-4 w-4" />Back
+        </>
+      </Link>
+
+      <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">
+          <Icons.logo className="mx-auto h-6 w-6" />
+          <h1 className="text-2xl font-semibold tracking-tight">
+            Create an account
+          </h1>
+          <p className="text-sm text-muted-foreground">
+            Enter your name, email and password to signup
+          </p>
+        </div>
+
+        <SignUpForm />
+
+        <p className="px-8 text-center text-sm text-muted-foreground">
+          <Link
+            href="/login"
+            className="hover:text-brand underline underline-offset-4">
+            Already have an account? Sign In
+          </Link>
+        </p>
+
+        <LegalTerms />
+
+      </div>
+    </div>
+  );
+}