<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="csrf-token" content="VMNPzr6Q1iwPmTZ7S6ZrbTV13D0p0ZTRHBfhrmRh">
    <meta name="description" content="Complete sitemap for Global Lions LTD - Find all pages and information about
    our independent holiday-planning consultancy services.">
    <title>Sitemap - Global Lions LTD</title>

    <!-- Fonts -->
    <link
        href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&display=swap"
        rel="stylesheet">

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

    <!-- Vite Assets -->
    <link rel="preload" as="style" href="https://www.globallionltd.co.uk/build/assets/app-CFTSNpgM.css" /><link rel="modulepreload" href="https://www.globallionltd.co.uk/build/assets/app-ltjrrDhq.js" /><link rel="stylesheet" href="https://www.globallionltd.co.uk/build/assets/app-CFTSNpgM.css" /><script type="module" src="https://www.globallionltd.co.uk/build/assets/app-ltjrrDhq.js"></script>
    </head>

<body class="antialiased flex flex-col min-h-screen">
    <!-- Loading Screen -->
    <div id="loadingScreen" class="fixed inset-0 z-[9999] bg-navy-900 flex items-center justify-center">
        <div class="text-center">
            <div class="w-10 h-10 border-3 border-gold-500/30 border-t-gold-500 rounded-full animate-spin mx-auto mb-3">
            </div>
            <p class="text-gold-500 text-sm">Loading...</p>
        </div>
    </div>

    <!-- Toast Container -->
    <div id="toastContainer" class="fixed bottom-4 right-4 z-50"></div>

    <!-- Top Bar -->
    <div class="bg-navy-800 border-b border-navy-700 text-gray-400 text-sm py-2">
    <div class="container-custom">
        <div class="flex flex-col md:flex-row justify-between items-center gap-2">
            <div class="flex flex-wrap items-center gap-4 justify-center">
                <a href="tel:+442039836853" class="hover:text-gold-500 transition-colors flex items-center gap-1.5">
                    <i class="fas fa-phone-alt text-gold-500 text-xs"></i>
                    <span>0203 983 6853</span>
                </a>
                <span class="hidden md:inline text-navy-600">|</span>
                <a href="mailto:info@globallion.co.uk" class="hover:text-gold-500 transition-colors flex items-center gap-1.5">
                    <i class="fas fa-envelope text-gold-500 text-xs"></i>
                    <span>info@globallion.co.uk</span>
                </a>
                <span class="hidden md:inline text-navy-600">|</span>
                <div class="flex items-center gap-1.5">
                    <i class="fas fa-map-marker-alt text-gold-500 text-xs"></i>
                    <span>Office 749, 85 Dunstall Hill, Wolverhampton, WV6 0SR, United Kingdom</span>
                </div>
            </div>
            <div class="flex items-center gap-2 text-xs">
                <i class="fas fa-clock text-gold-500"></i>
                <span>Mon–Sat: 9:00 AM - 8:00 PM</span>
            </div>
        </div>
    </div>
