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

about.html

@@ -24,7 +24,7 @@
                     <li><a href="/" class="nav-link">Home</a></li>
                     <li><a href="/about.html" class="nav-link active">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>
@@ -147,7 +147,9 @@
                     <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="/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>