ZeroToShip

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 da public/ e aggiungere placeholder="blur" — il commento nel file lo ricorda già.
  • Logo azienda: il secondo <Image> punta di default a un logo Reddit su logos-world.net, host già autorizzato in next.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.