@extends('layouts.app')
@section('titre', 'Témoignages')

@section('titre', 'Témoignages')
@section('description', "Ce que nos clients disent de HORSE : retours d'expérience de maîtres d'ouvrage publics et privés ayant fait appel à notre expertise.")
@section('contenu')

<section class="bg-bleu-fonce py-20">
    <div class="max-w-6xl mx-auto px-6 md:px-8">
        <div class="text-vert text-sm font-bold uppercase tracking-wide mb-4">Ils nous font confiance</div>
        <h1 class="text-white text-4xl font-bold max-w-2xl">Ce que disent nos clients</h1>
    </div>
</section>

<section class="py-20">
    <div class="max-w-6xl mx-auto px-6 md:px-8 grid md:grid-cols-3 gap-6">
        @for ($i = 0; $i < 3; $i++)
        <div class="bg-white border border-gray-200 p-7">
            <div class="text-vert text-sm mb-4">★★★★★</div>
            <p class="text-sm text-gray-600 mb-5">« Témoignage à recueillir auprès d'un client HORSE. »</p>
            <div class="text-sm font-bold text-bleu-fonce">Nom du client</div>
            <div class="text-xs text-gray-400">Fonction — Organisation</div>
        </div>
        @endfor
    </div>
    <p class="text-center text-sm text-gray-400 mt-8">Contenu temporaire — à remplacer une fois les avis clients recueillis.</p>
</section>

@endsection