---
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 { jobs, masterJob } from "../data/site";
---

<BaseLayout title="Jobs" description="Aktuelle Stellenangebote und Ausbildungsplätze bei der Heinz Heidrich GmbH in Tostedt. Dachdecker, Dachklempner, Zimmerer und Ausbildung.">
  <PageHero
    title="Jobs"
    kicker="Arbeiten im Handwerk"
    text="Ein großes Team, moderne Technik und Baustellen im Großraum Hamburg, Schleswig-Holstein und Niedersachsen."
    image="/assets/img/jobs-team.jpg"
    alt="Mitarbeiter der Heinz Heidrich GmbH auf einer Baustelle"
  />

  <section class="section">
    <div class="container">
      <SectionIntro title="Aktuelle Stellenangebote" text="Wir suchen Fachkräfte und Auszubildende, die gerne draußen arbeiten und Teil eines gewachsenen Teams werden wollen." />
      <div class="job-grid">
        <article class="job-card featured">
          <h3>{masterJob.title}</h3>
          <p>{masterJob.intro}</p>
          <div class="job-meta">
            <span>Tostedt</span>
            <span>Nächstmöglich</span>
          </div>
          <a class="button primary" href={masterJob.href}>Ansehen</a>
        </article>
        {jobs.map((job) => (
          <article class="job-card">
            <h3>{job.title}</h3>
            <p>{job.intro}</p>
            <div class="job-meta">
              <span>{job.location}</span>
              <span>{job.start}</span>
            </div>
            <a class="button secondary" href={`/job/${job.slug}/`}>Ansehen</a>
          </article>
        ))}
      </div>
    </div>
  </section>

  <section class="section alt">
    <div class="container split-grid">
      <div class="copy-stack">
        <h2>Warum Heidrich?</h2>
        <p>Dem qualifizierten Team stehen moderne Maschinen und Werkzeuge zur Ausführung der Arbeiten zur Verfügung. In jedem Ausbildungsjahr bietet Heidrich bis zu drei Ausbildungsplätze im Dachdecker- und Klempnerhandwerk an.</p>
        <ul class="check-list">
          <li>Familiäres Miteinander in einem Traditionsbetrieb</li>
          <li>Baustellenvielfalt von Einfamilienhaus bis Industrieprojekt</li>
          <li>Fachliche Weiterbildung und hochwertige Arbeitsmittel</li>
          <li>Gute Perspektiven nach erfolgreicher Ausbildung</li>
        </ul>
      </div>
      <ContactPanel
        application
        title="Bewerbung schicken"
        text="Schreiben Sie uns kurz, für welche Stelle Sie sich interessieren. Unterlagen können per E-Mail folgen."
      />
    </div>
  </section>
</BaseLayout>