</div>

    <!-- Header -->
    <header class="bg-navy-900/95 backdrop-blur-md sticky top-0 z-50 border-b border-navy-800">
    <div class="container-custom py-4">
        <div class="flex justify-between items-center">
            <!-- Logo -->
            <a href="https://www.globallionltd.co.uk" class="flex items-center gap-3 group">
                <img src="https://www.globallionltd.co.uk/images/globallions-white.png" alt="Global Lions LTD"
                    class="h-12 w-auto transition-transform duration-300 group-hover:scale-105">
            </a>

            <!-- Desktop Navigation -->
            <nav class="hidden lg:block">
                <ul class="flex items-center gap-8">
                    <li>
                        <a href="https://www.globallionltd.co.uk"
                           class="relative text-gray-300 hover:text-gold-500 transition-colors font-medium ">
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/about-us"
                           class="relative text-gray-300 hover:text-gold-500 transition-colors font-medium ">
                            About
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/faq"
                           class="relative text-gray-300 hover:text-gold-500 transition-colors font-medium ">
                            FAQs
                        </a>
                    </li>

                    <!-- Legal Dropdown - Desktop -->
                    <li class="relative group/dropdown">
                        <button id="legalDropdownBtn"
                            class="flex items-center gap-1 text-gray-300 hover:text-gold-500 transition-colors font-medium ">
                            Legal <i class="fas fa-chevron-down text-[10px] transition-transform duration-200 group-hover/dropdown:rotate-180"></i>
                        </button>
                        <div id="legalDropdown"
                            class="absolute top-full left-0 mt-2 w-56 bg-navy-800 border border-navy-700 rounded-lg shadow-xl opacity-0 invisible group-hover/dropdown:opacity-100 group-hover/dropdown:visible transition-all duration-200 z-50">
                            <div class="py-2">
                                <a href="https://www.globallionltd.co.uk/privacy-policy"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Privacy Policy
                                </a>
                                <a href="https://www.globallionltd.co.uk/terms-conditions"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Terms & Conditions
                                </a>
                                <a href="https://www.globallionltd.co.uk/booking-terms"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Booking Terms
                                </a>
                                <a href="https://www.globallionltd.co.uk/cookie-policy"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Cookie Policy
                                </a>
                                <a href="https://www.globallionltd.co.uk/cancellation-policy"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Cancellation Policy
                                </a>
                                <a href="https://www.globallionltd.co.uk/refund-policy"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Refund Policy
                                </a>
                                <a href="https://www.globallionltd.co.uk/complaints-policy"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Complaints Policy
                                </a>
                                <hr class="border-navy-700 my-1">
                                <a href="https://www.globallionltd.co.uk/sitemap"
                                   class="block px-4 py-2 text-sm text-gray-300 hover:text-gold-500 hover:bg-navy-700 transition-colors ">
                                    Sitemap
                                </a>
                            </div>
                        </div>
                    </li>

                    <li>
                        <a href="https://www.globallionltd.co.uk/contact-us"
                           class="relative text-gray-300 hover:text-gold-500 transition-colors font-medium ">
                            Contact
                        </a>
                    </li>
                    <li>
                        <a href="tel:+442039836853" class="btn-primary text-sm py-2.5 px-5">
                            <i class="fas fa-phone-alt"></i> 0203 983 6853
                        </a>
                    </li>
                </ul>
            </nav>

            <!-- Mobile Menu Button -->
            <button id="mobileMenuBtn" class="lg:hidden text-2xl text-white hover:text-gold-500 transition-colors">
                <i class="fas fa-bars"></i>
            </button>
        </div>

        <!-- Mobile Navigation -->
        <nav id="mobileMenu" class="hidden lg:hidden mt-4 pt-4 border-t border-navy-800">
            <ul class="flex flex-col gap-3">
                <li>
                    <a href="https://www.globallionltd.co.uk"
                       class="block text-gray-300 hover:text-gold-500 transition-colors py-2 pl-4">
                        Home
                    </a>
                </li>
                <li>
                    <a href="https://www.globallionltd.co.uk/about-us"
                       class="block text-gray-300 hover:text-gold-500 transition-colors py-2 pl-4">
                        About
                    </a>
                </li>
                <li>
                    <a href="https://www.globallionltd.co.uk/faq"
                       class="block text-gray-300 hover:text-gold-500 transition-colors py-2 pl-4">
                        FAQs
                    </a>
                </li>
                <li>
                    <a href="https://www.globallionltd.co.uk/contact-us"
                       class="block text-gray-300 hover:text-gold-500 transition-colors py-2 pl-4">
                        Contact
                    </a>
                </li>

                <!-- Legal Dropdown - Mobile -->
                <li>
                    <button id="mobileLegalBtn"
                        class="flex items-center justify-between w-full text-gray-300 hover:text-gold-500 transition-colors py-2 pl-4 pr-2 ">
                        Legal <i class="fas fa-chevron-down text-xs transition-transform duration-200"></i>
                    </button>
                    <div id="mobileLegalMenu" class="hidden mt-2 space-y-2 border-l-2 border-navy-700 ml-4">
                        <a href="https://www.globallionltd.co.uk/privacy-policy"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Privacy Policy
                        </a>
                        <a href="https://www.globallionltd.co.uk/terms-conditions"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Terms & Conditions
                        </a>
                        <a href="https://www.globallionltd.co.uk/booking-terms"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Booking Terms
                        </a>
                        <a href="https://www.globallionltd.co.uk/cookie-policy"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Cookie Policy
                        </a>
                        <a href="https://www.globallionltd.co.uk/cancellation-policy"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Cancellation Policy
                        </a>
                        <a href="https://www.globallionltd.co.uk/refund-policy"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Refund Policy
                        </a>
                        <a href="https://www.globallionltd.co.uk/complaints-policy"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Complaints Policy
                        </a>
                        <hr class="border-navy-700 my-1">
                        <a href="https://www.globallionltd.co.uk/sitemap"
                           class="block text-gray-400 hover:text-gold-500 text-sm py-1.5 transition-colors pl-4 ">
                            Sitemap
                        </a>
                    </div>
                </li>

                <li class="mt-2">
                    <a href="tel:+442039836853" class="btn-primary inline-flex justify-center text-sm py-2.5 px-5">
                        <i class="fas fa-phone-alt"></i> Free Consultation
                    </a>
                </li>
            </ul>
        </nav>
    </div>
