Manual changes saved

index.html

@@ -218,69 +218,63 @@
         </section>
 
         <!-- Testimonials Section -->
-        <section id="testimonials" class="py-20 bg-white/80 backdrop-blur-sm relative">
-            <div class="container mx-auto px-6">
-                <div class="text-center mb-16">
-                    <h2 class="text-4xl font-bold text-secondary mb-4 font-hand">Reviews</h2>
-                    <p class="text-xl text-gray-600 max-w-2xl mx-auto">Don't just take our word for it - hear what our clients have to say!</p>
-                </div>
-                
-                <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-                    <!-- Testimonial 1 -->
-                    <div class="bg-white p-8 rounded-xl shadow-lg">
-                        <div class="flex items-center mb-6">
-                            <div class="bg-primary/10 p-2 rounded-full mr-4">
-                            </div>
-                            
-                        </div>
-                        <p class="text-gray-700 italic mb-6">"Syd did a great job with my Great Dane Boz. Responses and updates were timely. Would definitley have her watch Boz again."</p>
-                        <div class="flex items-center">
-                           
-                            <div>
-                                <h4 class="font-bold text-secondary">Joe P.</h4>
-                                <p class="text-gray-600">Jan. 2025</p>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Testimonial 2 -->
-                    <div class="bg-white p-8 rounded-xl shadow-lg">
-                        <div class="flex items-center mb-6">
-                            <div class="bg-primary/10 p-2 rounded-full mr-4">
-                                
-                            </div>
-                            
-                        </div>
-                        <p class="text-gray-700 italic mb-6">"Sydney stayed with out two pups over Thanksgiving and took such good care of them! We got updates and pictures/videos. She also saved us because the person we had booked had to cancel last minute. We will definitley use her again!! :)"</p>
-                        <div class="flex items-center">
-                            
-                            <div>
-                                <h4 class="font-bold text-secondary">Jamie B.</h4>
-                                <p class="text-gray-600">Dec, 2024</p>
-                            </div>
-                        </div>
-                    </div>
-                    
-                    <!-- Testimonial 3 -->
-                    <div class="bg-white p-8 rounded-xl shadow-lg">
-                        <div class="flex items-center mb-6">
-                            <div class="bg-primary/10 p-2 rounded-full mr-4">
-                                
-                            </div>
-                           
-                        </div>
-                        <p class="text-gray-700 italic mb-6">"I have very reactive dogs and Sydney was absolutley great with them! She is super gentle and definitley a fellow pet lover.I would recommend her to everyone!!!"</p>
-                        <div class="flex items-center">
-                        
-                            <div>
-                                <h4 class="font-bold text-secondary">Abby M.</h4>
-                                <p class="text-gray-600">Sept. 2024</p>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
+<section id="testimonials" class="py-20 bg-white/80 backdrop-blur-sm relative">
+  <div class="container mx-auto px-6 text-center">
+    <h2 class="text-4xl font-bold text-secondary mb-12 font-hand">Reviews</h2>
+    <p class="text-xl text-gray-600 max-w-2xl mx-auto mb-12">Don’t just take our word for it — hear what our clients have to say!</p>
+
+    <div class="relative overflow-hidden">
+      <div id="testimonial-carousel" class="flex transition-transform duration-700 ease-in-out">
+        <!-- Testimonial 1 -->
+        <div class="min-w-full p-8 bg-white rounded-xl shadow-lg">
+          <div class="flex justify-center mb-4 text-primary">
+            <i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i>
+          </div>
+          <p class="text-gray-700 italic mb-6">"Syd did a great job with my Great Dane Boz. Responses and updates were timely. Would definitely have her watch Boz again."</p>
+          <h4 class="font-bold text-secondary">Joe P.</h4>
+          <p class="text-gray-600">Jan. 2025</p>
+        </div>
+
+        <!-- Testimonial 2 -->
+        <div class="min-w-full p-8 bg-white rounded-xl shadow-lg">
+          <div class="flex justify-center mb-4 text-primary">
+            <i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i>
+          </div>
+          <p class="text-gray-700 italic mb-6">"Sydney stayed with our two pups over Thanksgiving and took such good care of them! We got updates and pictures/videos. She also saved us because the sitter we had booked canceled last minute. We'll definitely use her again!"</p>
+          <h4 class="font-bold text-secondary">Jamie B.</h4>
+          <p class="text-gray-600">Dec. 2024</p>
+        </div>
+
+        <!-- Testimonial 3 -->
+        <div class="min-w-full p-8 bg-white rounded-xl shadow-lg">
+          <div class="flex justify-center mb-4 text-primary">
+            <i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i>
+          </div>
+          <p class="text-gray-700 italic mb-6">"I have very reactive dogs and Sydney was absolutely great with them! She's super gentle and definitely a fellow pet lover. I recommend her to everyone!!!"</p>
+          <h4 class="font-bold text-secondary">Abby M.</h4>
+          <p class="text-gray-600">Sept. 2024</p>
+        </div>
+
+        <!-- Testimonial 4 -->
+        <div class="min-w-full p-8 bg-white rounded-xl shadow-lg">
+          <div class="flex justify-center mb-4 text-primary">
+            <i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i><i data-feather="star"></i>
+          </div>
+          <p class="text-gray-700 italic mb-6">"Sydney did an incredible job caring for my dog while I was away with family. She sent me photos during playtime and made me feel so at ease. Highly recommend her services!"</p>
+          <h4 class="font-bold text-secondary">Lena R.</h4>
+          <p class="text-gray-600">Feb. 2025</p>
+        </div>
+      </div>
+
+      <!-- Carousel Controls -->
+      <div class="flex justify-center space-x-4 mt-8">
+        <button id="prev-review" class="bg-primary/20 hover:bg-primary/40 p-2 rounded-full"><i data-feather="chevron-left"></i></button>
+        <button id="next-review" class="bg-primary/20 hover:bg-primary/40 p-2 rounded-full"><i data-feather="chevron-right"></i></button>
+      </div>
+    </div>
+  </div>
+</section>
+
 
         <!-- Gallery Section -->
         <section class="py-16 bg-white">