{{-- Premium SEO-Optimized Footer - Modern Redesign --}}
<footer class="footer-premium relative overflow-hidden" role="contentinfo" itemscope itemtype="https://schema.org/WPFooter"
    style="background-color: #0f172a;">

    {{-- Solid Dark Background with Subtle Decorative Elements --}}
    <div class="absolute inset-0 pointer-events-none">
        {{-- Solid Base Background --}}
        <div class="absolute inset-0" style="background: linear-gradient(180deg, #0f172a 0%, #020617 100%);"></div>

        {{-- Subtle Accent Gradient Overlay --}}
        <div class="absolute inset-0"
            style="background: 
                radial-gradient(ellipse at 10% 90%, rgba(59, 130, 246, 0.08) 0%, transparent 40%),
                radial-gradient(ellipse at 90% 10%, rgba(16, 185, 129, 0.05) 0%, transparent 40%);
                opacity: 0.5;">
        </div>

        {{-- Subtle Grid Pattern --}}
        <div class="absolute inset-0 opacity-[0.015]"
            style="background-image: url(&quot;data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E&quot;);">
        </div>

        {{-- Subtle Floating Orbs --}}
        <div class="hidden lg:block absolute -top-40 -right-40 w-80 h-80 bg-primary-500/[0.03] rounded-full blur-3xl">
        </div>
        <div class="hidden lg:block absolute -bottom-40 -left-40 w-96 h-96 bg-emerald-500/[0.03] rounded-full blur-3xl">
        </div>
    </div>

    <div class="relative z-10">
        {{-- Main Footer Content --}}
        <div class="container" style="padding: 6rem 1.5rem 5rem 1.5rem;">

            {{-- Top Section - Logo & Newsletter --}}
            <div
                class="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-10 pb-12 border-b border-white/10">

                {{-- Logo & Tagline --}}
                <div class="text-center lg:text-left">
                    <a href="{{ url('/') }}" class="inline-flex items-center gap-4 mb-5 group"
                        aria-label="Kashi Housing - Home">
                        <div
                            class="relative w-14 h-14 bg-gradient-to-br from-primary-500 to-primary-600 rounded-2xl flex items-center justify-center shadow-xl shadow-primary-500/25 group-hover:shadow-primary-500/40 transition-shadow duration-300">
                            {{-- Glow Effect --}}
                            <div
                                class="absolute inset-0 bg-gradient-to-br from-primary-400 to-primary-500 rounded-2xl opacity-0 group-hover:opacity-100 blur-xl transition-opacity duration-300">
                            </div>
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-white relative z-10"
                                viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                                <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
                                <polyline points="9 22 9 12 15 12 15 22" />
                            </svg>
                        </div>
                        <div>
                            <span class="text-3xl font-bold text-white tracking-tight"
                                style="font-family: var(--font-heading);">
                                Kashi<span
                                    class="bg-gradient-to-r from-primary-400 to-primary-300 bg-clip-text text-transparent">Housing</span>
                            </span>
                            <p class="text-sm text-white/50 mt-0.5 font-medium">Your Trusted Property Partner</p>
                        </div>
                    </a>
                    <p class="text-white/60 text-base max-w-md mx-auto lg:mx-0 leading-relaxed" itemprop="description">
                        Varanasi's most trusted real estate platform. Find verified plots, flats, houses & rentals with
                        zero brokerage and complete legal transparency.
                    </p>
                </div>

                {{-- Newsletter Signup - Premium Design --}}
                <div class="max-w-lg mx-auto lg:mx-0 w-full lg:w-auto">
                    <div class="relative">
                        {{-- Card Background --}}
                        <div
                            class="absolute inset-0 bg-gradient-to-r from-primary-600/10 to-purple-600/10 rounded-3xl blur-xl">
                        </div>
                        <div
                            class="relative bg-white/5 backdrop-blur-sm border border-white/10 rounded-3xl p-6 hover:border-white/20 transition-colors duration-300">
                            <div class="flex items-center gap-3 mb-4">
                                <div
                                    class="w-10 h-10 bg-gradient-to-br from-primary-500 to-primary-600 rounded-xl flex items-center justify-center">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none"
                                        viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                        <path stroke-linecap="round" stroke-linejoin="round"
                                            d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9" />
                                    </svg>
                                </div>
                                <div>
                                    <h3 class="font-semibold text-base" style="color: #ffffff !important;">Get Property
                                        Alerts</h3>
                                    <p class="text-xs" style="color: rgba(255,255,255,0.5);">Be the first to know about
                                        new listings</p>
                                </div>
                            </div>
                            <form action="{{ url('/newsletter/subscribe') }}" method="POST" class="flex gap-3">
                                @csrf
                                <div class="relative flex-1">
                                    <input type="email" name="email" placeholder="Enter your email" required
                                        class="w-full px-5 py-3.5 bg-white/5 border border-white/10 rounded-xl text-white placeholder-white/40 text-sm focus:outline-none focus:border-primary-500/50 focus:bg-white/10 transition-all duration-300"
                                        aria-label="Email for newsletter">
                                </div>
                                <button type="submit"
                                    class="px-6 py-3.5 bg-gradient-to-r from-primary-500 to-primary-600 hover:from-primary-400 hover:to-primary-500 text-white font-semibold rounded-xl transition-all duration-300 text-sm whitespace-nowrap shadow-lg shadow-primary-500/25 hover:shadow-primary-500/40 hover:scale-[1.02] active:scale-[0.98]">
                                    Subscribe
                                </button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Links Grid - Improved Layout --}}
            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 lg:gap-10 py-12">

                {{-- Properties Column --}}
                <nav aria-label="Property listings navigation" class="footer-nav-column">
                    <h4 class="footer-nav-title">
                        <span class="footer-nav-title-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none" viewBox="0 0 24 24"
                                stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" />
                            </svg>
                        </span>
                        Properties
                    </h4>
                    <ul class="footer-nav-list" role="list">
                        <li><a href="{{ url('/plots-for-sale') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Plots for Sale
                            </a></li>
                        <li><a href="{{ url('/flats-for-sale') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Flats for Sale
                            </a></li>
                        <li><a href="{{ url('/houses-for-sale') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Houses for Sale
                            </a></li>
                        <li><a href="{{ url('/flats-for-rent') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Flats for Rent
                            </a></li>
                        <li><a href="{{ url('/commercial') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Commercial
                            </a></li>
                    </ul>
                </nav>

                {{-- Locations Column --}}
                <nav aria-label="Popular locations navigation" class="footer-nav-column">
                    <h4 class="footer-nav-title">
                        <span class="footer-nav-title-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                            </svg>
                        </span>
                        Popular Areas
                    </h4>
                    <ul class="footer-nav-list" role="list">
                        <li><a href="{{ url('/properties/varanasi/lanka') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Lanka
                            </a></li>
                        <li><a href="{{ url('/properties/varanasi/sigra') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Sigra
                            </a></li>
                        <li><a href="{{ url('/properties/varanasi/bhelupur') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Bhelupur
                            </a></li>
                        <li><a href="{{ url('/properties/varanasi/sarnath') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Sarnath
                            </a></li>
                        <li><a href="{{ url('/properties/varanasi/babatpur') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Babatpur
                            </a></li>
                    </ul>
                </nav>

                {{-- Company Column --}}
                <nav aria-label="Company navigation" class="footer-nav-column">
                    <h4 class="footer-nav-title">
                        <span class="footer-nav-title-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
                            </svg>
                        </span>
                        Company
                    </h4>
                    <ul class="footer-nav-list" role="list">
                        <li><a href="{{ url('/about') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                About Us
                            </a></li>
                        <li><a href="{{ url('/contact') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Contact Us
                            </a></li>
                        <li><a href="{{ url('/blog') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Blog & Guides
                            </a></li>
                        <li><a href="{{ url('/careers') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Careers
                            </a></li>
                        <li><a href="{{ url('/post-property') }}" class="footer-nav-link footer-nav-link-highlight">
                                <span class="footer-nav-link-dot"></span>
                                List Property
                                <span class="footer-badge-new">Free</span>
                            </a></li>
                    </ul>
                </nav>

                {{-- Legal Column --}}
                <nav aria-label="Legal navigation" class="footer-nav-column">
                    <h4 class="footer-nav-title">
                        <span class="footer-nav-title-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                            </svg>
                        </span>
                        Legal
                    </h4>
                    <ul class="footer-nav-list" role="list">
                        <li><a href="{{ url('/privacy-policy') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Privacy Policy
                            </a></li>
                        <li><a href="{{ url('/terms') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Terms of Service
                            </a></li>
                        <li><a href="{{ url('/rera-compliance') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                RERA Compliance
                            </a></li>
                        <li><a href="{{ url('/refund-policy') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Refund Policy
                            </a></li>
                        <li><a href="{{ url('/sitemap') }}" class="footer-nav-link">
                                <span class="footer-nav-link-dot"></span>
                                Sitemap
                            </a></li>
                    </ul>
                </nav>

                {{-- Contact Column --}}
                <div class="col-span-2 md:col-span-3 lg:col-span-1" itemscope
                    itemtype="https://schema.org/LocalBusiness">
                    <meta itemprop="name" content="Kashi Housing">
                    <meta itemprop="image" content="{{ asset('images/logo.png') }}">

                    <h4 class="footer-nav-title">
                        <span class="footer-nav-title-icon">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                            </svg>
                        </span>
                        Contact Us
                    </h4>

                    <address class="not-italic space-y-4" itemprop="address" itemscope
                        itemtype="https://schema.org/PostalAddress">
                        {{-- Address --}}
                        <div class="footer-contact-item">
                            <div class="footer-contact-icon">
                                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                        d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                        d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
                                </svg>
                            </div>
                            <p class="text-white/60 text-sm leading-relaxed">
                                <span itemprop="streetAddress">123 Main Street, Lanka</span><br>
                                <span itemprop="addressLocality">Varanasi</span>, <span
                                    itemprop="addressRegion">UP</span>
                                <span itemprop="postalCode">221005</span><br>
                                <span itemprop="addressCountry">India</span>
                            </p>
                        </div>

                        {{-- Phone --}}
                        <a href="tel:{{ $sitePhone }}" class="footer-contact-item footer-contact-item-link group">
                            <div
                                class="footer-contact-icon group-hover:bg-primary-500/20 group-hover:border-primary-500/30">
                                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                        d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
                                </svg>
                            </div>
                            <span class="text-white/60 text-sm group-hover:text-primary-400 transition-colors"
                                itemprop="telephone">
                                +91 98765 43210
                            </span>
                        </a>

                        {{-- Email --}}
                        <a href="mailto:info@kashihousing.com"
                            class="footer-contact-item footer-contact-item-link group">
                            <div
                                class="footer-contact-icon group-hover:bg-primary-500/20 group-hover:border-primary-500/30">
                                <svg xmlns="http://www.w3.org/2000/svg" class="w-4 h-4" fill="none"
                                    viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                    <path stroke-linecap="round" stroke-linejoin="round"
                                        d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
                                </svg>
                            </div>
                            <span class="text-white/60 text-sm group-hover:text-primary-400 transition-colors"
                                itemprop="email">
                                info@kashihousing.com
                            </span>
                        </a>
                    </address>

                    {{-- Social Links - Enhanced Design --}}
                    <div class="mt-6">
                        <p class="text-xs text-white/40 mb-4 uppercase tracking-wider font-medium">Follow us</p>
                        <div class="flex flex-wrap gap-3">
                            <a href="https://facebook.com/kashihousing" target="_blank" rel="noopener noreferrer"
                                class="footer-social-link footer-social-facebook" aria-label="Follow us on Facebook">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                    <path
                                        d="M18.77,7.46H14.5v-1.9c0-.9.6-1.1,1-1.1h3V.5h-4.33C10.24.5,9.5,3.44,9.5,5.32v2.15h-3v4h3v12h5v-12h3.85l.42-4Z" />
                                </svg>
                            </a>
                            <a href="https://instagram.com/kashihousing" target="_blank" rel="noopener noreferrer"
                                class="footer-social-link footer-social-instagram"
                                aria-label="Follow us on Instagram">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                    <path
                                        d="M12,2.16c3.2,0,3.58,0,4.85.07,3.25.15,4.77,1.69,4.92,4.92.06,1.27.07,1.65.07,4.85s0,3.58-.07,4.85c-.15,3.23-1.66,4.77-4.92,4.92-1.27.06-1.64.07-4.85.07s-3.58,0-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.64-.07-4.85s0-3.58.07-4.85C2.38,3.92,3.9,2.38,7.15,2.23,8.42,2.18,8.8,2.16,12,2.16ZM12,0C8.74,0,8.33,0,7.05.07c-4.35.2-6.78,2.62-7,7C0,8.33,0,8.74,0,12s0,3.67.07,4.95c.2,4.36,2.62,6.78,7,7C8.33,24,8.74,24,12,24s3.67,0,4.95-.07c4.35-.2,6.78-2.62,7-7C24,15.67,24,15.26,24,12s0-3.67-.07-4.95c-.2-4.35-2.62-6.78-7-7C15.67,0,15.26,0,12,0Zm0,5.84A6.16,6.16,0,1,0,18.16,12,6.16,6.16,0,0,0,12,5.84ZM12,16a4,4,0,1,1,4-4A4,4,0,0,1,12,16ZM18.41,4.15a1.44,1.44,0,1,0,1.44,1.44A1.44,1.44,0,0,0,18.41,4.15Z" />
                                </svg>
                            </a>
                            <a href="https://youtube.com/@kashihousing" target="_blank" rel="noopener noreferrer"
                                class="footer-social-link footer-social-youtube"
                                aria-label="Subscribe to our YouTube channel">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                    <path
                                        d="M23.5,6.19a3.02,3.02,0,0,0-2.12-2.14C19.5,3.5,12,3.5,12,3.5s-7.5,0-9.38.55A3.02,3.02,0,0,0,.5,6.19,31.57,31.57,0,0,0,0,12a31.57,31.57,0,0,0,.5,5.81,3.02,3.02,0,0,0,2.12,2.14c1.88.55,9.38.55,9.38.55s7.5,0,9.38-.55a3.02,3.02,0,0,0,2.12-2.14A31.57,31.57,0,0,0,24,12,31.57,31.57,0,0,0,23.5,6.19ZM9.55,15.57V8.43L15.82,12Z" />
                                </svg>
                            </a>
                            <a href="https://wa.me/{{ $siteWhatsapp }}" target="_blank" rel="noopener noreferrer"
                                class="footer-social-link footer-social-whatsapp"
                                aria-label="Chat with us on WhatsApp">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                    <path
                                        d="M17.47,14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94,1.16-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.39-1.48-.88-.79-1.48-1.76-1.65-2.06-.17-.3,0-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37,0-.52-.07-.15-.67-1.61-.92-2.21-.24-.58-.49-.5-.67-.51-.17,0-.37-.01-.57-.01-.2,0-.52.07-.79.37-.27.3-1.04,1.02-1.04,2.48s1.06,2.88,1.21,3.07c.15.2,2.1,3.2,5.08,4.49.71.31,1.26.49,1.69.63.71.23,1.36.2,1.87.12.57-.09,1.76-.72,2.01-1.41.25-.69.25-1.29.17-1.41-.07-.12-.27-.2-.57-.35ZM12.05,21.79c-1.79,0-3.54-.48-5.08-1.39l-.36-.21-3.74.98,1-3.65-.24-.37c-1-1.6-1.53-3.44-1.53-5.35,0-5.52,4.49-10.01,10.02-10.01,2.68,0,5.19,1.04,7.08,2.94,1.89,1.89,2.93,4.41,2.93,7.08,0,5.52-4.49,10.01-10.01,10.01Z" />
                                </svg>
                            </a>
                            <a href="https://linkedin.com/company/kashihousing" target="_blank"
                                rel="noopener noreferrer" class="footer-social-link footer-social-linkedin"
                                aria-label="Connect with us on LinkedIn">
                                <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24">
                                    <path
                                        d="M20.45,20.45H16.89V14.88c0-1.33,0-3.04-1.85-3.04s-2.14,1.45-2.14,2.94v5.67H9.34V9h3.41v1.56h.05a3.74,3.74,0,0,1,3.37-1.85c3.6,0,4.27,2.37,4.27,5.46ZM5.34,7.43a2.07,2.07,0,1,1,2.07-2.07A2.07,2.07,0,0,1,5.34,7.43Zm1.78,13H3.56V9H7.12ZM22.22,0H1.77A1.75,1.75,0,0,0,0,1.73V22.27A1.75,1.75,0,0,0,1.77,24H22.22A1.76,1.76,0,0,0,24,22.27V1.73A1.76,1.76,0,0,0,22.22,0Z" />
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            {{-- Trust Badges Section - Enhanced --}}
            <div class="py-8 border-t border-b border-white/10">
                <div class="flex flex-wrap justify-center gap-4 md:gap-6 lg:gap-10">
                    <div class="footer-trust-badge group">
                        <div class="footer-trust-badge-icon bg-emerald-500/10 group-hover:bg-emerald-500/20">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-emerald-400"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M2.166 4.999A11.954 11.954 0 0010 1.944 11.954 11.954 0 0017.834 5c.11.65.166 1.32.166 2.001 0 5.225-3.34 9.67-8 11.317C5.34 16.67 2 12.225 2 7c0-.682.057-1.35.166-2.001zm11.541 3.708a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                        <div>
                            <span class="text-white/90 font-semibold text-sm">100% Verified</span>
                            <span class="text-white/50 text-xs block">Properties</span>
                        </div>
                    </div>

                    <div class="footer-trust-badge group">
                        <div class="footer-trust-badge-icon bg-blue-500/10 group-hover:bg-blue-500/20">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-blue-400" viewBox="0 0 20 20"
                                fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
                                    clip-rule="evenodd" />
                            </svg>
                        </div>
                        <div>
                            <span class="text-white/90 font-semibold text-sm">RERA Compliant</span>
                            <span class="text-white/50 text-xs block">Properties</span>
                        </div>
                    </div>

                    <div class="footer-trust-badge group">
                        <div class="footer-trust-badge-icon bg-purple-500/10 group-hover:bg-purple-500/20">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-purple-400" fill="none"
                                viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
                                <path stroke-linecap="round" stroke-linejoin="round"
                                    d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
                            </svg>
                        </div>
                        <div>
                            <span class="text-white/90 font-semibold text-sm">Zero Brokerage</span>
                            <span class="text-white/50 text-xs block">Save Lakhs</span>
                        </div>
                    </div>

                    <div class="footer-trust-badge group">
                        <div class="footer-trust-badge-icon bg-amber-500/10 group-hover:bg-amber-500/20">
                            <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-amber-400"
                                viewBox="0 0 20 20" fill="currentColor">
                                <path
                                    d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
                            </svg>
                        </div>
                        <div>
                            <span class="text-white/90 font-semibold text-sm">4.9★ Rating</span>
                            <span class="text-white/50 text-xs block">200+ Reviews</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        {{-- Bottom Bar - Enhanced --}}
        <div class="bg-slate-950/80 backdrop-blur-sm border-t border-white/5">
            <div class="container py-5">
                <div class="flex flex-col md:flex-row justify-between items-center gap-4">
                    <div class="flex flex-col sm:flex-row items-center gap-2 sm:gap-4">
                        <p class="text-sm text-center md:text-left" style="color: rgba(255,255,255,0.5);">
                            © {{ date('Y') }} <span class="font-medium"
                                style="color: rgba(255,255,255,0.7);">Kashi Housing</span>. All
                            rights reserved.
                        </p>
                        <span class="hidden sm:inline" style="color: rgba(255,255,255,0.3);">|</span>
                        <p class="text-sm flex items-center gap-1.5" style="color: rgba(255,255,255,0.4);">
                            Made with
                            <span class="animate-pulse" style="color: #f87171;">❤️</span>
                            in Varanasi, India
                        </p>
                    </div>

                    {{-- Payment Methods --}}
                    <div class="flex items-center gap-3">
                        <span class="text-xs mr-2 hidden sm:inline" style="color: rgba(255,255,255,0.4);">We
                            accept</span>
                        <div class="flex items-center gap-2 bg-white/5 px-4 py-2 rounded-lg border border-white/10">
                            <svg class="h-5 w-auto text-white/60 hover:text-white transition-colors"
                                viewBox="0 0 48 32" fill="currentColor">
                                <rect width="48" height="32" rx="4" fill="currentColor"
                                    opacity="0.1" />
                                <text x="24" y="20" text-anchor="middle" font-size="10" font-weight="bold"
                                    fill="currentColor">VISA</text>
                            </svg>
                            <svg class="h-5 w-auto text-white/60 hover:text-white transition-colors"
                                viewBox="0 0 48 32" fill="currentColor">
                                <rect width="48" height="32" rx="4" fill="currentColor"
                                    opacity="0.1" />
                                <circle cx="18" cy="16" r="8" fill="currentColor" opacity="0.3" />
                                <circle cx="30" cy="16" r="8" fill="currentColor" opacity="0.3" />
                            </svg>
                            <svg class="h-5 w-auto text-white/60 hover:text-white transition-colors"
                                viewBox="0 0 48 32" fill="currentColor">
                                <rect width="48" height="32" rx="4" fill="currentColor"
                                    opacity="0.1" />
                                <text x="24" y="20" text-anchor="middle" font-size="8" font-weight="bold"
                                    fill="currentColor">RuPay</text>
                            </svg>
                            <svg class="h-5 w-auto text-white/60 hover:text-white transition-colors"
                                viewBox="0 0 48 32" fill="currentColor">
                                <rect width="48" height="32" rx="4" fill="currentColor"
                                    opacity="0.1" />
                                <text x="24" y="20" text-anchor="middle" font-size="9" font-weight="bold"
                                    fill="currentColor">UPI</text>
                            </svg>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- Structured Data for Organization --}}
    @php
        $schemaData = [
            '@context' => 'https://schema.org',
            '@type' => 'RealEstateAgent',
            'name' => 'Kashi Housing',
            'description' => "Varanasi's most trusted real estate platform for buying, selling and renting properties.",
            'url' => url('/'),
            'logo' => asset('images/logo.png'),
            'image' => asset('images/og-image.jpg'),
            'telephone' => '{{ $sitePhone }}',
            'email' => 'info@kashihousing.com',
            'address' => [
                '@type' => 'PostalAddress',
                'streetAddress' => '123 Main Street, Lanka',
                'addressLocality' => 'Varanasi',
                'addressRegion' => 'Uttar Pradesh',
                'postalCode' => '221005',
                'addressCountry' => 'IN',
            ],
            'geo' => [
                '@type' => 'GeoCoordinates',
                'latitude' => '25.2677',
                'longitude' => '82.9913',
            ],
            'openingHoursSpecification' => [
                '@type' => 'OpeningHoursSpecification',
                'dayOfWeek' => ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
                'opens' => '09:00',
                'closes' => '19:00',
            ],
            'sameAs' => [
                'https://facebook.com/kashihousing',
                'https://instagram.com/kashihousing',
                'https://youtube.com/@kashihousing',
                'https://linkedin.com/company/kashihousing',
            ],
            'aggregateRating' => [
                '@type' => 'AggregateRating',
                'ratingValue' => '4.9',
                'reviewCount' => '200',
            ],
            'areaServed' => [
                '@type' => 'City',
                'name' => 'Varanasi',
            ],
        ];
    @endphp
    <script type="application/ld+json">
        {!! json_encode($schemaData, JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) !!}
    </script>
