---
import BaseLayout from "../layouts/BaseLayout.astro";
import PageHero from "../components/PageHero.astro";
import SectionIntro from "../components/SectionIntro.astro";
import ContactPanel from "../components/ContactPanel.astro";
import { references } from "../data/site";
---

<BaseLayout title="Referenzen" description="Auswahl an Referenzen der Heinz Heidrich GmbH aus Tostedt, darunter New Beiersdorf Campus, Hafencity, Kampnagel, Laeiszhalle und Schulgebäude.">
  <PageHero
    title="Referenzen"
    kicker="Private, gewerbliche und öffentliche Projekte"
    text="Eine Auswahl an Bauvorhaben, bei denen Heidrich Dach- und Klempnerarbeiten umgesetzt hat."
    image="/assets/img/flachdach-arbeit.jpg"
    alt="Arbeiten an einem großen Flachdach"
  />

  <section class="section">
    <div class="container">
      <SectionIntro title="Ausgewählte Projekte" text="Die Bandbreite reicht von Kultur- und Schulgebäuden bis zu Gewerbe- und Stadtentwicklungsprojekten." />
      <div class="reference-grid">
        {references.map((reference) => (
          <article class="reference-card">
            <h2>{reference}</h2>
          </article>
        ))}
      </div>
    </div>
  </section>

  <section class="section alt">
    <div class="container split-grid">
      <div class="copy-stack">
        <h2>Solide Ausführung für anspruchsvolle Baustellen.</h2>
        <p>Je nach Objekt koordiniert Heidrich Dacheindeckung, Abdichtung, Fassadenbekleidung, Klempnerarbeiten, Wartung oder Reparatur. Entscheidend sind saubere Planung, verlässliche Ausführung und die passenden Materialien.</p>
      </div>
      <ContactPanel title="Projekt anfragen" text="Erzählen Sie uns kurz, worum es geht. Wir melden uns mit den nächsten Schritten." />
    </div>
  </section>
</BaseLayout>
