Testimonial Section

Section displaying a customer testimonial with author information.

This framework has completely changed the way we build. The sites come together fast, they run even faster, and the whole process feels effortless. I couldn't be happier with the results.

Richard Johnson
Richard Johnson
CEO, Tech Innovations
---
import TestimonialSection from "@page-sections/people/testimonial-section/TestimonialSection.astro";
---

<TestimonialSection authorDescription="CEO, Tech Innovations" authorImage="/src/assets/images/component-docs/profile.jpg" authorName="Richard Johnson" backgroundColor="surface" paddingVertical="sm">
  This framework has completely changed the way we build. The sites come together fast, they run even faster, and the whole process feels effortless. I couldn't be happier with the results.
</TestimonialSection>
---
blocks:
  _component: page-sections/people/testimonial-section
  text: This framework has completely changed the way we build. The sites come together fast, they run even faster, and the whole process feels effortless. I couldn't be happier with the results.
  authorName: Richard Johnson
  authorDescription: CEO, Tech Innovations
  authorImage: /src/assets/images/component-docs/profile.jpg
  paddingVertical: sm
  backgroundColor: surface
---

Overview

Use Testimonial Section to showcase customer feedback, reviews, or endorsements. It displays a quote with the author's name, description, and photo, helping build trust and credibility.

Properties

text string | default: This framework has completely changed the way we build. The sites come together fast, they run even faster, and the whole process feels effortless. I couldn't be happier with the results.

authorName string | default: Richard Johnson

authorDescription string | default: CEO, Tech Innovations

authorImage string | default: /src/assets/images/component-docs/profile.jpg

paddingVertical string | default: sm

colorScheme string | default: inherit

backgroundColor string | default: surface