---
import BaseLayout from "../layouts/BaseLayout.astro";
import PageHero from "../components/PageHero.astro";
import ContactPanel from "../components/ContactPanel.astro";

const configuratorUrl = "https://dachfensterkonfigurator.velux.de/konfigurator?embed=true&id=10038184";
const bookingUrl = "https://installer-leads.velux.de/booking-form/Heinz%20Heidrich%20GmbH/21255/Tostedt";
---

<BaseLayout title="VELUX Dachfenster-Konfigurator" description="VELUX Dachfenster-Konfigurator und VELUX@Home Beratung mit der Heinz Heidrich GmbH aus Tostedt.">
  <PageHero
    title="VELUX Dachfenster"
    kicker="Konfigurator und Beratung"
    text="Planen Sie Ihre Dachfensterlösung und sprechen Sie anschliessend mit dem Heidrich-Team in Tostedt."
    image="/assets/img/firmengelaende-blaues-dach.jpg"
    alt="Firmengelände mit vielen Dachfenstern"
  />

  <section class="section">
    <div class="container split-grid">
      <div class="embed-link-box">
        <p class="label">VELUX Konfigurator</p>
        <h2>Dachfensterlösung konfigurieren</h2>
        <p>Der Konfigurator öffnet direkt bei VELUX. Dort können Sie mehrere Schritte durchlaufen, eine unverbindliche Preisindikation erhalten und bei Bedarf ein Angebot anfragen.</p>
        <div class="inline-actions">
          <a class="button primary" href={configuratorUrl} target="_blank" rel="noreferrer">Konfigurator öffnen</a>
          <a class="button secondary" href="/datenverarbeitung-velux/">Datenhinweis lesen</a>
        </div>
      </div>

      <div class="embed-link-box">
        <p class="label">VELUX@Home</p>
        <h2>Kostenfreie Tageslichtberatung</h2>
        <p>Wenn Sie eine Beratung mit einem Tageslichtberater wünschen, nutzen Sie das externe VELUX Buchungsformular.</p>
        <a class="button secondary" href={bookingUrl} target="_blank" rel="noreferrer">Beratung buchen</a>
      </div>
    </div>
  </section>

  <section class="section alt">
    <div class="container split-grid">
      <div class="copy-stack">
        <h2>Dachfenster fachgerecht einbauen lassen.</h2>
        <p>Heidrich unterstützt bei Planung, Einbau und Abstimmung mit der Dachkonstruktion, damit Licht, Lüftung und Wetterdichtigkeit zusammenpassen.</p>
      </div>
      <ContactPanel title="Fragen zu VELUX?" text="Rufen Sie uns an oder schreiben Sie kurz, welches Dachfensterprojekt geplant ist." />
    </div>
  </section>
</BaseLayout>
