lahrcarpetcleaning.com/assets/js/components.js

(function () {
    var NAV = `<nav class="navbar">
    <a href="/" class="logo">
        <span class="logo-text">Lahr <span class="logo-highlight">Carpet</span></span>
    </a>
    <ul class="nav-links">
        <li><a href="/">Home</a></li>
        <li><a href="/about/">About</a></li>
        <li>
            <div class="nav-dropdown">
                <span class="dropdown-label">Company <i class="fas fa-caret-down"></i></span>
                <div class="dropdown-menu">
                    <a href="/about/">About Us</a>
                    <a href="/service-area/">Service Area</a>
                    <a href="/reviews/">Reviews</a>
                    <a href="/contact/">Contact</a>
                </div>
            </div>
        </li>
        <li>
            <div class="nav-dropdown">
                <span class="dropdown-label">Residential <i class="fas fa-caret-down"></i></span>
                <div class="dropdown-menu">
                    <a href="/services/carpet-cleaning/">Carpet Cleaning</a>
                    <a href="/services/stairs/">Stairs Cleaning</a>
                    <a href="/services/upholstery/">Upholstery Cleaning</a>
                    <a href="/services/floors/">Floor Cleaning</a>
                    <a href="/services/area-rugs/">Area Rug Cleaning</a>
                    <a href="/services/add-ons/">Add-On Services</a>
                </div>
            </div>
        </li>
        <li>
            <div class="nav-dropdown">
                <span class="dropdown-label">Commercial <i class="fas fa-caret-down"></i></span>
                <div class="dropdown-menu">
                    <a href="/services/commercial/">Commercial Overview</a>
                    <a href="/commercial/vacation-rentals/">Vacation Rentals</a>
                    <a href="/commercial/offices/">Offices</a>
                    <a href="/commercial/hotels-inns/">Hotels &amp; Inns</a>
                    <a href="/commercial/retail-showrooms/">Retail &amp; Showrooms</a>
                    <a href="/commercial/property-management/">Property Management</a>
                </div>
            </div>
        </li>
    </ul>
    <div class="nav-contact">
        <a href="https://www.facebook.com/profile.php?id=61559554960851" class="social-icon" aria-label="Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a>
        <a href="https://www.instagram.com/lahrautospa/" class="social-icon" aria-label="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
        <a href="tel:315-719-1218" class="btn btn-ghost"><i class="fas fa-phone"></i></a>
        <a href="https://bookedin.com/book/lahr-carpet-cleaning-and-upholstery" class="btn btn-primary" target="_blank" rel="noopener noreferrer"><i class="fas fa-calendar-check"></i> Book Online</a>
    </div>
    <button class="mobile-menu-toggle" aria-label="Toggle menu">
        <span></span><span></span><span></span>
    </button>
</nav>`;

    var FOOTER = `<footer class="footer">
    <div class="container">
        <div class="footer-grid">
            <div class="footer-brand">
                <a href="/" class="footer-logo">
                    <span class="logo-text">Lahr <span class="logo-highlight">Carpet</span></span>
                </a>
                <p>We clean carpets, upholstery, rugs, and hard floors for homes and businesses in Waterloo, Geneva, and the Finger Lakes region.</p>
            </div>
            <div class="footer-links">
                <h4>Services</h4>
                <ul>
                    <li><a href="/services/carpet-cleaning/">Carpet Cleaning</a></li>
                    <li><a href="/services/stairs/">Stairs Cleaning</a></li>
                    <li><a href="/services/upholstery/">Upholstery Cleaning</a></li>
                    <li><a href="/services/floors/">Floor Cleaning</a></li>
                    <li><a href="/services/add-ons/">Add-On Services</a></li>
                    <li><a href="/services/area-rugs/">Area Rug Cleaning</a></li>
                    <li><a href="/services/commercial/">Commercial Cleaning</a></li>
                </ul>
            </div>
            <div class="footer-links">
                <h4>Service Areas</h4>
                <ul>
                    <li><a href="/locations/waterloo-ny/">Waterloo, NY</a></li>
                    <li><a href="/locations/geneva-ny/">Geneva, NY</a></li>
                    <li><a href="/locations/seneca-falls-ny/">Seneca Falls, NY</a></li>
                    <li><a href="/locations/canandaigua-ny/">Canandaigua, NY</a></li>
                    <li><a href="/locations/penn-yan-ny/">Penn Yan, NY</a></li>
                    <li><a href="/locations/victor-ny/">Victor, NY</a></li>
                    <li><a href="/locations/newark-ny/">Newark, NY</a></li>
                    <li><a href="/locations/">All Locations &rarr;</a></li>
                </ul>
            </div>
            <div class="footer-links">
                <h4>Contact Us</h4>
                <ul>
                    <li><i class="fas fa-phone"></i> <a href="tel:315-719-1218">315-719-1218</a></li>
                    <li><i class="fas fa-envelope"></i> <a href="mailto:lahrcarpet@gmail.com">lahrcarpet@gmail.com</a></li>
                    <li><i class="fas fa-location-dot"></i> 1076 Waterloo/Geneva Road, Waterloo, NY</li>
                    <li><i class="fas fa-calendar-check"></i> <a href="https://bookedin.com/book/lahr-carpet-cleaning-and-upholstery" target="_blank" rel="noopener noreferrer">Book Online</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <p>&copy; 2025 All Rights Reserved. Lahr Carpet Cleaning</p>
        </div>
    </div>
</footer>`;

    var PROCESS = `<section class="how-it-works">
    <div class="container">
        <div class="section-header">
            <span class="section-label">How It Works</span>
            <h2 class="section-title">Getting Started Is Simple</h2>
            <p class="section-subtitle">Three steps from first contact to clean carpets.</p>
        </div>
        <div class="process-track">
            <div class="process-connector"><div class="process-connector-fill"></div></div>
            <div class="process-step">
                <div class="process-num">1</div>
                <h3>Contact Us</h3>
                <p>Call or submit the form online. Tell us what you need cleaned and we will confirm availability for your area.</p>
            </div>
            <div class="process-step">
                <div class="process-num">2</div>
                <h3>We Arrive and Clean</h3>
                <p>Our technician arrives on time with professional equipment. We pre-treat, extract, and inspect before we leave.</p>
            </div>
            <div class="process-step">
                <div class="process-num">3</div>
                <h3>Enjoy the Results</h3>
                <p>Your carpets dry in hours. You will see and smell the difference the same day we finish.</p>
            </div>
        </div>
    </div>
</section>`;

    function inject() {
        var navEl = document.getElementById('site-nav');
        var footerEl = document.getElementById('site-footer');
        var processEl = document.getElementById('site-process');
        if (navEl) navEl.innerHTML = NAV;
        if (footerEl) footerEl.innerHTML = FOOTER;
        if (processEl) processEl.outerHTML = PROCESS;
    }
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', inject);
    } else {
        inject();
    }
})();