feat: Revamped Authentication layer with Clerk

app/sign-up/[[...sign-up]]/page.tsx

@@ -0,0 +1,19 @@
+import { Particles } from "@/components/landing/particles";
+import { SignUp } from "@clerk/nextjs/app-beta";
+
+export default function Page() {
+  return (
+    <div className="flex items-center justify-center w-screen h-screen">
+      <Particles className="absolute inset-0 -z-10 " />
+
+      <SignUp
+        appearance={{
+          variables: {
+            colorPrimary: "#161616",
+            colorText: "#161616",
+          },
+        }}
+      />
+    </div>
+  );
+}