Manual changes saved

index.html

@@ -92,23 +92,9 @@
                             <img src="https://www.dropbox.com/scl/fi/11uvidqbxfbd6ig5x3uld/IMG_0019.JPEG?rlkey=636l8cp3x83w30bmmfe8t2z90&st=iyx321qp&raw=1
 " alt="Happy dog in Florida Keys" class="rounded-2xl shadow-xl border-8 border-white transform rotate-2">
                         </div>
-                       
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            
-            <!-- Decorative Elements -->
-            <div class="paw-print top-1/4 left-10 transform rotate-12">
-                <i data-feather="plus" class="text-primary h-12 w-12"></i>
-            </div>
-            <div class="paw-print bottom-1/3 right-20 transform -rotate-6">
-                <i data-feather="plus" class="text-secondary h-8 w-8"></i>
-            </div>
         </section>
 
+      
         <!-- Services Section -->
         <section id="services" class="py-20 bg-white/80 backdrop-blur-sm relative">
             <div class="container mx-auto px-6">
@@ -195,28 +181,7 @@
             </div>
         </section>
 
-        <!-- About Section -->
-        <section id="about" class="py-20 bg-ocean/10 relative">
-            <div class="container mx-auto px-6">
-                <div class="flex flex-col md:flex-row items-center">
-                    <div class="md:w-1/2 mb-12 md:mb-0 md:pr-12">
-                        <img src="https://www.dropbox.com/scl/fi/qzysij9uv9ei1tf30a469/IMG_9301.JPG?rlkey=44w99y91lf0r1ew7p0pop91h1&st=fiumug4j&raw=1" alt="Our dog sitters" class="rounded-2xl shadow-xl border-8 border-white">
-                    </div>
-                    <div class="md:w-1/2">
-                        <h2 class="text-4xl font-bold text-secondary mb-6 font-hand">About Us</h2>
-                        <p class="text-lg text-gray-700 mb-6">Hello! My name is Sydney, and I created this resource to help connect pet owners and reliable dog sitters across the Florida Keys. I noticed there weren’t many local options for trusted care, and many homeowners were struggling to find consistent help for their furry friends.
-</p>
-                        <p class="text-lg text-gray-700 mb-8">Our mission is to make it easy to find dependable pet sitting and house sitting services you can trust. We coordinate everything — from introductions and meet-and-greets to scheduling and ongoing communication — so you can relax knowing your pets are in great hands.
- </p>
-                        
-                       
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-
+       
         <!-- Testimonials Section -->
 <section id="testimonials" class="py-20 bg-white/80 backdrop-blur-sm relative">
   <div class="container mx-auto px-6 text-center">
@@ -275,7 +240,6 @@
   </div>
 </section>
 
-
         <!-- Gallery Section -->
         <section class="py-16 bg-white">
             <div class="container mx-auto px-6">
@@ -359,7 +323,7 @@
                                     </select>
                                 </div>
                                 <div class="mb-6">
-                                    <label for="message" class="block text-gray-700 mb-2">Tell Us About Your Pup</label>
+                                    <label for="message" class="block text-gray-700 mb-2">Tell Us About Your Pet</label>
                                     <textarea id="message" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"></textarea>
                                 </div>
                                 
@@ -380,67 +344,78 @@
             </div>
         </section>
 
