diff --git a/apps/web/app/(auth)/layout.tsx b/apps/web/app/(auth)/layout.tsx
new file mode 100644
index 0000000..8496b19
--- /dev/null
+++ b/apps/web/app/(auth)/layout.tsx
@@ -0,0 +1,10 @@
+const Layout = ({ children }: { children: React.ReactNode }) => {
+ return (
+
+ {children}
+
+ );
+};
+
+export default Layout;
+
\ No newline at end of file
diff --git a/apps/web/app/(auth)/sign-in/[[...sign-in]]/page.tsx b/apps/web/app/(auth)/sign-in/[[...sign-in]]/page.tsx
new file mode 100644
index 0000000..4d40e38
--- /dev/null
+++ b/apps/web/app/(auth)/sign-in/[[...sign-in]]/page.tsx
@@ -0,0 +1,12 @@
+import { SignIn } from '@clerk/nextjs'
+import React from 'react'
+
+const Page = () => {
+ return (
+
+
+
+ )
+}
+
+export default Page
diff --git a/apps/web/app/(auth)/sign-up/[[...sgn-up]]/page.tsx b/apps/web/app/(auth)/sign-up/[[...sgn-up]]/page.tsx
new file mode 100644
index 0000000..8fdfe2d
--- /dev/null
+++ b/apps/web/app/(auth)/sign-up/[[...sgn-up]]/page.tsx
@@ -0,0 +1,12 @@
+import { SignUp } from '@clerk/nextjs'
+import React from 'react'
+
+const Page = () => {
+ return (
+
+
+
+ )
+}
+
+export default Page
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
index 7a807d4..bb87142 100644
--- a/apps/web/app/layout.tsx
+++ b/apps/web/app/layout.tsx
@@ -2,6 +2,7 @@ import { Geist, Geist_Mono } from "next/font/google"
import "@workspace/ui/globals.css"
import { Providers } from "@/components/providers"
+import { ClerkProvider } from "@clerk/nextjs"
const fontSans = Geist({
subsets: ["latin"],
@@ -23,7 +24,9 @@ export default function RootLayout({
- {children}
+
+ {children}
+