@php($brand = config('navigation.brand'))

<footer class="bg-[var(--color-brand)] text-white mt-16">
    <div class="max-w-7xl mx-auto px-4 py-12 grid gap-8 md:grid-cols-3">
        <div>
            <h3 class="font-display text-xl font-bold mb-3">{{ $brand['name'] }}</h3>
            <p class="text-white/80 text-sm leading-relaxed">
                Appartement T4 en triplex jusqu'à 6 personnes au Moulleau (Arcachon),
                à 80 m de la plage.
            </p>
        </div>
        <div>
            <h4 class="font-semibold mb-3">Contact</h4>
            <ul class="space-y-2 text-sm text-white/85">
                <li>📍 {{ $brand['address'] }}</li>
                <li>✉️ <a href="mailto:{{ $brand['email'] }}" class="underline">{{ $brand['email'] }}</a></li>
                <li>📞 <a href="tel:{{ str_replace(' ', '', $brand['phone']) }}" class="underline">{{ $brand['phone'] }}</a></li>
            </ul>
        </div>
        <div>
            <h4 class="font-semibold mb-3">Navigation</h4>
            <ul class="space-y-2 text-sm text-white/85">
                @foreach(array_slice(config('navigation.primary'), 0, 6) as $item)
                    <li><a href="{{ $item['url'] }}" class="hover:underline">{{ $item['label'] }}</a></li>
                @endforeach
            </ul>
        </div>
    </div>
    <div class="border-t border-white/15 py-4 text-center text-xs text-white/70">
        © {{ date('Y') }} {{ $brand['name'] }} — Tous droits réservés.
    </div>
</footer>