-               <!-- FAQ Section -->
-<section id="faq" class="py-20 bg-white">
-  <div class="container mx-auto px-6 max-w-4xl">
-    <h2 class="text-4xl font-bold text-secondary mb-12 text-center font-hand">Frequently Asked Questions</h2>
-
-    <div class="space-y-6">
-      <div class="border-b border-gray-200 pb-6">
-        <button class="faq-btn flex justify-between w-full text-left items-center">
-          <h3 class="text-xl font-bold text-secondary">What areas do you serve?</h3>
-          <i data-feather="chevron-down" class="text-primary transition-transform duration-300"></i>
-        </button>
-        <div class="faq-content hidden mt-4 text-gray-600">We proudly serve all of the Florida Keys from Key West to Key Largo.</div>
-      </div>
-
-      <div class="border-b border-gray-200 pb-6">
-        <button class="faq-btn flex justify-between w-full text-left items-center">
-          <h3 class="text-xl font-bold text-secondary">What's your cancellation policy?</h3>
-          <i data-feather="chevron-down" class="text-primary transition-transform duration-300"></i>
-        </button>
-        <div class="faq-content hidden mt-4 text-gray-600">We require 48 hours’ notice for cancellations to receive a full refund. Within 24–48 hours = 50%. Less than 24 hours = non-refundable.</div>
-      </div>
-
-      <div class="border-b border-gray-200 pb-6">
-        <button class="faq-btn flex justify-between w-full text-left items-center">
-          <h3 class="text-xl font-bold text-secondary">Do you accept all dog breeds?</h3>
-          <i data-feather="chevron-down" class="text-primary transition-transform duration-300"></i>
-        </button>
-        <div class="faq-content hidden mt-4 text-gray-600">Yes! We love all breeds and sizes.</div>
-      </div>
-
-      <div class="border-b border-gray-200 pb-6">
-        <button class="faq-btn flex justify-between w-full text-left items-center">
-          <h3 class="text-xl font-bold text-secondary">What should I provide for in-home sitting?</h3>
-          <i data-feather="chevron-down" class="text-primary transition-transform duration-300"></i>
-        </button>
-        <div class="faq-content hidden mt-4 text-gray-600">Please provide your dog’s food, medications, leash, toys, vet info, and emergency contacts.</div>
-      </div>
-
-      <div class="border-b border-gray-200 pb-6">
-        <button class="faq-btn flex justify-between w-full text-left items-center">
-          <h3 class="text-xl font-bold text-secondary">How do you handle emergencies?</h3>
-          <i data-feather="chevron-down" class="text-primary transition-transform duration-300"></i>
-        </button>
-        <div class="faq-content hidden mt-4 text-gray-600">We’ll immediately contact you and your vet. If necessary, we’ll go to the nearest clinic.</div>
-      </div>
-    </div>
-  </div>
-</section>
-
-
-       <!-- CTA Section -->
-<section class="py-16 bg-secondary text-white text-center">
-  <div class="container mx-auto px-6">
-    <h2 class="text-4xl font-bold mb-6 font-hand">Ready to Give Your Pup a Vacation?</h2>
-    <p class="text-xl mb-8 max-w-2xl mx-auto">Give your pup the tropical vacation they deserve!</p>
-    <a href="index.html#contact" class="bg-primary hover:bg-opacity-90 text-white px-8 py-4 rounded-full text-lg font-medium transition inline-block">
-      Get Started Today
-    </a>
-</div>
-</section>
+        <!-- FAQ Section -->
+        <section class="py-20 bg-white">
+            <div class="container mx-auto px-6 max-w-4xl">
+                <h2 class="text-4xl font-bold text-secondary mb-12 text-center font-hand">Frequently Asked Questions</h2>
+                
+                <div class="space-y-6">
+                    <!-- FAQ 1 -->
+                    <div class="border-b border-gray-200 pb-6">
+                        <button class="faq-btn flex items-center justify-between w-full text-left">
+                            <h3 class="text-xl font-bold text-secondary">What areas do you serve?</h3>
+                            <i data-feather="chevron-down" class="text-primary h-6 w-6 transition-transform duration-300"></i>
+                        </button>
+                        <div class="faq-content hidden mt-4">
+                            <p class="text-gray-600">We proudly serve all of the Florida Keys from Key West to Key Largo. If you're outside this area, please contact us as we may be able to make special arrangements.</p>
+                        </div>
+                    </div>
+                    
+                    <!-- FAQ 2 -->
+                    <div class="border-b border-gray-200 pb-6">
+                        <button class="faq-btn flex items-center justify-between w-full text-left">
+                            <h3 class="text-xl font-bold text-secondary">What's your cancellation policy?</h3>
+                            <i data-feather="chevron-down" class="text-primary h-6 w-6 transition-transform duration-300"></i>
+                        </button>
+                        <div class="faq-content hidden mt-4">
+                            <p class="text-gray-600">We require 48 hours notice for cancellations to receive a full refund. Cancellations within 24-48 hours will receive a 50% refund. Less than 24 hours notice is non-refundable.</p>
+                        </div>
+                    </div>
+                    
+                    <!-- FAQ 3 -->
+                    <div class="border-b border-gray-200 pb-6">
+                        <button class="faq-btn flex items-center justify-between w-full text-left">
+                            <h3 class="text-xl font-bold text-secondary">Do you accept all dog breeds?</h3>
+                            <i data-feather="chevron-down" class="text-primary h-6 w-6 transition-transform duration-300"></i>
+                        </button>
+                        <div class="faq-content hidden mt-4">
+                            <p class="text-gray-600">Yes! We love all breeds and sizes.</p>
+                        </div>
+                    </div>
+                    
+                    <!-- FAQ 4 -->
+                    <div class="border-b border-gray-200 pb-6">
+                        <button class="faq-btn flex items-center justify-between w-full text-left">
+                            <h3 class="text-xl font-bold text-secondary">What should I provide for in-home sitting?</h3>
+                            <i data-feather="chevron-down" class="text-primary h-6 w-6 transition-transform duration-300"></i>
+                        </button>
+                        <div class="faq-content hidden mt-4">
+                            <p class="text-gray-600">We ask that you provide your dog's food, any medications, favorite toys, leash, and any special instructions. Please also provide vet contact information and emergency contacts.</p>
+                        </div>
+                    </div>
+                    
+                    <!-- FAQ 5 -->
+                    <div class="border-b border-gray-200 pb-6">
+                        <button class="faq-btn flex items-center justify-between w-full text-left">
+                            <h3 class="text-xl font-bold text-secondary">How do you handle emergencies?</h3>
+                            <i data-feather="chevron-down" class="text-primary h-6 w-6 transition-transform duration-300"></i>
+                        </button>
+                        <div class="faq-content hidden mt-4">
+                            <p class="text-gray-600">In case of emergency, we'll immediately contact you and your vet. If needed, we'll transport your pet to the nearest veterinary clinic.</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
 
