diff --git a/app/auth/providers/[name]/callback/page.tsx b/app/(clean)/auth/providers/[name]/callback/page.tsx
similarity index 100%
rename from app/auth/providers/[name]/callback/page.tsx
rename to app/(clean)/auth/providers/[name]/callback/page.tsx
diff --git a/app/home/page.tsx b/app/(main)/home/page.tsx
similarity index 100%
rename from app/home/page.tsx
rename to app/(main)/home/page.tsx
diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx
new file mode 100644
index 0000000..fb2280e
--- /dev/null
+++ b/app/(main)/layout.tsx
@@ -0,0 +1,13 @@
+import Navbar from "@/shared/widgets/navbar/components/Navbar";
+import React from "react";
+
+const layout = ({ children }: Readonly<{ children: React.ReactNode }>) => {
+  return (
+    <div className="max-w-400 mx-auto relative">
+      <Navbar />
+      <div className="pt-16">{children}</div>
+    </div>
+  );
+};
+
+export default layout;
diff --git a/app/page.tsx b/app/(main)/page.tsx
similarity index 100%
rename from app/page.tsx
rename to app/(main)/page.tsx
diff --git a/app/layout.tsx b/app/layout.tsx
index d584938..db1f4f3 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -30,10 +30,7 @@ export default function RootLayout({
       <body
         className={`${geistSans.variable} ${geistMono.variable} antialiased`}
       >
-        <div className="max-w-400 mx-auto relative">
-          <Navbar />
-          <div className="pt-16">{children}</div>
-        </div>
+        {children}
       </body>
     </html>
   );
