---
import BaseLayout from "../layouts/BaseLayout.astro";
import PageHero from "../components/PageHero.astro";
import SectionIntro from "../components/SectionIntro.astro";
import { team, timeline } from "../data/site";
---

<BaseLayout title="Das Unternehmen" description="Seit 1963 ist die Heinz Heidrich GmbH Ihr Dachdecker- und Klempnerbetrieb aus Tostedt. Geschichte, Team und Werte des Familienunternehmens.">
  <PageHero
    title="Das Unternehmen"
    kicker="Familienbetrieb seit 1963"
    text="Qualität, Präzision und ein großes Team aus dem Dachdecker-, Klempner- und Zimmererhandwerk."
    image="/assets/img/geschaeftsfuehrung.jpg"
    alt="Christian und Heiner Heidrich auf dem Firmengelände"
  />

  <section class="section">
    <div class="container split-grid">
      <div class="copy-stack">
        <h2>Willkommen bei der Heinz Heidrich GmbH.</h2>
        <p>Seit über 60 Jahren ist die Heinz Heidrich GmbH ein zuverlässiger Partner für hochwertige Dachdecker- und Klempnerarbeiten in der Region.</p>
        <p>Gegründet wurde der Betrieb 1963 von Dachdeckermeister Heinz Heidrich. Seit 1995 wurde das Unternehmen von seinen Söhnen Christian und Heiner Heidrich weitergeführt. Heute gehört auch Richard Nick zur Geschäftsführung.</p>
        <p>Zum Leistungsspektrum gehören Neuinstallation und Reparatur von Dächern, Fassadenverkleidung, Abdichtung, Dachsanierung und Serviceleistungen für private, gewerbliche und öffentliche Projekte.</p>
      </div>
      <figure class="feature-image">
        <img src="/assets/img/firmengelaende-blaues-dach.jpg" alt="Luftaufnahme des Firmengeländes mit blauem Dach" loading="lazy" width="1600" height="900" />
      </figure>
    </div>
  </section>

  <section class="section alt">
    <div class="container">
      <SectionIntro title="Unsere Chronik" text="Viele der heutigen Stärken des Betriebs sind über Jahrzehnte gewachsen: Ausbildung, Technik, Teamgröße und regionale Verwurzelung." />
      <div class="timeline">
        {timeline.map(([year, text]) => (
          <div class="timeline-item">
            <div class="timeline-year">{year}</div>
            <p>{text}</p>
          </div>
        ))}
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container split-grid reverse">
      <figure class="feature-image">
        <img src="/assets/img/kompetenzteam-kran.jpg" alt="Fünf Mitarbeiter der Heinz Heidrich GmbH vor einem Kran" loading="lazy" width="1024" height="683" />
      </figure>
      <div class="copy-stack">
        <h2>Ausbildung und Erfahrung im selben Team.</h2>
        <p>Heute sorgen über 75 Menschen dafür, dass Kundenwünsche umgesetzt werden: Dachdeckergesellen, Dachdeckerhelfer, Dachdeckermeister, Zimmerermeister, Lehrlinge und Büroangestellte.</p>
        <p>In den vergangenen Jahrzehnten wurden mehr als 200 Lehrlinge ausgebildet. Einige davon zählten zu den besten Lehrlingen Hamburgs oder wurden Landessieger.</p>
      </div>
    </div>
  </section>

  <section class="section alt">
    <div class="container">
      <SectionIntro title="Unser Team" text="Die folgenden Ansprechpartner und Fachkräfte prägen den Betrieb in Tostedt." />
      <div class="team-grid">
        {team.map(([name, role]) => (
          <div class="team-member">
            <strong>{name}</strong>
            <span>{role}</span>
          </div>
        ))}
      </div>
    </div>
  </section>
</BaseLayout>
