performance

components/Button.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React, { useRef, useState } from 'react';
-import { motion } from 'framer-motion';
+import { m, LazyMotion, domAnimation } from 'framer-motion';
 import Link from 'next/link';
 import { ArrowRight } from 'lucide-react';
 
@@ -60,13 +60,15 @@ export const Button = ({
   );
 
   const spotlight = (
-    <motion.div
+    <LazyMotion features={domAnimation}>
+    <m.div
       className="absolute inset-0 z-0 pointer-events-none transition-opacity duration-500"
       style={{
         opacity: isHovered ? 1 : 0,
         background: `radial-gradient(600px circle at ${mousePosition.x}px ${mousePosition.y}px, rgba(255,255,255,0.15), transparent 40%)`,
       }}
     />
+    </LazyMotion>
   );
 
   const buttonProps = {