diff --git a/src/app/blog/[slug]/opengraph-image.tsx b/src/app/(blog)/blog/[slug]/opengraph-image.tsx
similarity index 100%
rename from src/app/blog/[slug]/opengraph-image.tsx
rename to src/app/(blog)/blog/[slug]/opengraph-image.tsx
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/(blog)/blog/[slug]/page.tsx
similarity index 100%
rename from src/app/blog/[slug]/page.tsx
rename to src/app/(blog)/blog/[slug]/page.tsx
diff --git a/src/app/blog/[slug]/twitter-image.tsx b/src/app/(blog)/blog/[slug]/twitter-image.tsx
similarity index 100%
rename from src/app/blog/[slug]/twitter-image.tsx
rename to src/app/(blog)/blog/[slug]/twitter-image.tsx
diff --git a/src/app/blog/page.tsx b/src/app/(blog)/blog/page.tsx
similarity index 100%
rename from src/app/blog/page.tsx
rename to src/app/(blog)/blog/page.tsx
diff --git a/src/app/(portfolio)/layout.tsx b/src/app/(portfolio)/layout.tsx
new file mode 100644
index 0000000..80cc8d8
--- /dev/null
+++ b/src/app/(portfolio)/layout.tsx
@@ -0,0 +1,14 @@
+import SceneWrapper from "@/components/canvas/SceneWrapper";
+
+export default function PortfolioLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <>
+      {children}
+      <SceneWrapper style={{ pointerEvents: "none" }} eventPrefix="client" />
+    </>
+  );
+}
diff --git a/src/app/page.tsx b/src/app/(portfolio)/page.tsx
similarity index 100%
rename from src/app/page.tsx
rename to src/app/(portfolio)/page.tsx
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index bb57d17..191b93c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,6 +1,5 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
-import SceneWrapper from "@/components/canvas/SceneWrapper";
 import { siteConfig } from "@/lib/site";
 import "./globals.css";
 
@@ -53,13 +52,6 @@ export default function RootLayout({
         suppressHydrationWarning
       >
         {children}
-        <SceneWrapper
-          style={{ pointerEvents: "none" }}
-          eventSource={
-            typeof window !== "undefined" ? document.body : undefined
-          }
-          eventPrefix="client"
-        />
       </body>
     </html>
   );
diff --git a/src/components/canvas/SceneWrapper.tsx b/src/components/canvas/SceneWrapper.tsx
index 3b5ee2c..dc2a947 100644
--- a/src/components/canvas/SceneWrapper.tsx
+++ b/src/components/canvas/SceneWrapper.tsx
@@ -14,10 +14,14 @@ const Scene = dynamic<SceneProps>(() => import("@/components/canvas/Scene"), {
 });
 
 export default function SceneWrapper(props: SceneProps) {
+  const eventSource =
+    props.eventSource ??
+    (typeof window !== "undefined" ? document.body : undefined);
+
   return (
     <ErrorBoundary>
       <SmoothScrollbar />
-      <Scene {...props} />
+      <Scene {...props} eventSource={eventSource} />
     </ErrorBoundary>
   );
 }