---
layout: layouts/base.njk
title: "Client Reviews"
description: "Read what Diana's clients say about her work — reliable, hardworking, and easy to work with across San Francisco and the Bay Area."
---

{# ── Page hero ─────────────────────────────────────────────────────────────── #}
<section class="page-hero bg-graphite">
  <div class="page-hero__inner container">
    <p class="section-eyebrow">Testimonials</p>
    <h1 class="page-hero__title">What clients say.</h1>
    <p class="page-hero__lead">From San Francisco homeowners who've worked with Diana.</p>
  </div>
</section>

{# ── Testimonials grid ─────────────────────────────────────────────────────── #}
<section class="testimonials-page section bg-linen">
  <div class="testimonials-page__grid container">
    {% for testimonial in testimonials %}
    <div class="testimonial-full fade-up">
      <blockquote>
        <p class="testimonial-full__quote">&#x201C;{{ testimonial.quote }}&#x201D;</p>
        <footer>
          <p class="testimonial-full__author">{{ testimonial.author }}</p>
          {% if testimonial.city %}
          <p class="testimonial-full__city">{{ testimonial.city }}</p>
          {% endif %}
        </footer>
      </blockquote>
    </div>
    {% endfor %}
  </div>
</section>

{# ── CTA band ─────────────────────────────────────────────────────────────── #}
{% include "components/cta-band.njk" %}
