From 4f0a84932375155ca41901708f9b957bf5ccf4eb Mon Sep 17 00:00:00 2001
From: becarta <github.devotee752@passmail.net>
Date: Fri, 16 May 2025 01:10:01 +0200
Subject: [PATCH] Add automatic testimonial rotation with timer functionality
 in Testimonials component

---
 src/components/Testimonials.svelte | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/Testimonials.svelte b/src/components/Testimonials.svelte
index 9df2e776..3e5e2a76 100644
--- a/src/components/Testimonials.svelte
+++ b/src/components/Testimonials.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { onMount, onDestroy } from 'svelte';
   const testimonials = [
     {
       name: 'Sarah Johnson',
@@ -21,14 +22,31 @@
   ];
 
   let currentIndex = 0;
+  let timer: ReturnType<typeof setTimeout>;
+  const ROTATE_INTERVAL = 20000; // 20 seconds
 
-  function next() {
+  function next(reset = true) {
     currentIndex = (currentIndex + 1) % testimonials.length;
+    if (reset) resetTimer();
   }
 
   function prev() {
     currentIndex = (currentIndex - 1 + testimonials.length) % testimonials.length;
+    resetTimer();
   }
+
+  function resetTimer() {
+    clearTimeout(timer);
+    timer = setTimeout(() => next(false), ROTATE_INTERVAL);
+  }
+
+  onMount(() => {
+    timer = setTimeout(() => next(false), ROTATE_INTERVAL);
+  });
+
+  onDestroy(() => {
+    clearTimeout(timer);
+  });
 </script>
 
 <section class="py-20 bg-surface">