+        <!-- CTA Section -->
+        <section class="py-16 bg-secondary text-white">
+            <div class="container mx-auto px-6 text-center">
+                <h2 class="text-4xl font-bold mb-6 font-hand">Ready to Book?</h2>
+                <p class="text-xl mb-8 max-w-2xl mx-auto">Give your pet the vacation they deserve!</p>
+                <a href="#contact" class="bg-primary hover:bg-opacity-90 text-white px-8 py-4 rounded-full text-lg font-medium transition inline-block">Get Started Today</a>
+            </div>
+        </section>
 
         <!-- Footer -->
         <footer class="bg-gray-900 text-white py-12">
@@ -451,41 +426,39 @@
                             <i data-feather="paw" class="text-primary h-8 w-8 mr-2"></i>
                             <span class="font-hand text-2xl text-primary">Florida Dog Sitting</span>
 </div>
-                        <p class="text-gray-400">Premium dog sitting services in the beautiful Florida Keys where every tail gets a tropical treat!</p>
+                      
                     </div>
                     
                     <div>
                         <h4 class="text-lg font-bold mb-4">Services</h4>
                         <ul class="space-y-2">
-                        <li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
-                        <li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Drop In's</a></li>
-                        <li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
-                        <li><a href="index.html#services" class="text-gray-400 hover:text-primary transition">House Sitting</a></li>
-</ul>
+                            <li><a href="#" class="text-gray-400 hover:text-primary transition">In-Home Sitting</a></li>
+                            <li><a href="#" class="text-gray-400 hover:text-primary transition">Drop In's</a></li>
+                            <li><a href="#" class="text-gray-400 hover:text-primary transition">Adventure Walks</a></li>
+                            <li><a href="#" class="text-gray-400 hover:text-primary transition">House Sitting</a></li>
+                        </ul>
                     </div>
                     
                     <div>
                         <h4 class="text-lg font-bold mb-4">Quick Links</h4>
-                        
                         <ul class="space-y-2">