</header>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        // Mobile menu toggle
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const mobileMenu = document.getElementById('mobileMenu');

        if (mobileMenuBtn && mobileMenu) {
            mobileMenuBtn.addEventListener('click', function() {
                mobileMenu.classList.toggle('hidden');
                const icon = this.querySelector('i');
                if (icon) {
                    icon.classList.toggle('fa-bars');
                    icon.classList.toggle('fa-times');
                }
            });

            // Close mobile menu when clicking a link
            mobileMenu.querySelectorAll('a').forEach(link => {
                link.addEventListener('click', () => {
                    mobileMenu.classList.add('hidden');
                    const icon = mobileMenuBtn.querySelector('i');
                    if (icon) {
                        icon.classList.add('fa-bars');
                        icon.classList.remove('fa-times');
                    }
                });
            });
        }

        // Mobile legal dropdown toggle
        const mobileLegalBtn = document.getElementById('mobileLegalBtn');
        const mobileLegalMenu = document.getElementById('mobileLegalMenu');

        if (mobileLegalBtn && mobileLegalMenu) {
            mobileLegalBtn.addEventListener('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                mobileLegalMenu.classList.toggle('hidden');
                const icon = this.querySelector('i');
                if (icon) {
                    icon.classList.toggle('rotate-180');
                }
            });
        }

        // Close mobile legal menu when clicking outside
        document.addEventListener('click', function(event) {
            if (mobileLegalMenu && !mobileLegalMenu.classList.contains('hidden')) {
                if (!mobileLegalBtn.contains(event.target) && !mobileLegalMenu.contains(event.target)) {
                    mobileLegalMenu.classList.add('hidden');
                    const icon = mobileLegalBtn?.querySelector('i');
                    if (icon) {
                        icon.classList.remove('rotate-180');
                    }
                }
            }
        });
    });
</script>

<style>
    /* Dropdown hover animation for desktop */
    @media (min-width: 1024px) {
        .group\/dropdown:hover #legalDropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        #legalDropdown {
            transform: translateY(-10px);
        }
    }

    /* Rotate animation */
    .rotate-180 {
        transform: rotate(180deg);
    }

    /* Transition for chevron */
    .fa-chevron-down {
        transition: transform 0.2s ease;
    }

    /* Active page indicator for desktop */
    .active-page {
        @apply text-gold-500;
    }

    .active-page::after {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #E8A317;
        border-radius: 2px;
    }
