Docs/Componenti
// componente
Testimonial Single
Testimonial singolo in formato grande: foto verticale leggermente ruotata a sinistra, citazione in corpo largo a destra, e sotto nome, ruolo e logo dell'azienda. Ha uno sfondo decorativo fatto di due div — un radial gradient e un pannello inclinato di 30° — quindi stacca visivamente dalle sezioni vicine.
File
components/Testimonials1.tsx (dentro il file il componente si chiama Testimonial, ma l'export default è quello che importi).
Uso base
app/page.tsx
tsx
import Testimonial from "@/components/Testimonials1";
<Testimonial />Personalizzare
- Citazione: il
<blockquote>nel JSX. Tienila su 3–4 righe: oltre, il blocco sbilancia la foto. - Persona: nome e ruolo sono i due div dentro
<figcaption>. - Foto: il primo
<Image>è320×320. Meglio importarla staticamente dapublic/e aggiungereplaceholder="blur"— il commento nel file lo ricorda già. - Logo azienda: il secondo
<Image>punta di default a un logo Reddit sulogos-world.net, host già autorizzato innext.config.js. Sostituiscilo con il logo del cliente (o togli l'immagine se non ce l'hai). - Ancora: la sezione ha
id="testimonials", come Testimonial Triple e Testimonial Grid. Usane una sola per pagina.