feat(site): Replace products page with contact and refresh branding

- Remove products.html page and all references from navigation menus
- Replace products navigation links with contact page across all pages
- Update color palette from cool blues to warm amber and teal theme
- Adjust typography font declarations for better font stack support
- Add hero section emoji animation with bounce keyframe
- Implement page hero styling for inner pages
- Add about section preview component styling
- Update service pricing background to use primary color
- Enhance CTA section gradient with new color scheme
- Add testimonial card paw print emoji and styling improvements
- Fix footer quick links formatting and alignment
- Standardize HTML indentation and spacing across pages

index.html

@@ -21,10 +21,10 @@
                     <span class="hamburger"></span>
                 </button>
                 <ul id="nav-menu" class="nav-list">
-                    <li><a href="/" class="nav-link">Home</a></li>
+                    <li><a href="/" class="nav-link active">Home</a></li>
                     <li><a href="/about.html" class="nav-link">About</a></li>
                     <li><a href="/services.html" class="nav-link">Services</a></li>
-                    <li><a href="/products.html" class="nav-link">Products</a></li>
+                    <li><a href="/contact.html" class="nav-link">Contact</a></li>
                 </ul>
             </nav>
         </div>
@@ -34,9 +34,10 @@
         <!-- Hero Section -->
         <section class="hero" aria-labelledby="hero-heading">
             <div class="container">
+                <p class="hero-emoji" aria-hidden="true">🐾</p>
                 <h1 id="hero-heading">Your Dog Deserves the Best Day Ever</h1>
                 <p class="hero-subheadline">Trusted dog walking, grooming, and overnight care from people who truly love dogs.</p>
-                <a href="/contact" class="btn btn-primary">Book a Visit</a>
+                <a href="/contact.html" class="btn btn-primary">Book a Visit</a>
             </div>
         </section>
 
@@ -75,6 +76,13 @@
         </section>
 
         <!-- About Preview -->
+        <section class="about-preview" aria-labelledby="about-preview-heading">
+            <div class="container">
+                <h2 id="about-preview-heading" class="section-title">Meet the Team</h2>
+                <p class="about-preview-text">We are a small crew of dog lovers dedicated to keeping your pups happy and healthy. Every handler on our team is certified and genuinely passionate about dogs.</p>
+                <a href="/about.html" class="btn btn-secondary">Learn About Us</a>
+            </div>
+        </section>
 
         <!-- Testimonials -->
         <section class="testimonials" aria-labelledby="testimonials-heading">
@@ -121,7 +129,10 @@
                     <h3>Quick Links</h3>
                     <ul>
                         <li><a href="/">Home</a></li>
-<li><a href="/about.html">About</a></li><li><a href="/services.html">Services</a></li><li><a href="/products.html">Products</a></li>                    </ul>
+                        <li><a href="/about.html">About</a></li>
+                        <li><a href="/services.html">Services</a></li>
+                        <li><a href="/contact.html">Contact</a></li>
+                    </ul>
                 </nav>
                 <address class="footer-contact" aria-label="Contact information">
                     <h3>Contact</h3>
@@ -139,4 +150,4 @@
 
     <script src="js/main.js"></script>
 </body>
-</html>
+</html>