-                        <li><a href="index.html#about" class="text-gray-400 hover:text-primary transition">About Us</a></li>
-                        <li><a href="index.html#testimonials" class="text-gray-400 hover:text-primary transition">Testimonials</a></li>
-                        <li><a href="index.html#faq" class="text-gray-400 hover:text-primary transition">FAQ</a></li>
-                        <li><a href="index.html#contact" class="text-gray-400 hover:text-primary transition">Contact</a></li>
-</ul>
+                            <li><a href="#about" class="text-gray-400 hover:text-primary transition">About Us</a></li>
+                            <li><a href="#testimonials" class="text-gray-400 hover:text-primary transition">Testimonials</a></li>
+                            <li><a href="#faq" class="text-gray-400 hover:text-primary transition">FAQ</a></li>
+                            <li><a href="#contact" class="text-gray-400 hover:text-primary transition">Contact</a></li>
+                        </ul>
                     </div>
                     
                     
-                        
                     </div>
                 </div>
                 
                 <div class="border-t border-gray-800 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center">
                     <p class="text-gray-400 text-sm mb-4 md:mb-0">© 2023 Paws & Palms Paradise. All rights reserved.</p>
                     <div class="flex space-x-6">
-                        <a href="privacy-policy.html" class="text-gray-400 hover:text-primary text-sm transition">Privacy Policy</a>
-                        <a href="terms-conditions.html" class="text-gray-400 hover:text-primary text-sm transition">Terms of Service</a>
-</div>
+                        <a href="#" class="text-gray-400 hover:text-primary text-sm transition">Privacy Policy</a>
+                        <a href="#" class="text-gray-400 hover:text-primary text-sm transition">Terms of Service</a>
+                    </div>
                 </div>
             </div>
         </footer>
@@ -544,22 +517,17 @@
                 }
             });
         });
+
         // Smooth scrolling for anchor links
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {
-                const target = document.querySelector(this.getAttribute('href'));
-                if (target) {
-                    e.preventDefault();
-                    target.scrollIntoView({
-                        behavior: 'smooth',
-                        block: 'start'
-                    });
-                    // Update URL without page jump
-                    if(history.pushState) {
-                        history.pushState(null, null, this.getAttribute('href'));
-                    }
-                }
-// Close mobile menu if open
+                e.preventDefault();
+                
+                document.querySelector(this.getAttribute('href')).scrollIntoView({
+                    behavior: 'smooth'
+                });
+                
+                // Close mobile menu if open
                 if (!mobileMenu.classList.contains('hidden')) {
                     mobileMenu.classList.add('hidden');
                     mobileMenu.classList.remove('flex');
@@ -567,47 +535,6 @@
             });
         });
     </script>
-    
-    <script>
-// FAQ accordion (only one open at a time)
-document.querySelectorAll('.faq-btn').forEach((btn) => {
-  btn.addEventListener('click', (e) => {
-    e.preventDefault();
-    const content = btn.nextElementSibling;
-    const isOpen = !content.classList.contains('hidden');
-    document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));
-    document.querySelectorAll('.faq-btn i').forEach(i => i.style.transform = 'rotate(0deg)');
-    if (!isOpen) {
-      content.classList.remove('hidden');
-      btn.querySelector('i').style.transform = 'rotate(180deg)';
-    }
-  });
-});
-// Testimonials carousel
-let index = 0;
-const carousel = document.getElementById('testimonial-carousel');
-const total = carousel.children.length;
-
-function updateCarousel() {
-  carousel.style.transform = `translateX(-${index * 100}%)`;
-  feather.replace();
-}
-
-document.getElementById('next-review').addEventListener('click', () => {
-  index = (index + 1) % total;
-  updateCarousel();
-});
-document.getElementById('prev-review').addEventListener('click', () => {
-  index = (index - 1 + total) % total;
-  updateCarousel();
-});
-
-// Auto-slide every 7 seconds
-setInterval(() => {
-  index = (index + 1) % total;
-  updateCarousel();
-}, 7000);
-
-    feather.replace();</script>
+    <script>feather.replace();</script>
 </body>
-</html>
+</html>