Testimonials01

File: src/blocks/testimonials/Testimonials01.astro

Responsive grid of testimonial cards (md:grid-cols-3). Uses TestimonialCard from containers.

Config (blocks.ts → testimonials)

testimonials: {
  heading: "Kind words",
  subheading: "Don't take our word for it.",
  items: [
    {
      quote: "Delivered ahead of schedule…",
      name: "Sarah Chen",
      role: "Founder, Northline Studio",
      initials: "SC",
      image: "/images/testimonials/sarah.svg",
      imageAlt: "Sarah Chen",
    },
  ],
},

image is optional — cards fall back to initials.

Add to a page

---
import Testimonials01 from "@/blocks/testimonials/Testimonials01.astro";
---

<Testimonials01 />

Inline:

<Testimonials01
  heading="What clients say"
  items={[
    {
      quote: "Fantastic partnership.",
      name: "Alex Kim",
      role: "CEO",
      initials: "AK",
    },
  ]}
/>

Props

Also include: TestimonialCard.astro (used internally).

← Testimonials versions · Blocks overview