</style>


    <!-- Main Content -->
    <main class="flex-grow">
            <div class="bg-navy-900 min-h-screen py-12">
        <div class="container-custom">
            <!-- Header -->
            <div class="text-center mb-10">
                <div
                    class="inline-flex items-center gap-2 bg-gold-500/10 border border-gold-500/30 rounded-full px-3 py-1 text-gold-400 text-[10px] font-semibold mb-3">
                    <i class="fas fa-sitemap text-xs"></i>
                    Site Navigation
                </div>
                <h1 class="text-3xl md:text-4xl font-bold text-white mb-2">Website Sitemap</h1>
                <p class="text-gray-400 text-sm">Find everything you need to know about Global Lions
                    and our services</p>
            </div>

            <!-- Statistics Cards -->
            <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-10">
                <div class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-4 text-center">
                    <div class="text-gold-500 text-3xl font-bold">11</div>
                    <div class="text-white text-sm font-semibold">Total Pages</div>
                    <div class="text-gray-500 text-xs">Main + Legal Pages</div>
                </div>
                <div class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-4 text-center">
                    <div class="text-gold-500 text-3xl font-bold">4</div>
                    <div class="text-white text-sm font-semibold">Main Pages</div>
                    <div class="text-gray-500 text-xs">Home, About, Contact, FAQ</div>
                </div>
                <div class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-4 text-center">
                    <div class="text-gold-500 text-3xl font-bold">7</div>
                    <div class="text-white text-sm font-semibold">Legal Pages</div>
                    <div class="text-gray-500 text-xs">Policies & Terms</div>
                </div>
                <div class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-4 text-center">
                    <div class="text-gold-500 text-3xl font-bold">9-8</div>
                    <div class="text-white text-sm font-semibold">Support Hours</div>
                    <div class="text-gray-500 text-xs">Mon-Sat: 9am-8pm</div>
                </div>
            </div>

            <!-- Sitemap Grid -->
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-10">
                <!-- Main Pages Card -->
                <div
                    class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-5 hover:border-gold-500/30 transition-all">
                    <div class="flex items-center gap-3 pb-3 mb-3 border-b border-navy-700">
                        <div class="w-10 h-10 bg-gold-500/10 rounded-lg flex items-center justify-center">
                            <i class="fas fa-home text-gold-500"></i>
                        </div>
                        <h3 class="text-white font-semibold">Main Pages</h3>
                    </div>
                    <ul class="space-y-2">
                        <li>
                            <a href="https://www.globallionltd.co.uk"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Home
                                <span class="text-[10px] bg-gold-500/20 text-gold-400 px-1.5 py-0.5 rounded">Start
                                    Here</span>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/about-us"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                About Us
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/contact-us"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Contact Us
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/faq"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                FAQ
                            </a>
                        </li>
                    </ul>
                </div>

                <!-- Legal Policies Card -->
                <div
                    class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-5 hover:border-gold-500/30 transition-all">
                    <div class="flex items-center gap-3 pb-3 mb-3 border-b border-navy-700">
                        <div class="w-10 h-10 bg-gold-500/10 rounded-lg flex items-center justify-center">
                            <i class="fas fa-gavel text-gold-500"></i>
                        </div>
                        <h3 class="text-white font-semibold">Legal Policies</h3>
                    </div>
                    <ul class="space-y-2">
                        <li>
                            <a href="https://www.globallionltd.co.uk/privacy-policy"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Privacy Policy
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/terms-conditions"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Terms & Conditions
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/booking-terms"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Booking Terms
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/cookie-policy"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Cookie Policy
                            </a>
                        </li>
                    </ul>
                </div>

                <!-- Customer Service Card -->
                <div
                    class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 p-5 hover:border-gold-500/30 transition-all">
                    <div class="flex items-center gap-3 pb-3 mb-3 border-b border-navy-700">
                        <div class="w-10 h-10 bg-gold-500/10 rounded-lg flex items-center justify-center">
                            <i class="fas fa-headset text-gold-500"></i>
                        </div>
                        <h3 class="text-white font-semibold">Customer Service</h3>
                    </div>
                    <ul class="space-y-2">
                        <li>
                            <a href="https://www.globallionltd.co.uk/refund-policy"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Refund Policy
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/cancellation-policy"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Cancellation Policy
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/complaints-policy"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Complaints Policy
                            </a>
                        </li>
                        <li>
                            <a href="https://www.globallionltd.co.uk/faq"
                                class="text-gray-400 hover:text-gold-500 text-sm flex items-center gap-2 transition-colors">
                                <i class="fas fa-chevron-right text-gold-500 text-[10px]"></i>
                                Frequently Asked Questions
                            </a>
                        </li>
                    </ul>
                </div>
            </div>

            <!-- Visual Sitemap Tree -->
            <div class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 px-6 py-6 mb-10">
                <h3 class="text-white font-semibold text-lg text-center mb-6">Visual Site Structure</h3>
                <div class="flex flex-col items-center">
                    <!-- Root -->
                    <div class="bg-gold-500/20 border border-gold-500/30 rounded-lg px-6 py-2 mb-6">
                        <i class="fas fa-home text-gold-500 mr-2"></i>
                        <span class="text-white font-medium">Global Lions Homepage</span>
                    </div>

                    <!-- Branches -->
                    <div class="flex flex-col md:flex-row justify-center gap-6 w-full">
                        <!-- Main Pages Branch -->
                        <div class="flex-1">
                            <div class="bg-navy-700 rounded-lg px-4 py-2 mb-3 inline-block">
                                <span class="text-gold-400 text-sm font-semibold">Main Pages</span>
                            </div>
                            <ul class="space-y-2">
                                <li><a href="https://www.globallionltd.co.uk" class="text-gray-400 hover:text-gold-500 text-sm">
                                        Home</a></li>
                                <li><a href="https://www.globallionltd.co.uk/about-us" class="text-gray-400 hover:text-gold-500 text-sm">
                                        About Us</a></li>
                                <li><a href="https://www.globallionltd.co.uk/contact-us" class="text-gray-400 hover:text-gold-500 text-sm">
                                        Contact Us</a></li>
                                <li><a href="https://www.globallionltd.co.uk/faq" class="text-gray-400 hover:text-gold-500 text-sm">
                                        FAQ</a></li>
                            </ul>
                        </div>

                        <!-- Legal Pages Branch -->
                        <div class="flex-1">
                            <div class="bg-navy-700 rounded-lg px-4 py-2 mb-3 inline-block">
                                <span class="text-gold-400 text-sm font-semibold">Legal Pages</span>
                            </div>
                            <ul class="space-y-2">
                                <li><a href="https://www.globallionltd.co.uk/privacy-policy" class="text-gray-400 hover:text-gold-500 text-sm">
                                        Privacy Policy</a></li>
                                <li><a href="https://www.globallionltd.co.uk/terms-conditions" class="text-gray-400 hover:text-gold-500 text-sm">
                                        Terms & Conditions</a></li>
                                <li><a href="https://www.globallionltd.co.uk/booking-terms"
                                        class="text-gray-400 hover:text-gold-500 text-sm"> Booking Terms</a></li>
                                <li><a href="https://www.globallionltd.co.uk/cookie-policy" class="text-gray-400 hover:text-gold-500 text-sm">
                                        Cookie Policy</a></li>
                            </ul>
                        </div>

                        <!-- Policies Branch -->
                        <div class="flex-1">
                            <div class="bg-navy-700 rounded-lg px-4 py-2 mb-3 inline-block">
                                <span class="text-gold-400 text-sm font-semibold">Policies</span>
                            </div>
                            <ul class="space-y-2">
                                <li><a href="https://www.globallionltd.co.uk/refund-policy" class="text-gray-400 hover:text-gold-500 text-sm">
                                        Refund Policy</a></li>
                                <li><a href="https://www.globallionltd.co.uk/cancellation-policy"
                                        class="text-gray-400 hover:text-gold-500 text-sm"> Cancellation Policy</a></li>
                                <li><a href="https://www.globallionltd.co.uk/complaints-policy"
                                        class="text-gray-400 hover:text-gold-500 text-sm"> Complaints Policy</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <!-- URL Structure -->
            <div class="bg-navy-800/50 backdrop-blur-sm rounded-xl border border-navy-700 px-6 py-6 mb-10">
                <h3 class="text-white font-semibold text-lg text-center mb-6">URL Structure</h3>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-3">
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/</div>
                            <div class="text-gray-400 text-xs">Home</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/about-us</div>
                            <div class="text-gray-400 text-xs">About Us</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/contact-us</div>
                            <div class="text-gray-400 text-xs">Contact Us</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/faq</div>
                            <div class="text-gray-400 text-xs">FAQ</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/privacy-policy</div>
                            <div class="text-gray-400 text-xs">Privacy Policy</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/terms-conditions</div>
                            <div class="text-gray-400 text-xs">Terms & Conditions</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/booking-terms</div>
                            <div class="text-gray-400 text-xs">Booking Terms</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/refund-policy</div>
                            <div class="text-gray-400 text-xs">Refund Policy</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/cancellation-policy</div>
                            <div class="text-gray-400 text-xs">Cancellation Policy</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/cookie-policy</div>
                            <div class="text-gray-400 text-xs">Cookie Policy</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3">
                        <div class="w-8 h-8 bg-navy-700 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/complaints-policy</div>
                            <div class="text-gray-400 text-xs">Complaints Policy</div>
                        </div>
                    </div>
                    <div class="flex items-center gap-3 bg-navy-900/50 rounded-lg p-3 border border-gold-500/20">
                        <div class="w-8 h-8 bg-gold-500/20 rounded-lg flex items-center justify-center">
                            <i class="fas fa-link text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gold-400 text-xs font-mono">/sitemap</div>
                            <div class="text-gray-400 text-xs">Sitemap (You Are Here)</div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- XML Sitemap Section -->
            <div
                class="bg-gradient-to-r from-navy-800 to-navy-700 rounded-xl border border-gold-500/20 text-center mb-8 px-10 py-10">
                <div class="w-14 h-14 bg-gold-500/20 rounded-full flex items-center justify-center mx-auto mb-3">
                    <i class="fas fa-file-code text-gold-500 text-xl"></i>
                </div>
                <h3 class="text-white font-semibold text-lg mb-2">XML Sitemap for Search Engines</h3>
                <p class="text-gray-400 text-sm mb-4">Help search engines discover and index all pages on our website</p>
                <div class="flex flex-wrap gap-3 justify-center">
                    <a href="https://www.globallionltd.co.uk/sitemap.xml" class="btn-primary text-sm">
                        <i class="fas fa-file-code"></i> View XML Sitemap
                    </a>
                    <a href="https://www.globallionltd.co.uk/robots.txt"
                        class="border border-gold-500 text-gold-500 px-5 py-2.5 rounded-lg text-sm font-semibold hover:bg-gold-500 hover:text-navy-900 transition-all">
                        <i class="fas fa-robot"></i> View robots.txt
                    </a>
                </div>
            </div>

            <!-- Quick Contact -->
            <div class="text-center mb-8">
                <p class="text-gray-400 text-sm">
                    Can't find what you're looking for?
                    <a href="https://www.globallionltd.co.uk/contact-us" class="text-gold-500 hover:underline font-medium">Contact us</a> for
                    assistance.
                </p>
            </div>

            <!-- Compliance Note -->
            <div class="bg-navy-800/30 rounded-lg p-4 text-center border border-navy-700">
                <p class="text-gray-500 text-xs">
                    <i class="fas fa-shield-alt text-gold-500 mr-1"></i>
                    Global Lions is an independent holiday-planning consultancy. We do not book flights or hotels on your behalf and do not provide ATOL/ABTA protection.
                </p>
            </div>
        </div>
    </div>
    </main>

    <!-- Footer -->
    <footer class="bg-navy-900 border-t border-navy-800 pt-12 pb-6 mt-auto">
    <div class="container-custom">
        <!-- Main Footer Grid -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-8">

            <!-- Column 1: Company Info -->
            <div class="space-y-4">
                <div class="flex items-center gap-3">
                    <img src="https://www.globallionltd.co.uk/images/globallions-white.png" alt="Global Lions LTD"
                        class="h-10 w-auto" onerror="this.style.display='none'">
                </div>

                <p class="text-gray-500 text-xs leading-relaxed">
                    Your UK-based independent holiday-planning consultancy. We research your ideal trip and build a personalised itinerary — you book directly with your chosen airline, hotel or tour operator.
                </p>

                <div class="flex items-center gap-2 text-gray-600 text-[11px]">
                    <i class="fas fa-registered text-gold-500 text-[10px]"></i>
                    <span>Company Reg: 10736091</span>
                </div>

                <!-- Trust Badges -->
                <div class="flex flex-wrap gap-3 pt-2">
                    <div class="flex items-center gap-1.5">
                        <i class="fas fa-shield-alt text-gold-500 text-xs"></i>
                        <span class="text-gray-500 text-[10px]">100% Independent</span>
                    </div>
                    <div class="flex items-center gap-1.5">
                        <i class="fas fa-lock text-gold-500 text-xs"></i>
                        <span class="text-gray-500 text-[10px]">No Hidden Fees</span>
                    </div>
                    <div class="flex items-center gap-1.5">
                        <i class="fas fa-headset text-gold-500 text-xs"></i>
                        <span class="text-gray-500 text-[10px]">UK Based</span>
                    </div>
                </div>
            </div>

            <!-- Column 2: Quick Links -->
            <div>
                <h4 class="text-white text-sm font-semibold mb-4 flex items-center gap-2">
                    <i class="fas fa-link text-gold-500 text-xs"></i>
                    Quick Links
                </h4>
                <ul class="space-y-2">
                    <li>
                        <a href="https://www.globallionltd.co.uk"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-chevron-right text-gold-500 text-[8px]"></i>
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/about-us"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-chevron-right text-gold-500 text-[8px]"></i>
                            About Us
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/faq"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-chevron-right text-gold-500 text-[8px]"></i>
                            FAQs
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/contact-us"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-chevron-right text-gold-500 text-[8px]"></i>
                            Contact Us
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/sitemap"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-chevron-right text-gold-500 text-[8px]"></i>
                            Sitemap
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Column 3: Legal & Policies -->
            <div>
                <h4 class="text-white text-sm font-semibold mb-4 flex items-center gap-2">
                    <i class="fas fa-gavel text-gold-500 text-xs"></i>
                    Legal
                </h4>
                <ul class="space-y-2">
                    <li>
                        <a href="https://www.globallionltd.co.uk/privacy-policy"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-shield-alt text-gold-500 text-[10px]"></i>
                            Privacy Policy
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/terms-conditions"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-file-contract text-gold-500 text-[10px]"></i>
                            Terms & Conditions
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/booking-terms"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-ticket-alt text-gold-500 text-[10px]"></i>
                            Booking Terms
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/cookie-policy"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-cookie-bite text-gold-500 text-[10px]"></i>
                            Cookie Policy
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/cancellation-policy"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-times-circle text-gold-500 text-[10px]"></i>
                            Cancellation Policy
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/refund-policy"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-undo-alt text-gold-500 text-[10px]"></i>
                            Refund Policy
                        </a>
                    </li>
                    <li>
                        <a href="https://www.globallionltd.co.uk/complaints-policy"
                            class="text-gray-500 hover:text-gold-500 text-xs flex items-center gap-2 transition-colors">
                            <i class="fas fa-comment-dots text-gold-500 text-[10px]"></i>
                            Complaints Policy
                        </a>
                    </li>
                </ul>
            </div>

            <!-- Column 4: Contact Info -->
            <div>
                <h4 class="text-white text-sm font-semibold mb-4 flex items-center gap-2">
                    <i class="fas fa-address-card text-gold-500 text-xs"></i>
                    Contact Us
                </h4>
                <ul class="space-y-3">
                    <!-- Phone -->
                    <li class="flex items-start gap-3">
                        <div class="w-7 h-7 bg-navy-800 rounded-lg flex items-center justify-center flex-shrink-0">
                            <i class="fas fa-phone-alt text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gray-500 text-[10px] uppercase tracking-wider">Call Us</div>
                            <a href="tel:+442039836853"
                                class="text-white text-sm hover:text-gold-500 transition-colors">
                                0203 983 6853
                            </a>
                        </div>
                    </li>

                    <!-- WhatsApp -->
                    <li class="flex items-start gap-3">
                        <div class="w-7 h-7 bg-navy-800 rounded-lg flex items-center justify-center flex-shrink-0">
                            <i class="fab fa-whatsapp text-green-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gray-500 text-[10px] uppercase tracking-wider">WhatsApp</div>
                            <a href="https://wa.me/+447476664649"
                                class="text-white text-sm hover:text-green-400 transition-colors" target="_blank">
                                07476664649
                            </a>
                        </div>
                    </li>

                    <!-- Email -->
                    <li class="flex items-start gap-3">
                        <div class="w-7 h-7 bg-navy-800 rounded-lg flex items-center justify-center flex-shrink-0">
                            <i class="fas fa-envelope text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gray-500 text-[10px] uppercase tracking-wider">Email Us</div>
                            <a href="mailto:info@globallion.co.uk"
                                class="text-white text-sm hover:text-gold-500 transition-colors break-all">
                                info@globallion.co.uk
                            </a>
                        </div>
                    </li>

                    <!-- Support Email -->
                    <li class="flex items-start gap-3">
                        <div class="w-7 h-7 bg-navy-800 rounded-lg flex items-center justify-center flex-shrink-0">
                            <i class="fas fa-headset text-gold-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gray-500 text-[10px] uppercase tracking-wider">Support</div>
                            <a href="mailto:support@globallion.co.uk"
                                class="text-white text-sm hover:text-gold-500 transition-colors break-all">
                                support@globallion.co.uk
                            </a>
                        </div>
                    </li>

                    <!-- Complaints Email -->
                    <li class="flex items-start gap-3">
                        <div class="w-7 h-7 bg-navy-800 rounded-lg flex items-center justify-center flex-shrink-0">
                            <i class="fas fa-exclamation-triangle text-red-500 text-xs"></i>
                        </div>
                        <div>
                            <div class="text-gray-500 text-[10px] uppercase tracking-wider">Complaints</div>
                            <a href="mailto:complaints@globallion.co.uk"
                                class="text-white text-sm hover:text-red-400 transition-colors break-all">
                                complaints@globallion.co.uk
                            </a>
                        </div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- Business Hours Section -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 py-6 border-t border-navy-800">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 bg-navy-800 rounded-xl flex items-center justify-center">
                    <i class="fas fa-clock text-gold-500 text-base"></i>
                </div>
                <div>
                    <div class="text-gray-500 text-[10px] uppercase tracking-wider">Business Hours</div>
                    <div class="text-white text-sm">Monday – Saturday: <span class="text-gold-500">9:00 AM – 8:00
                            PM</span></div>
                    <div class="text-gray-600 text-[10px] mt-0.5">Sunday: Closed | Voicemail active outside hours</div>
                </div>
            </div>

            <div class="flex items-center gap-3">
                <div class="w-10 h-10 bg-navy-800 rounded-xl flex items-center justify-center">
                    <i class="fas fa-map-marker-alt text-gold-500 text-base"></i>
                </div>
                <div>
                    <div class="text-gray-500 text-[10px] uppercase tracking-wider">Our Office</div>
                    <div class="text-white text-sm">
                        Office 749, 85 Dunstall Hill, Wolverhampton, WV6 0SR, United Kingdom
                    </div>
                </div>
            </div>
        </div>

        <!-- Disclaimer Section -->
        <div class="border-t border-navy-800 pt-6 mt-2">
            <div class="bg-navy-800/30 rounded-lg p-4 mb-4">
                <div class="flex items-start gap-2">
                    <i class="fas fa-info-circle text-gold-500 text-xs mt-0.5"></i>
                    <p class="text-gray-500 text-[11px] leading-relaxed">
                        <span class="font-semibold text-gray-400">Independent Holiday-Planning Consultancy:</span>
                        Global Lions is an independent holiday-planning consultancy. We do not book flights or hotels on your behalf and do not provide ATOL/ABTA protection.
                    </p>
                </div>
            </div>

            <div class="flex flex-col md:flex-row justify-between items-center gap-3 text-center">
                <p class="text-gray-600 text-[10px]">
                    &copy; 2026 Global Lions LTD. All rights reserved.
                </p>
                <div class="flex flex-wrap justify-center gap-3">
                    <a href="https://www.globallionltd.co.uk/privacy-policy"
                        class="text-gray-600 hover:text-gold-500 text-[10px] transition-colors">Privacy</a>
                    <span class="text-gray-700 text-[10px]">|</span>
                    <a href="https://www.globallionltd.co.uk/terms-conditions"
                        class="text-gray-600 hover:text-gold-500 text-[10px] transition-colors">Terms</a>
                    <span class="text-gray-700 text-[10px]">|</span>
                    <a href="https://www.globallionltd.co.uk/cookie-policy"
                        class="text-gray-600 hover:text-gold-500 text-[10px] transition-colors">Cookies</a>
                    <span class="text-gray-700 text-[10px]">|</span>
                    <a href="https://www.globallionltd.co.uk/complaints-policy"
                        class="text-gray-600 hover:text-gold-500 text-[10px] transition-colors">Complaints</a>
                    <span class="text-gray-700 text-[10px]">|</span>
                    <a href="https://www.globallionltd.co.uk/sitemap"
                        class="text-gray-600 hover:text-gold-500 text-[10px] transition-colors">Sitemap</a>
                </div>
            </div>
        </div>
    </div>
