---
import Base from "../layouts/Base.astro";
---
<Base title="Haarverlängerung & Haarverdichtung in Tostedt · Friseur-Team VK" description="Premium-Haarverlängerung und Haarverdichtung bei Friseur-Team VK Tostedt – ausführliche Beratung, Echthaar, natürliches Ergebnis. Jetzt Beratungstermin sichern.">

  <section class="lp-hero">
    <div class="container grid">
      <div>
        <span class="eyebrow"><span class="ln"></span>Spezialität des Hauses</span>
        <h1>Mehr Länge. Mehr Fülle. Natürlich schön.</h1>
        <p class="lead">Haarverlängerung und Haarverdichtung sind unser Steckenpferd. Mit hochwertigem Echthaar, ehrlicher Beratung und viel Erfahrung holen wir das Beste aus Ihrem Haar – so, dass niemand es sieht und jeder es bemerkt.</p>
        <div class="pill-row">
          <span class="pill">✓ Ausführliche Beratung</span>
          <span class="pill">✓ Echthaar-Qualität</span>
          <span class="pill">✓ Natürliches Ergebnis</span>
        </div>
        <div class="actions" style="margin-top:28px;display:flex;gap:14px;flex-wrap:wrap">
          <a href="#beratung" class="btn btn-dark">Beratungstermin sichern</a>
          <a href="/#galerie" class="btn btn-outline">Ergebnisse ansehen</a>
        </div>
      </div>
      <img src="/img/hv.jpg" alt="Haarverlängerung bei Friseur-Team VK" />
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="head-center reveal">
        <span class="eyebrow center"><span class="ln"></span>So läuft's<span class="ln"></span></span>
        <h2>Ehrlich beraten, sorgfältig umgesetzt</h2>
      </div>
      <div class="feature-grid">
        <div class="fcard reveal"><div class="ic">💬</div><h3>1 · Beratung</h3><p>Wir schauen uns Ihr Haar an, klären Wünsche, Methode, Pflege und Budget – unverbindlich und transparent.</p></div>
        <div class="fcard reveal"><div class="ic">💇‍♀️</div><h3>2 · Anwendung</h3><p>Schonende Anbringung mit Echthaar, abgestimmt auf Farbe und Struktur – für ein Ergebnis, das sich echt anfühlt.</p></div>
        <div class="fcard reveal"><div class="ic">✨</div><h3>3 · Pflege</h3><p>Sie bekommen einen klaren Pflegeplan und Folgetermine – damit das Ergebnis lange schön bleibt.</p></div>
      </div>
    </div>
  </section>

  <section class="section bg-soft">
    <div class="container">
      <div class="banner reveal">
        <div>
          <span class="eyebrow"><span class="ln"></span>Beratung sichern</span>
          <h3 id="beratung">Kostenlose Erstberatung – mit verbindlichem Termin per WhatsApp.</h3>
          <p style="margin-top:10px;color:var(--body)">Für aufwendige Termine sichern wir den Platz mit einer kleinen Anzahlung – das reduziert Ausfälle und hält den Kalender frei für ernsthafte Anfragen.</p>
        </div>
        <div style="display:flex;flex-direction:column;gap:10px">
          <a href="/#buchen" class="btn btn-dark">Termin anfragen</a>
          <a href="https://wa.me/4941822889535" target="_blank" rel="noopener" class="btn btn-outline">Per WhatsApp fragen</a>
        </div>
      </div>
    </div>
  </section>

  <section class="section">
    <div class="container">
      <div class="reels-head reveal" style="margin-top:0">
        <h3>Vorher / Nachher · 9:16</h3>
        <span>Echte Ergebnisse als Reel – ideal für Instagram.</span>
      </div>
      <div class="reels reveal">
        <figure class="reel"><img src="/img/hv.jpg" alt="Reel" loading="lazy" /><span class="lab">Verlängerung</span></figure>
        <figure class="reel"><img src="/img/g1.webp" alt="Reel" loading="lazy" /><span class="lab">Vorher / Nachher</span></figure>
        <figure class="reel"><img src="/img/g3.webp" alt="Reel" loading="lazy" /><span class="lab">Farbe & Glanz</span></figure>
        <figure class="reel"><img src="/img/g4.webp" alt="Reel" loading="lazy" /><span class="lab">Im Salon</span></figure>
      </div>
    </div>
  </section>

</Base>
