framer-motion to motion.react

website/components/code-example.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { codeExamples } from '@/lib/codeExample'
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'

website/components/cta.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { motion } from 'framer-motion'
+import { motion } from 'motion/react'
 import { Button } from '@/components/ui/button'
 
 export default function CTA() {

website/components/hero.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useRef } from 'react'
-import { motion, useAnimation, useInView } from 'framer-motion'
+import { motion, useAnimation, useInView } from 'motion/react'
 import { Button } from '@/components/ui/button'
 import { ArrowRight, Code2 } from 'lucide-react'
 import { AnimatedBackground } from './AnimatedBackground'

website/components/landing-page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect } from 'react'
-import { motion, useAnimation } from 'framer-motion'
+import { motion, useAnimation } from 'motion/react'
 import { useInView } from 'react-intersection-observer'
 import Header from './header'
 import Hero from './hero'