</footer>


    <!-- WhatsApp & Phone Floats -->
    <a href="https://wa.me/447476664649?text=Hello%2C%20I%27d%20like%20to%20request%20a%20free%20holiday-planning%20consultation"
        class="fixed bottom-6 right-6 bg-green-600 text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg hover:bg-green-700 transition-all z-40"
        target="_blank">
        <i class="fab fa-whatsapp text-xl"></i>
    </a>

    <a href="tel:02039836853"
        class="fixed bottom-24 right-6 bg-gold-500 text-navy-900 w-12 h-12 rounded-full flex items-center justify-center shadow-lg hover:bg-gold-600 transition-all z-40">
        <i class="fas fa-phone-alt text-lg"></i>
    </a>

    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            // Hide loading screen
            setTimeout(() => {
                const loader = document.getElementById('loadingScreen');
                if (loader) {
                    loader.style.opacity = '0';
                    setTimeout(() => loader.style.display = 'none', 500);
                }
            }, 500);

            // Mobile menu toggle
            const mobileBtn = document.getElementById('mobileMenuBtn');
            const mobileMenu = document.getElementById('mobileMenu');
            if (mobileBtn && mobileMenu) {
                mobileBtn.addEventListener('click', () => {
                    mobileMenu.classList.toggle('hidden');
                });
            }

            // Auto-dismiss alerts
            document.querySelectorAll('.alert-auto-dismiss').forEach(el => {
                setTimeout(() => {
                    el.style.opacity = '0';
                    setTimeout(() => el.remove(), 300);
                }, 5000);
            });
        });
    </script>
</body>

</html>