</footer>

{{-- Footer Premium Styles --}}
<style>
    /* Footer Premium Base */
    .footer-premium {
        font-family: var(--font-body, 'Inter', sans-serif);
    }

    /* Navigation Column */
    .footer-nav-column {
        /* Spacing handled by grid */
    }

    /* Navigation Title - Pure CSS with white text */
    .footer-nav-title {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #ffffff !important;
        font-weight: 600;
        font-size: 0.875rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 1.25rem;
    }

    .footer-nav-title-icon {
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 0.5rem;
        background-color: rgba(255, 255, 255, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
        color: #60a5fa;
    }

    /* Navigation List */
    .footer-nav-list {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    /* Navigation Link */
    .footer-nav-link {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: rgba(255, 255, 255, 0.6);
        font-size: 0.875rem;
        transition: all 0.2s ease;
        text-decoration: none;
    }

    .footer-nav-link:hover {
        color: #60a5fa;
        transform: translateX(0.25rem);
    }

    .footer-nav-link-dot {
        width: 0.375rem;
        height: 0.375rem;
        background-color: rgba(255, 255, 255, 0.2);
        border-radius: 50%;
        transition: all 0.2s ease;
    }

    .footer-nav-link:hover .footer-nav-link-dot {
        background-color: #60a5fa;
        transform: scale(1.25);
    }

    .footer-nav-link-highlight {
        color: rgba(255, 255, 255, 0.7);
        font-weight: 500;
    }

    /* Free Badge */
    .footer-badge-new {
        margin-left: auto;
        padding: 0.125rem 0.5rem;
        background-color: rgba(16, 185, 129, 0.2);
        color: #34d399;
        font-size: 0.75rem;
        font-weight: 600;
        border-radius: 9999px;
    }

    /* Contact Item */
    .footer-contact-item {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .footer-contact-item-link {
        align-items: center;
        cursor: pointer;
    }

    .footer-contact-icon {
        width: 2.25rem;
        height: 2.25rem;
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #60a5fa;
        flex-shrink: 0;
        transition: all 0.2s ease;
    }

    /* Social Links */
    .footer-social-link {
        width: 2.5rem;
        height: 2.5rem;
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.6);
        transition: all 0.3s ease;
    }

    .footer-social-link:hover {
        transform: scale(1.1);
    }

    .footer-social-facebook:hover {
        background-color: #1877F2;
        border-color: #1877F2;
        color: #ffffff;
    }

    .footer-social-instagram:hover {
        color: #ffffff;
        border-color: transparent;
        background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
    }

    .footer-social-youtube:hover {
        background-color: #FF0000;
        border-color: #FF0000;
        color: #ffffff;
    }

    .footer-social-whatsapp:hover {
        background-color: #25D366;
        border-color: #25D366;
        color: #ffffff;
    }

    .footer-social-linkedin:hover {
        background-color: #0A66C2;
        border-color: #0A66C2;
        color: #ffffff;
    }

    /* Trust Badge */
    .footer-trust-badge {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.75rem 1rem;
        background-color: rgba(255, 255, 255, 0.05);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 0.75rem;
        transition: all 0.2s ease;
    }

    .footer-trust-badge:hover {
        border-color: rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.07);
    }

    .footer-trust-badge-icon {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s ease;
    }

    /* Mobile Responsive Improvements */
    @media (max-width: 640px) {
        .footer-nav-title {
            font-size: 0.75rem;
            margin-bottom: 1rem;
        }

        .footer-nav-list {
            gap: 0.625rem;
        }

        .footer-nav-link {
            font-size: 0.75rem;
        }

        .footer-trust-badge {
            flex: 1;
            min-width: 140px;
            justify-content: center;
            text-align: center;
            flex-direction: column;
            padding: 1rem 0.75rem;
        }

        .footer-trust-badge-icon {
            width: 2rem;
            height: 2rem;
        }

        .footer-trust-badge-icon svg {
            width: 1rem;
            height: 1rem;
        }

        .footer-social-link {
            width: 2.25rem;
            height: 2.25rem;
        }

        .footer-social-link svg {
            width: 1rem;
            height: 1rem;
        }
    }

    @media (max-width: 768px) {
        .footer-nav-column:nth-child(n+3) {
            margin-top: 1rem;
        }
    }

    /* Animations */
    @keyframes float-slow {

        0%,
        100% {
            transform: translateY(0) rotate(0deg);
        }

        50% {
            transform: translateY(-10px) rotate(2deg);
        }
    }

    .animate-float-slow {
        animation: float-slow 12s ease-in-out infinite;
    }
</style>