diff --git a/website/components/code-example.tsx b/website/components/code-example.tsx
index feeb03c..00a59b2 100644
--- a/website/components/code-example.tsx
+++ b/website/components/code-example.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { motion } from 'motion/react'
+import { motion } from 'framer-motion'
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
 import { codeExamples } from '@/lib/codeExample'
 import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
diff --git a/website/components/cta.tsx b/website/components/cta.tsx
index 5bac9eb..7caf95f 100644
--- a/website/components/cta.tsx
+++ b/website/components/cta.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { motion } from 'motion/react'
+import { motion } from 'framer-motion'
 import { Button } from '@/components/ui/button'
 
 export default function CTA() {
diff --git a/website/components/hero.tsx b/website/components/hero.tsx
index 4eb5cc3..96c96c8 100644
--- a/website/components/hero.tsx
+++ b/website/components/hero.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useRef } from 'react'
-import { motion, useAnimation, useInView } from 'motion/react'
+import { motion, useAnimation, useInView } from 'framer-motion'
 import { Button } from '@/components/ui/button'
 import { ArrowRight, Code2 } from 'lucide-react'
 import { AnimatedBackground } from './AnimatedBackground'
diff --git a/website/components/landing-page.tsx b/website/components/landing-page.tsx
index 16ce1a7..771e4f2 100644
--- a/website/components/landing-page.tsx
+++ b/website/components/landing-page.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect } from 'react'
-import { motion, useAnimation } from 'motion/react'
+import { motion, useAnimation } from 'framer-motion'
 import { useInView } from 'react-intersection-observer'
 import Header from './header'
 import Hero from './hero'
diff --git a/website/components/theme-provider.tsx b/website/components/theme-provider.tsx
index cdad852..853ff50 100644
--- a/website/components/theme-provider.tsx
+++ b/website/components/theme-provider.tsx
@@ -1,9 +1,10 @@
 'use client'
 
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
-import { type ThemeProviderProps } from 'next-themes/dist/types'
+import { ThemeProvider as NextThemesProvider } from "next-themes";
+
+type ThemeProviderProps = React.ComponentProps<typeof NextThemesProvider>;
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
-  return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+  return <NextThemesProvider {...props}>{children}</NextThemesProvider>;
 }
 
diff --git a/website/package-lock.json b/website/package-lock.json
index 5f874a5..b83bdc3 100644
--- a/website/package-lock.json
+++ b/website/package-lock.json
@@ -17,8 +17,13 @@
         "motion": "^11.11.17",
         "next": "15.0.3",
         "next-themes": "^0.4.3",
+<<<<<<< HEAD
         "react": "18",
         "react-dom": "18",
+=======
+        "react": "^18",
+        "react-dom": "^18",
+>>>>>>> fdc05c0 (Minor Changes)
         "react-intersection-observer": "^9.13.1",
         "react-syntax-highlighter": "^15.6.1",
         "tailwind-merge": "^2.5.5",