[dyad] Adding a page transition effect - wrote 4 file(s), added framer-motion package(s)

src/app/layout.tsx

@@ -4,6 +4,7 @@ import "./globals.css";
 import { ThemeProvider } from "@/components/theme-provider";
 import { Toaster } from "@/components/ui/sonner";
 import { Footer } from "@/components/footer";
+import { PageTransitionProvider } from "@/components/page-transition-provider";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -36,7 +37,9 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          {children}
+          <PageTransitionProvider>
+            {children}
+          </PageTransitionProvider>
           <Footer />
           <Toaster />
         </ThemeProvider>