@php
    $expertiseLinks = [
        ['label' => 'Paid Ads', 'href' => route('expertises.show', 'Paid_Ads')],
        ['label' => 'Marketing de contenu', 'href' => route('expertises.show', 'Marketing_de_contenu')],
        ['label' => 'Developpement & technologie', 'href' => route('expertises.show', rawurldecode('D%C3%A9veloppement_%26_technologies'))],
        ['label' => 'Analytics et data', 'href' => route('expertises.show', 'Analytics_et_data')],
        ['label' => 'Marketing Digital', 'href' => route('expertises.show', 'Marketing_Digital')],
        ['label' => 'Automation', 'href' => route('expertises.show', 'Automation')],
        ['label' => 'SEO', 'href' => route('expertises.show', 'SEO')],
        ['label' => 'Social Media', 'href' => route('expertises.show', 'Social_Media')],

    ];

    $agencyLinks = [
        ['label' => "L'agence", 'href' => route('agence')],
        ['label' => 'Blog', 'href' => route('blog')],
        ['label' => 'Etudes de cas', 'href' => route('caseStudie')],
        ['label' => 'Contact', 'href' => route('contact')],
    ];
@endphp

<footer class="atirao-footer footer-universe" aria-labelledby="atirao-footer-title" data-atirao-footer>
    <div class="atirao-footer__nebula footer-nebula" aria-hidden="true"></div>
    <canvas class="atirao-footer__canvas footer-canvas" data-atirao-footer-canvas aria-hidden="true"></canvas>

    <div class="atirao-footer__content footer-content">
        <div class="atirao-footer__inner footer-inner">
            <div class="atirao-footer__grid footer-grid">
                <div class="atirao-footer__brand brand-col">
                    <a class="brand-logo-row" href="{{ url('/') }}" aria-label="Atirao - accueil">
                        <x-ui.app-logo variant="dark" />
                    </a>
                    <p class="footer-tagline" id="atirao-footer-title">
                        Partenaire de votre performance digitale. Stratégie, exécution et résultats mesurables.
                    </p>
                    <div class="footer-accent-line" aria-hidden="true"></div>
                    <div class="address-block">
                        <div class="address-city-row">
                            <span class="address-bullet" aria-hidden="true"></span>
                            <p class="address-city">Casablanca</p>
                        </div>
                        <div class="address-lines">
                            <p class="address-line">32 Rue des Eperviers</p>
                            <p class="address-line">Casablanca, Maroc</p>
                        </div>
                    </div>
                </div>

                <nav aria-label="Expertises">
                    <p class="footer-col-header">Expertises</p>
                    <ul class="footer-list">
                        @foreach ($expertiseLinks as $item)
                            <li><a class="footer-link" href="{{ $item['href'] }}">{{ $item['label'] }}</a></li>
                        @endforeach
                    </ul>
                </nav>

                <nav aria-label="Agence">
                    <p class="footer-col-header">Agence</p>
                    <ul class="footer-list">
                        @foreach ($agencyLinks as $item)
                            <li><a class="footer-link" href="{{ $item['href'] }}">{{ $item['label'] }}</a></li>
                        @endforeach
                    </ul>
                </nav>

                <div>
                    <p class="footer-col-header">Contact</p>
                    <div class="contact-col">
                        <a class="footer-contact" href="tel:+212522505056">+212 522 50 50 56</a>
                        <a class="footer-contact" href="mailto:contact@atirao.ma">contact@atirao.ma</a>
                        <a class="footer-cta" href="{{ route('contact') }}">Contactez-nous</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="atirao-footer__content footer-content footer-bottom-bar">
        <div class="footer-bottom-inner">
            <p class="footer-copyright">Copyright &copy; {{ date('Y') }} Atirao Agency - tous droits réservés.</p>
            <div class="footer-legal">
                <span class="footer-legal-link">Politique de confidentialité</span>
                <span class="footer-legal-link">Mentions légales</span>
            </div>
        </div>
    </div>

     
</footer>