diff --git a/frontend/src/components/Header.tsx b/frontend/src/components/Header.tsx
index ea6d1c2..3944779 100644
--- a/frontend/src/components/Header.tsx
+++ b/frontend/src/components/Header.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
+import { motion, AnimatePresence } from 'motion/react';
 import { Link } from 'react-router-dom';
 import Logo from './Logo';
 
diff --git a/frontend/src/pages/Products.tsx b/frontend/src/pages/Products.tsx
index 4c08412..3dbb31b 100644
--- a/frontend/src/pages/Products.tsx
+++ b/frontend/src/pages/Products.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import { motion, AnimatePresence } from 'framer-motion';
+import { motion, AnimatePresence } from 'motion/react';
 import { fetchCategories, fetchProducts, type Product } from '@/lib/api';
 import ProductGallery from '@/components/ProductGallery';