feat: Implement initial cinematic portfolio UI with animated components and page structure.

app/layout.tsx

@@ -3,6 +3,7 @@ import { Geist_Mono, Syne } from "next/font/google";
 import localFont from "next/font/local";
 import type { ReactNode } from "react";
 import GoogleAnalytics from "./components/GoogleAnalytics";
+import CinematicOverlays from "./components/cinematic/CinematicOverlays";
 import { RouteTransition } from "./components/RouteTransition";
 import { AnimationProvider } from "./providers/AnimationProvider";
 import { SmoothScrollProvider } from "./providers/SmoothScrollProvider";
@@ -249,6 +250,7 @@ export default function RootLayout({ children }: Readonly<RootLayoutProps>) {
               type="application/ld+json"
               dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
             />
+            <CinematicOverlays />
             <RouteTransition>{children}</RouteTransition>
             <GoogleAnalytics />
           </AnimationProvider>