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

<BaseLayout title="Kontakt" description="Kontakt zur Heinz Heidrich GmbH in Tostedt: Telefon, E-Mail, Adresse und Anfahrt.">
  <PageHero
    title="Kontakt"
    kicker="Heinz Heidrich GmbH"
    text="Rufen Sie uns an oder schreiben Sie eine E-Mail. Wir melden uns direkt aus Tostedt."
  />

  <section class="section">
    <div class="container split-grid">
      <dl class="info-table">
        <div>
          <dt>Adresse</dt>
          <dd>{site.name}<br />{site.address[0]}<br />{site.address[1]}</dd>
        </div>
        <div>
          <dt>Postadresse</dt>
          <dd>{site.name}<br />{site.postalAddress[0]}<br />{site.postalAddress[1]}</dd>
        </div>
        <div>
          <dt>Telefon</dt>
          <dd><a href={site.phoneHref}>{site.phone}</a></dd>
        </div>
        <div>
          <dt>Telefax</dt>
          <dd>{site.fax}</dd>
        </div>
        <div>
          <dt>E-Mail</dt>
          <dd><a href={`mailto:${site.email}`}>{site.email}</a></dd>
        </div>
      </dl>

      <div class="embed-link-box">
        <p class="label">Anfahrt</p>
        <h2>So finden Sie zu uns</h2>
        <p>Die interaktive Karte öffnet extern bei Google Maps.</p>
        <div class="inline-actions">
          <a class="button primary" href={site.mapsUrl} target="_blank" rel="noreferrer">Route öffnen</a>
          <a class="button secondary" href={`mailto:${site.email}`}>E-Mail schreiben</a>
        </div>
      </div>
    </div>
  </section>
</BaseLayout>
