New pull request made without force push

src/components/home/FeaturesSection.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState ,useCallback} from 'react';
 import Image from 'next/image';
 import { FiUsers, FiBarChart, FiShield, FiMessageCircle, FiGithub, FiClock, FiBell, FiWifi, FiCode, FiChevronLeft, FiChevronRight, FiZap } from 'react-icons/fi';
 import { FaTrophy } from 'react-icons/fa';
@@ -102,30 +102,41 @@ const FeaturesSection = () => {
       benefits: ['Automatic tracking', 'Digital wellness insights', 'Time optimization']
     }
   ];
+
 
-  useEffect(() => {
-    intervalRef.current = setInterval(() => {
-      setCurrentIndex((prev) => (prev + 1) % features.length);
-    }, 4000);
+const startAutoScroll = useCallback(() => {
+  if (intervalRef.current) {
+    clearInterval(intervalRef.current);
+  }
 
-    return () => {
-      if (intervalRef.current) {
-        clearInterval(intervalRef.current);
-      }
-    };
-  }, [features.length]);
-
-  const nextSlide = () => {
+  intervalRef.current = setInterval(() => {
     setCurrentIndex((prev) => (prev + 1) % features.length);
-  };
+  }, 10000);
+}, [features.length]);
+useEffect(() => {
+  startAutoScroll();
 
-  const prevSlide = () => {
-    setCurrentIndex((prev) => (prev - 1 + features.length) % features.length);
+  return () => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+    }
   };
+}, [startAutoScroll]);
 
-  const goToSlide = (index: number) => {
-    setCurrentIndex(index);
-  };
+ const nextSlide = () => {
+  setCurrentIndex((prev) => (prev + 1) % features.length);
+  startAutoScroll();
+};
+
+ const prevSlide = () => {
+  setCurrentIndex((prev) => (prev - 1 + features.length) % features.length);
+  startAutoScroll();
+};
+
+ const goToSlide = (index: number) => {
+  setCurrentIndex(index);
+  startAutoScroll();
+};
 
   return (
     <section ref={sectionRef} className="py-32 bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 relative overflow-hidden">