   <footer class="footer-modern">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 mb-4">
                    <h5 class="fw-bold mb-3">Celebrity Management Platform</h5>
                    <p class="text-light opacity-75 mb-4">Your premier destination for exclusive celebrity interactions
                        and unforgettable fan experiences.</p>
                    <div class="d-flex gap-3">
                        <a href="#" class="text-light opacity-75 hover-opacity-100"><i
                                class="fab fa-facebook-f fa-lg"></i></a>
                        <a href="#" class="text-light opacity-75 hover-opacity-100"><i
                                class="fab fa-twitter fa-lg"></i></a>
                        <a href="#" class="text-light opacity-75 hover-opacity-100"><i
                                class="fab fa-instagram fa-lg"></i></a>
                        <a href="#" class="text-light opacity-75 hover-opacity-100"><i
                                class="fab fa-linkedin-in fa-lg"></i></a>
                    </div>
                </div>
                <div class="col-lg-2 col-md-4 mb-4">
                    <h6 class="fw-semibold mb-3">Quick Links</h6>
                    <ul class="list-unstyled">
                        <li class="mb-2"><a href="http://celebbookingsmeetups.com"
                                class="text-light opacity-75 text-decoration-none hover-opacity-100">Home</a></li>
                        <li class="mb-2"><a href="http://celebbookingsmeetups.com/celebrities"
                                class="text-light opacity-75 text-decoration-none hover-opacity-100">Celebrities</a>
                        </li>
                        <li class="mb-2"><a href="http://celebbookingsmeetups.com/contact"
                                class="text-light opacity-75 text-decoration-none hover-opacity-100">Contact</a></li>
                        <li class="mb-2"><a href="#"
                                class="text-light opacity-75 text-decoration-none hover-opacity-100">About Us</a></li>
                    </ul>
                </div>
                <div class="col-lg-2 col-md-4 mb-4">
                    <h6 class="fw-semibold mb-3">Services</h6>
                    <ul class="list-unstyled">
                        <li class="mb-2"><span class="text-light opacity-75">Fan Cards</span></li>
                        <li class="mb-2"><span class="text-light opacity-75">Meet & Greets</span></li>
                        <li class="mb-2"><span class="text-light opacity-75">Event Bookings</span></li>
                        <li class="mb-2"><span class="text-light opacity-75">VIP Experiences</span></li>
                    </ul>
                </div>
                <div class="col-lg-4 col-md-4 mb-4">
                    <h6 class="fw-semibold mb-3">Contact Information</h6>
                    <div class="d-flex align-items-center mb-2">
                        <i class="fas fa-envelope me-3 text-primary"></i>
                        <a href="mailto:support@starplug.com"
                            class="text-light text-decoration-none hover-opacity-100">
                            <span class="opacity-75 hover-opacity-100">support@starplug.com</span>
                        </a>
                    </div>
                    <div class="d-flex align-items-center mb-2">
                        <i class="fas fa-phone me-3 text-primary"></i>
                        <a href="tel:+447350860639" class="text-light text-decoration-none hover-opacity-100">
                            <span class="opacity-75 hover-opacity-100">+447350860639</span>
                        </a>
                    </div>
                </div>
            </div>
            <hr class="my-4 opacity-25">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <p class="text-light opacity-75 mb-0">&copy; 2025 Celebrity Management Platform. All rights
                        reserved.</p>
                </div>
                <div class="col-md-6 text-md-end">
                    <a href="#" class="text-light opacity-75 text-decoration-none me-3 hover-opacity-100">Privacy
                        Policy</a>
                    <a href="#" class="text-light opacity-75 text-decoration-none hover-opacity-100">Terms of
                        Service</a>
                </div>
            </div>
        </div>
    </footer>


    <!-- Load scripts with defer -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" defer></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="http://celebbookingsmeetups.com/js/app.js" defer></script>
    <script src="http://celebbookingsmeetups.com/js/lazy-load.js" defer></script>

    <!-- Preload critical resources -->
    <link rel="preload" href="http://celebbookingsmeetups.com/js/lazy-load.js" as="script">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" as="script">
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js" as="script">

    <!-- Preconnect to external domains -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net">
    <link rel="preconnect" href="https://cdnjs.cloudflare.com">
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">

    <script>
        // Add smooth scrolling and modern interactions
        document.addEventListener('DOMContentLoaded', function () {
            // Animate elements on scroll
            const observerOptions = {
                threshold: 0.1,
                rootMargin: '0px 0px -50px 0px'
            };

            const observer = new IntersectionObserver(function (entries) {
                entries.forEach(entry => {
                    if (entry.isIntersecting) {
                        entry.target.classList.add('fade-in-up');
                    }
                });
            }, observerOptions);

            // Observe all cards and feature elements
            document.querySelectorAll('.card-modern, .feature-card, .celebrity-card').forEach(el => {
                observer.observe(el);
            });

            // Add loading states to buttons
            document.querySelectorAll('form').forEach(form => {
                form.addEventListener('submit', function () {
                    const submitBtn = form.querySelector('button[type="submit"]');
                    if (submitBtn) {
                        submitBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Processing...';
                        submitBtn.disabled = true;
                    }
                });
            });
        });
    </script>

    <!-- Load remaining scripts -->

    <!-- Google Analytics (example) -->

</body>

</html>