// Footer Component
const footerContent = `
<footer class="footer bg-dark text-light py-5">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <h5>About Netify</h5>
                <p>Empowering businesses with cutting-edge network management solutions.</p>
            </div>
            <div class="col-md-4">
                <h5>Quick Links</h5>
                <ul class="list-unstyled">
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="products.html">Products</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
            <div class="col-md-4">
                <h5>Contact Us</h5>
                <ul class="list-unstyled">
                    <li><i class="fas fa-envelope me-2"></i> info@netify.in</li>
                    <li><i class="fas fa-phone me-2"></i> +91-9599521741</li>
                </ul>
            </div>
        </div>
        <hr class="mt-4">
        <div class="row">
            <div class="col-12 text-center">
                <p class="mb-0">&copy; ${new Date().getFullYear()} Netify. All rights reserved.</p>
            </div>
        </div>
    </div>
</footer>
`;

// Function to inject footer
function injectFooter() {
    document.body.insertAdjacentHTML('beforeend', footerContent);
}

// Inject footer when DOM is loaded
document.addEventListener('DOMContentLoaded', injectFooter);