@extends('layouts.atirao-home')

@section('title', 'Partenaire de votre performance digitale')
@section('description', "Atirao est une agence de conseil en strategie d'acquisition digitale basee a Casablanca et Aix-en-Provence.")

@section('content')
    <div class="atirao-home" data-atirao-home>
        <x-home.header />

        <main id="main-content" class="atirao-home__main">
            <x-home.hero-section />
            <x-shared.reference-logos />
            <x-home.value-proposition-section />
            <x-home.expertises-section />
            <x-home.case-studies-section />
            <x-home.partners-section />
            <x-home.methodology-section />
            <x-home.contact-section />
            <section class="atirao-contact-cta">
                <div class="atirao-container">
                    <div class="atirao-cta-card atirao-reveal" data-atirao-reveal>
                        <div class="atirao-cta-card__body">
                            <div class="atirao-section-label atirao-section-label--red">
                                <span></span>
                                Besoin d’un contact
                            </div>
                            <h2 id="atirao-contact-cta-title">Allons plus loin ensemble.</h2>
                            <p>Discutez de votre projet avec notre équipe et obtenez une feuille de route claire pour accroître votre ROI.</p>
                        </div>
                        <a href="{{ route('contact') }}" class="atirao-button atirao-button--primary atirao-button--large">Contactez-nous</a>
                    </div>
                </div>
            </section>
        </main>

        <x-home.footer />
    </div>
@endsection