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

<BaseLayout title="Meister gesucht" description="Dachdeckermeister/in bei der Heinz Heidrich GmbH in Tostedt gesucht. Kundenbetreuung, Angebote, Baustellenorganisation und Teamplanung.">
  <PageHero
    title="Meister gesucht"
    kicker="Dachdeckermeister/in (m/w/d)"
    text={masterJob.intro}
    image="/assets/img/kompetenzteam-kran.jpg"
    alt="Mitarbeiter der Heinz Heidrich GmbH vor einem Kran"
  />

  <section class="section">
    <div class="container job-layout">
      <article class="job-content">
        <section class="copy-stack">
          <h2>Aufgabenbereiche</h2>
          <ul class="check-list">
            {masterJob.tasks.map((item) => <li>{item}</li>)}
          </ul>
        </section>

        <section class="copy-stack">
          <h2>Voraussetzungen</h2>
          <ul class="check-list">
            {masterJob.requirements.map((item) => <li>{item}</li>)}
          </ul>
        </section>

        <section class="copy-stack">
          <h2>Wir bieten</h2>
          <ul class="check-list">
            {masterJob.benefits.map((item) => <li>{item}</li>)}
          </ul>
        </section>
      </article>

      <div class="sticky-side">
        <ContactPanel
          application
          title="Direkt bewerben"
          text="Schicken Sie Ihre Bewerbung oder erste Fragen gerne per E-Mail an uns."
        />
      </div>
    </div>
  </section>
</BaseLayout>
