Testimonials

Section "Avis clients" — carousel horizontal de 6 cartes avec étoiles orange, citation, avatar initiale colorée, et localisation.

Location

src/features/landing/testimonials.tsx
src/features/landing/__tests__/testimonials.test.tsx — 15 tests ✅

Structure

section
├── Header (badge, titre h2, sous-titre)
├── Carousel [overflow-x-auto]
│   ├── Flèche gauche (visible si scrollLeft > 0)
│   ├── Flèche droite (visible si pas en fin de scroll)
│   └── 6 × TestimonialCard
│       ├── 5 étoiles orange
│       ├── Quote
│       └── Avatar (initiale) + nom/rôle/company + ville
└── CTA "Voir tous les avis →" → /avis

Dark mode

ÉlémentClasse
Cartebg-card border-border
Étoilesfill-orange-500 text-orange-500
Quotetext-foreground
Rôle/companytext-muted-foreground
Villetext-muted-foreground
CTAtext-orange-500 hover:text-orange-400

Testing

Mocks

MockReason
next/linkRemplace <Link> par <a>
@/components/nowts/typographyStub Typography

Coverage

CatégorieTests
Headerbadge, titre, sous-titre
Carouselprésent, flèche gauche absente, flèche droite présente
Cartes6 présentes
Étoiles6 blocs
Quotes6 non vides
Avatars6 initiales
AuteursIsabelle/Tarbes, Éric/Toulouse, Claire/Montpellier
CTAlien → /avis

© 2026 Lemurian Agency Tous droits réservés.
Crée avec par Andy Ramaroson

CvgConfidentialitéMentions légalesapp icon