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

services.html

@@ -24,7 +24,7 @@
                     <li><a href="/" class="nav-link">Home</a></li>
                     <li><a href="/about.html" class="nav-link">About</a></li>
                     <li><a href="/services.html" class="nav-link active">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>
@@ -53,7 +53,7 @@
                             <li>Water Breaks</li>
                         </ul>
                         <div class="service-price">$25/walk</div>
-                        <a href="/contact" class="btn btn-secondary">Book a Walk</a>
+                        <a href="/contact.html" class="btn btn-secondary">Book a Walk</a>
                     </article>
                     <article class="service-card">
                         <div class="service-icon" aria-hidden="true">🐾</div>
@@ -66,7 +66,7 @@
                             <li>Consistent Handler</li>
                         </ul>
                         <div class="service-price">$80/week</div>
-                        <a href="/contact" class="btn btn-secondary">Get Weekly Plan</a>
+                        <a href="/contact.html" class="btn btn-secondary">Get Weekly Plan</a>
                     </article>
                     <article class="service-card">
                         <div class="service-icon" aria-hidden="true">🏠</div>
@@ -80,7 +80,7 @@
                             <li>24hr Supervision</li>
                         </ul>
                         <div class="service-price">$65/night</div>
-                        <a href="/contact" class="btn btn-secondary">Book Overnight</a>
+                        <a href="/contact.html" class="btn btn-secondary">Book Overnight</a>
                     </article>
                     <article class="service-card">
                         <div class="service-icon" aria-hidden="true">🐶</div>
@@ -93,7 +93,7 @@
                             <li>Nail Trim</li>
                         </ul>
                         <div class="service-price">$40</div>
-                        <a href="/contact" class="btn btn-secondary">Book Bath</a>
+                        <a href="/contact.html" class="btn btn-secondary">Book Bath</a>
                     </article>
                     <article class="service-card">
                         <div class="service-icon" aria-hidden="true">🦴</div>
@@ -108,7 +108,7 @@
                             <li>Ear Cleaning</li>
                         </ul>
                         <div class="service-price">$75</div>
-                        <a href="/contact" class="btn btn-secondary">Book Groom</a>
+                        <a href="/contact.html" class="btn btn-secondary">Book Groom</a>
                     </article>
                     <article class="service-card">
                         <div class="service-icon" aria-hidden="true">🐕</div>
@@ -121,7 +121,7 @@
                             <li>Confidence Building</li>
                         </ul>
                         <div class="service-price">$35/session</div>
-                        <a href="/contact" class="btn btn-secondary">Join a Session</a>
+                        <a href="/contact.html" class="btn btn-secondary">Join a Session</a>
                     </article>
                     <article class="service-card">
                         <div class="service-icon" aria-hidden="true">🐾</div>
@@ -135,7 +135,7 @@
                             <li>Shaded Rest Areas</li>
                         </ul>
                         <div class="service-price">$20/dog</div>
-                        <a href="/contact" class="btn btn-secondary">Join the Pack</a>
+                        <a href="/contact.html" class="btn btn-secondary">Join the Pack</a>
                     </article>
                 </div>
             </div>
@@ -173,7 +173,7 @@
             <div class="container">
                 <h2 id="cta-heading">Ready to Schedule Your Pup?</h2>
                 <p>Get in touch today and let us put together the perfect care plan for your dog.</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>
     </main>
@@ -189,8 +189,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>
@@ -208,4 +210,4 @@
 
     <script src="js/main.js"></script>
 </body>
-</html>
+</html>