diff --git a/src/app/page.tsx b/src/app/page.tsx
index 673c5d0..7d82d81 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,14 +12,11 @@ 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 React, { useState } from 'react';
-import Slider from 'react-slick';
+import dynamic from 'next/dynamic';
+
+const Slider = dynamic(() => import('react-slick'), { ssr: false });
 
 export default function LandingPage() {
-  const [channelLogosIndex, setChannelLogosIndex] = useState(0);
-  const [moviesIndex, setMoviesIndex] = useState(0);
-  const [seriesIndex, setSeriesIndex] = useState(0);
-
   const channelLogos = [
     { id: '1', name: 'Netflix', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/netflix-logo-1772540341145.png' },
     { id: '2', name: 'Disney+', imageSrc: 'https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AR0SASjGyc31c8JKNEwzF2PHGy/disney-logo-1772540341145.png' },