@if (request()->routeIs('home'))
<footer class="bg-[#060c1b] border-t pt-20 pb-10" style="border-color:rgba(255,255,255,.05)">
  <div class="max-w-[1400px] mx-auto px-6 sm:px-10">
    <div class="grid md:grid-cols-[1.6fr_1fr_1fr_1.1fr] gap-12 mb-16">
      <div>
        <img src="{{ asset('logo.webp') }}" alt="A1 Movex" class="h-10 w-auto brightness-0 invert mb-5"/>
        <p class="text-sm text-white/32 leading-relaxed mb-5 max-w-xs">End-to-end global logistics — air, ocean, road &amp; customs — trusted by businesses across 50+ countries since 2009.</p>
        <p class="text-xs text-white/22 font-medium italic tracking-wide">— Trusted to Move the World</p>
      </div>
      <div>
        <div class="text-[11px] font-bold text-white/28 tracking-[0.22em] uppercase mb-5">Services</div>
        <ul class="space-y-3">
          @foreach (\App\Support\ServiceCatalog::all() as $service)
          <li><a href="{{ route($service['route']) }}" class="footer-link text-sm">{{ $service['name'] }}</a></li>
          @endforeach
        </ul>
      </div>
      <div>
        <div class="text-[11px] font-bold text-white/28 tracking-[0.22em] uppercase mb-5">Company</div>
        <ul class="space-y-3">
          <li><a href="{{ route('about') }}" class="footer-link text-sm">About Us</a></li>
          <li><a href="#why" class="footer-link text-sm">Why A1 Movex</a></li>
          <li><a href="#process" class="footer-link text-sm">How It Works</a></li>
          <li><a href="#reach" class="footer-link text-sm">Global Reach</a></li>
          <li><a href="{{ route('clients') }}" class="footer-link text-sm">Clients</a></li>
          <li><a href="{{ route('contact') }}" class="footer-link text-sm">Contact Us</a></li>
        </ul>
      </div>
      <div>
        <div class="text-[11px] font-bold text-white/28 tracking-[0.22em] uppercase mb-5">Stay Updated</div>
        <p class="text-sm text-white/32 leading-relaxed mb-4">Logistics insights, rate updates &amp; trade news — monthly.</p>
        <div class="flex gap-2">
          <input type="email" placeholder="your@email.com" class="flex-1 min-w-0 px-4 py-2.5 rounded-xl text-sm text-white placeholder-white/22 outline-none" style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)"/>
          <button class="btn-primary text-white px-4 py-2.5 rounded-xl text-sm font-bold flex-shrink-0">&#8594;</button>
        </div>
      </div>
    </div>
    <div class="flex flex-col sm:flex-row items-center justify-between gap-4 pt-8" style="border-top:1px solid rgba(255,255,255,.05)">
      <p class="text-xs text-white/22">&copy; 2025 A1 Movex Global Services Pvt. Ltd. All rights reserved.</p>
      <div class="flex items-center gap-6">
        <a href="#" class="footer-link text-xs">Privacy Policy</a>
        <a href="#" class="footer-link text-xs">Terms of Service</a>
        <div class="flex gap-2.5 ml-2">
          <a href="#" class="w-8 h-8 rounded-lg flex items-center justify-center footer-link transition-all" style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)">
            <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
          </a>
          <a href="#" class="w-8 h-8 rounded-lg flex items-center justify-center footer-link transition-all" style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)">
            <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.844L1.254 2.25H8.08l4.257 5.627L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z"/></svg>
          </a>
        </div>
      </div>
    </div>
  </div>
</footer>
@else
<footer class="bg-[#060c1b] border-t pt-20 pb-10" style="border-color:rgba(255,255,255,.05)">
  <div class="max-w-[1400px] mx-auto px-6 sm:px-10">
    <div class="grid md:grid-cols-[1.6fr_1fr_1fr_1.1fr] gap-12 mb-16">
      <div>
        <img src="{{ asset('logo.webp') }}" alt="A1 Movex" class="h-10 w-auto brightness-0 invert mb-5"/>
        <p class="text-sm text-white/32 leading-relaxed mb-5 max-w-xs">End-to-end global logistics — air, ocean, road &amp; customs — trusted by businesses across 50+ countries since 2009.</p>
        <p class="text-xs text-white/22 font-medium italic tracking-wide">— Trusted to Move the World</p>
      </div>
      <div>
        <div class="text-[11px] font-bold text-white/28 tracking-[0.22em] uppercase mb-5">Services</div>
        <ul class="space-y-3">
          <li><a href="{{ route('freight-services') }}" class="footer-link text-sm">Freight Services</a></li>
          <li><a href="{{ route('sea-freight-services') }}" class="footer-link text-sm">Sea Freight Services</a></li>
          <li><a href="{{ route('land-freight-services') }}" class="footer-link text-sm">Land Freight Services</a></li>
          <li><a href="{{ route('customs-clearing') }}" class="footer-link text-sm">Customs Clearing</a></li>
          <li><a href="{{ route('services') }}" class="footer-link text-sm">All Services</a></li>
        </ul>
      </div>
      <div>
        <div class="text-[11px] font-bold text-white/28 tracking-[0.22em] uppercase mb-5">Company</div>
        <ul class="space-y-3">
          <li><a href="{{ route('about') }}" class="footer-link text-sm">About Us</a></li>
          <li><a href="{{ route('clients') }}" class="footer-link text-sm">Clients</a></li>
          <li><a href="{{ route('home') }}#process" class="footer-link text-sm">How It Works</a></li>
          <li><a href="{{ route('home') }}#reach" class="footer-link text-sm">Global Reach</a></li>
          <li><a href="{{ route('contact') }}" class="footer-link text-sm">Contact Us</a></li>
        </ul>
      </div>
      <div>
        <div class="text-[11px] font-bold text-white/28 tracking-[0.22em] uppercase mb-5">Stay Updated</div>
        <p class="text-sm text-white/32 leading-relaxed mb-4">Logistics insights, rate updates &amp; trade news — monthly.</p>
        <div class="flex gap-2">
          <input type="email" placeholder="your@email.com" class="flex-1 min-w-0 px-4 py-2.5 rounded-xl text-sm text-white placeholder-white/22 outline-none" style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)"/>
          <button class="btn-primary text-white px-4 py-2.5 rounded-xl text-sm font-bold flex-shrink-0">&#8594;</button>
        </div>
      </div>
    </div>
    <div class="flex flex-col sm:flex-row items-center justify-between gap-4 pt-8" style="border-top:1px solid rgba(255,255,255,.05)">
      <p class="text-xs text-white/22">&copy; 2025 A1 Movex Global Services Pvt. Ltd. All rights reserved.</p>
      <div class="flex items-center gap-6">
        <a href="#" class="footer-link text-xs">Privacy Policy</a>
        <a href="#" class="footer-link text-xs">Terms of Service</a>
        <div class="flex gap-2.5 ml-2">
          <a href="#" class="w-8 h-8 rounded-lg flex items-center justify-center footer-link transition-all" style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)">
            <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
          </a>
          <a href="#" class="w-8 h-8 rounded-lg flex items-center justify-center footer-link transition-all" style="background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)">
            <svg class="w-3.5 h-3.5" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.844L1.254 2.25H8.08l4.257 5.627L18.244 2.25zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77z"/></svg>
          </a>
        </div>
      </div>
    </div>
  </div>
</footer>
@endif
