diff --git a/src/app/page.tsx b/src/app/page.tsx
index 460477e..3c582b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,11 +10,9 @@ import FaqBase from '@/components/sections/faq/FaqBase';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
 import { Crown, Globe, Play, Sparkles, TrendingUp, Users } from 'lucide-react';
-import 'slick-carousel/slick/slick.css';
-import 'slick-carousel/slick/slick-theme.css';
 import dynamic from 'next/dynamic';
 
-const Slider = dynamic(() => import('slick-carousel').then(mod => mod.default), { ssr: false });
+const Slider = dynamic(() => import('react-slick'), { ssr: false });
 
 export default function LandingPage() {
   const channelLogos = [