update animation pages

src/components/layout/MotionProvider.tsx

@@ -0,0 +1,8 @@
+"use client";
+
+import { MotionConfig } from "framer-motion";
+import React from "react";
+
+export function MotionProvider({ children }: { children: React.ReactNode }) {
+  return <MotionConfig reducedMotion="user">{children}</MotionConfig>;
+}

src/components/layout/PremiumPageShell.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { PremiumNavbar } from "./PremiumNavbar";
 import { PremiumFooter } from "./PremiumFooter";
+import { MotionProvider } from "./MotionProvider";
 
 type PremiumPageShellProps = {
   children: React.ReactNode;
@@ -9,16 +10,18 @@ type PremiumPageShellProps = {
 
 export function PremiumPageShell({ children, className = "" }: PremiumPageShellProps) {
   return (
-    <div className={`min-h-screen bg-white font-body text-[#16001D] antialiased flex flex-col ${className}`}>
-      {/* Header/Navbar */}
-      <PremiumNavbar />
+    <MotionProvider>
+      <div className={`min-h-screen bg-white font-body text-[#16001D] antialiased flex flex-col ${className}`}>
+        {/* Header/Navbar */}
+        <PremiumNavbar />
 
-      {/* Page Content */}
-      <main className="w-full overflow-x-hidden bg-white">
-        {children}
-      </main>
+        {/* Page Content */}
+        <main className="w-full overflow-x-hidden bg-white">
+          {children}
+        </main>
 
-      <PremiumFooter />
-    </div>
+        <PremiumFooter />
+      </div>
+    </MotionProvider>
   );
 }