Strongher 1:1 Coaching

Strongher 1:1 Coaching
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Strongher 1:1 Coaching – Dein muskulöser Bikinibody in 90 Tagen</title>
<link href="https://fonts.googleapis.com/css2?family=Anton&family=Arimo:wght@400;500;700&display=swap" rel="stylesheet">
<style>
  :root {
    --color-bg: #0b0b0b;
    --color-bg-alt: #161616;
    --color-bg-card: #1c1c1c;
    --color-text: #ffffff;
    --color-muted: #9c9894;
    --color-pink: #f0a8b4;
    --color-rosegold: #c98b90;
    --color-line: #2a2a2a;
    --font-display: 'Anton', sans-serif;
    --font-body: 'Arimo', sans-serif;
    --max-width: 1120px;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }

  body {
    font-family: var(--font-body);
    color: var(--color-text);
    background: var(--color-bg);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
  }

  img { max-width: 100%; display: block; }
  a { color: inherit; }

  section { padding: 110px 24px; }
  .inner { max-width: var(--max-width); margin: 0 auto; }

  h1, h2, h3 {
    font-family: var(--font-display);
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: 0.01em;
  }

  h1 { font-size: clamp(2.6rem, 7vw, 5.2rem); }
  h2 { font-size: clamp(2rem, 4.5vw, 3.2rem); margin-bottom: 16px; }
  h3 { font-size: 1.3rem; margin-bottom: 10px; }

  .hl-pink { color: var(--color-pink); }
  .hl-rosegold { color: var(--color-rosegold); }

  p { font-size: 1.05rem; color: #e6e3e0; max-width: 640px; }
  .muted { color: var(--color-muted); }

  .eyebrow {
    font-family: var(--font-body);
    font-size: 0.75rem;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--color-rosegold);
    font-weight: 700;
    margin-bottom: 20px;
    display: block;
  }

  .rule {
    width: 48px;
    height: 2px;
    background: var(--color-rosegold);
    border: none;
    margin: 0 0 28px 0;
  }

  .btn {
    display: inline-block;
    background: var(--color-rosegold);
    color: #0b0b0b;
    font-family: var(--font-body);
    font-weight: 700;
    text-decoration: none;
    padding: 18px 38px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    font-size: 0.98rem;
    letter-spacing: 0.02em;
    transition: background 0.2s ease, transform 0.2s ease;
  }
  .btn:hover { background: var(--color-pink); transform: translateY(-2px); }
  .btn-ghost {
    background: transparent;
    color: var(--color-text);
    border: 1px solid var(--color-line);
  }
  .btn-ghost:hover { border-color: var(--color-rosegold); background: transparent; color: var(--color-rosegold); }

  /* HERO */
  .hero {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: stretch;
    padding: 0;
  }
  @media (max-width: 900px) {
    .hero { grid-template-columns: 1fr; min-height: auto; }
  }

  .hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 140px 56px 80px 56px;
  }
  @media (max-width: 900px) {
    .hero-copy { padding: 140px 24px 48px 24px; }
  }

  .hero h1 { margin-bottom: 26px; }
  .hero p { font-size: 1.15rem; margin-bottom: 36px; }

  .hero-image {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    background: #000;
  }
  .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 20%;
    filter: grayscale(55%) contrast(1.08) brightness(0.92);
  }
  .hero-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(11,11,11,0) 40%, rgba(11,11,11,0.9) 100%),
                linear-gradient(90deg, rgba(11,11,11,0.55) 0%, rgba(11,11,11,0) 30%);
  }

  .trust-line {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    margin-top: 8px;
  }
  .trust-line span {
    font-size: 0.85rem;
    color: var(--color-muted);
  }
  .trust-line strong { color: var(--color-rosegold); font-weight: 700; }

  /* STATS BAR */
  .stats {
    background: var(--color-bg-alt);
    border-top: 1px solid var(--color-line);
    border-bottom: 1px solid var(--color-line);
    padding: 56px 24px;
  }
  .stats .inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    text-align: center;
  }
  @media (max-width: 700px) {
    .stats .inner { grid-template-columns: 1fr; gap: 24px; }
  }
  .stat-num {
    font-family: var(--font-display);
    font-size: clamp(1.8rem, 4vw, 2.6rem);
    color: var(--color-rosegold);
    text-transform: none;
  }
  .stat-label {
    font-size: 0.8rem;
    color: var(--color-muted);
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  /* PROBLEM / SOLUTION */
  .split {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 64px;
  }
  @media (max-width: 800px) {
    .split { grid-template-columns: 1fr; }
  }
  .problem { background: var(--color-bg); }
  .solution { background: var(--color-bg-alt); }

  /* LEISTUNGEN */
  .leistungen { background: var(--color-bg); }
  .leistungen-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1px;
    background: var(--color-line);
    margin-top: 48px;
    border: 1px solid var(--color-line);
  }
  @media (max-width: 700px) {
    .leistungen-grid { grid-template-columns: 1fr; }
  }
  .leistung-card {
    background: var(--color-bg);
    padding: 34px 30px;
  }
  .leistung-card h3 { color: var(--color-text); font-size: 1.15rem; }
  .leistung-card p { font-size: 0.96rem; color: var(--color-muted); }

  .onboarding-box {
    margin-top: 1px;
    background: var(--color-bg-card);
    border: 1px solid var(--color-line);
    padding: 46px 40px;
  }
  .onboarding-box h3 { color: var(--color-rosegold); font-size: 1.5rem; margin-bottom: 16px; }
  .onboarding-box p { color: #d6d2ce; max-width: none; }

  .cta-center { text-align: center; margin-top: 56px; }

  /* GALLERY */
  .gallery { background: var(--color-bg-alt); }
  .gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4px;
    margin-top: 48px;
  }
  @media (max-width: 800px) {
    .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  }
  .gallery-grid figure {
    position: relative;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: #000;
  }
  .gallery-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(55%) contrast(1.1) brightness(0.9);
    transition: filter 0.3s ease, transform 0.4s ease;
  }
  .gallery-grid figure:hover img {
    filter: grayscale(0%) contrast(1.05) brightness(1);
    transform: scale(1.03);
  }
  .gallery-grid figcaption {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    padding: 14px 16px;
    background: linear-gradient(180deg, rgba(11,11,11,0) 0%, rgba(11,11,11,0.85) 100%);
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    color: #eee;
  }

  /* ERGEBNISSE */
  .ergebnisse { background: var(--color-bg); }
  .ergebnisse-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1px;
    background: var(--color-line);
    margin-top: 48px;
    border: 1px solid var(--color-line);
  }
  .ergebnis-card {
    background: var(--color-bg-card);
    padding: 34px 28px;
  }
  .ergebnis-card .name {
    font-family: var(--font-display);
    text-transform: uppercase;
    font-size: 1.3rem;
    color: var(--color-pink);
    margin-bottom: 10px;
  }
  .ergebnis-card p { font-size: 0.94rem; color: #cfcbc7; }

  /* UEBER MICH */
  .about { background: var(--color-bg-alt); }
  .about .split { align-items: center; }
  .about-image {
    aspect-ratio: 3/4;
    overflow: hidden;
    background: #000;
    max-width: 380px;
  }
  .about-image img {
    width: 100%; height: 100%; object-fit: cover;
    filter: grayscale(50%) contrast(1.05) brightness(0.92);
  }

  /* FAQ */
  .faq { background: var(--color-bg); }
  .faq-item {
    border-bottom: 1px solid var(--color-line);
    padding: 26px 0;
  }
  .faq-item h3 {
    font-family: var(--font-body);
    text-transform: none;
    font-weight: 700;
    font-size: 1.05rem;
    color: var(--color-text);
    margin-bottom: 10px;
  }
  .faq-item p { color: var(--color-muted); font-size: 0.96rem; }

  /* WARTELISTE */
  .warteliste { background: var(--color-bg-alt); }
  .warteliste .eyebrow { color: var(--color-pink); }

  .form-wrap { max-width: 560px; margin-top: 40px; }
  .form-row { margin-bottom: 18px; }
  label {
    display: block;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-bottom: 8px;
  }
  input, textarea {
    width: 100%;
    padding: 14px 16px;
    border: 1px solid var(--color-line);
    background: #0f0f0f;
    color: #fff;
    font-family: var(--font-body);
    font-size: 1rem;
    border-radius: 2px;
  }
  input:focus, textarea:focus {
    outline: 2px solid var(--color-rosegold);
    outline-offset: 1px;
  }
  textarea { resize: vertical; min-height: 90px; }

  .form-note { font-size: 0.82rem; color: var(--color-muted); margin-top: 16px; max-width: 480px; }

  #form-success {
    display: none;
    margin-top: 24px;
    padding: 18px 22px;
    background: rgba(201,139,144,0.12);
    border: 1px solid var(--color-rosegold);
    border-radius: 2px;
    font-size: 0.95rem;
  }

  footer {
    background: var(--color-bg);
    color: var(--color-muted);
    text-align: center;
    padding: 36px 24px;
    font-size: 0.8rem;
    border-top: 1px solid var(--color-line);
  }
</style>
</head>
<body>

<section class="hero">
  <div class="hero-copy">
    <span class="eyebrow">Strongher · 1:1 Coaching</span>
    <h1>Werde in <span class="hl-rosegold">90 Tagen</span> zu deinem <span class="hl-pink">muskulösen Bikinibody</span></h1>
    <p>Ich bin Vanessa, zertifizierte Fitnesstrainerin und Ernährungsberaterin. Ich zeige dir 1:1, wie du Fett abbaust, Muskeln aufbaust und endlich verstehst, was du tust, ohne Diätwahn und ohne Rätselraten im Gym.</p>
    <div>
      <a href="#warteliste" class="btn">Jetzt Platz auf der Warteliste sichern</a>
    </div>
    <div class="trust-line">
      <span><strong>1:1</strong> statt Standardplan</span>
      <span><strong>Ab 6 Monate</strong> Coaching</span>
      <span><strong>90 Tage</strong> bis zum ersten Ergebnis</span>
    </div>
  </div>
  <div class="hero-image">
    <img src="images/mirror-fullbody.jpg" alt="Vanessa im Gym">
  </div>
</section>

<div class="stats">
  <div class="inner">
    <div>
      <div class="stat-num">1:1</div>
      <div class="stat-label">Persönliche Betreuung</div>
    </div>
    <div>
      <div class="stat-num">6</div>
      <div class="stat-label">Monate Mindestlaufzeit</div>
    </div>
    <div>
      <div class="stat-num">90</div>
      <div class="stat-label">Tage bis zum ersten Ergebnis</div>
    </div>
  </div>
</div>

<section class="problem">
  <div class="inner split">
    <div>
      <span class="eyebrow">Das Problem</span>
      <hr class="rule">
      <h2>Training ohne Plan bringt dich nicht ans Ziel</h2>
    </div>
    <div>
      <p>Du willst Fett abbauen und gleichzeitig sichtbar Muskeln aufbauen, aber du weißt nicht genau, wie du dein Training dafür wirklich effektiv gestaltest. Du stehst im Gym vor den Geräten und fragst dich, welche Übungen du wählen sollst, wie du deine Gewichte steigerst und ob du überhaupt die richtige Technik ausführst.</p>
      <p style="margin-top:20px;">Bei der Ernährung geht es dir ähnlich, denn du willst endlich verstehen, wie eine Ernährung funktioniert, die zu deinem Alltag passt, ohne dass du hungern musst und ohne dass du abends doch wieder zu Snacks greifst.</p>
    </div>
  </div>
</section>

<section class="solution">
  <div class="inner split">
    <div>
      <span class="eyebrow">Die Lösung</span>
      <hr class="rule">
      <h2>Strongher begleitet dich <span class="hl-rosegold">1:1</span></h2>
    </div>
    <div>
      <p>Ich begleite dich persönlich und baue dir ein Training auf, das exakt zu deinem Körper, deinem Alltag und deinem Ziel passt. Ich erkläre dir jede Übung, jede Steigerung und jede Entscheidung, damit du nicht nur trainierst, sondern auch endlich verstehst, warum du etwas tust.</p>
      <p style="margin-top:20px;">Bei der Ernährung entwickle ich mit dir ein Ziel und eine Struktur, die sich in deinen Alltag integrieren lässt, sodass du weder hungerst noch auf alles verzichten musst. Am Ende dieser 90 Tage hast du nicht nur einen veränderten Körper, sondern auch das Wissen, um deine Ergebnisse langfristig selbst zu halten.</p>
    </div>
  </div>
</section>

<section class="leistungen">
  <div class="inner">
    <span class="eyebrow">Deine Leistungen</span>
    <hr class="rule">
    <h2>Alles, was du für deine <span class="hl-pink">Transformation</span> brauchst</h2>

    <div class="leistungen-grid">
      <div class="leistung-card">
        <h3>Individueller Trainingsplan</h3>
        <p>Genau abgestimmt auf deinen Körper, dein Level und deine Kapazitäten.</p>
      </div>
      <div class="leistung-card">
        <h3>Individuelles Ernährungsziel</h3>
        <p>Realistisch für deinen Alltag und nachhaltig umsetzbar.</p>
      </div>
      <div class="leistung-card">
        <h3>App Zugang</h3>
        <p>Trainingstracking, passende Rezepte und dein Fortschrittstracking an einem Ort.</p>
      </div>
      <div class="leistung-card">
        <h3>Lifestyle Optimierung</h3>
        <p>Unterstützung bei Schlaf, Regeneration und Stressmanagement.</p>
      </div>
      <div class="leistung-card">
        <h3>Online Trainingskorrektur</h3>
        <p>Du schickst mir Videos deiner Übungsausführung, ich gebe dir persönliches Feedback.</p>
      </div>
      <div class="leistung-card">
        <h3>Direkter WhatsApp Kontakt</h3>
        <p>Ich stehe dir direkt für deine Fragen zur Verfügung.</p>
      </div>
      <div class="leistung-card">
        <h3>Wöchentliche Rückmeldung</h3>
        <p>Zu deinen Maßen, deinen Fotos und deinem Wochenrückblick.</p>
      </div>
      <div class="leistung-card">
        <h3>Monatlicher 1:1 Call</h3>
        <p>Persönliches Gespräch über deinen Weg und deine nächsten Schritte.</p>
      </div>
    </div>

    <div class="onboarding-box">
      <h3>Dein Onboarding Paket</h3>
      <p>Zum Start bekommst du eine persönliche Willkommensnachricht direkt von mir, dein eigenes 90 Tage Journal, mein Glaubenssätze Workbook, eine sinnvolle Supplementempfehlung und eine klare Schritt für Schritt Startanleitung für deine erste Woche.</p>
    </div>

    <div class="cta-center">
      <a href="#warteliste" class="btn">Trag dich jetzt in die Warteliste ein</a>
    </div>
  </div>
</section>

<section class="gallery">
  <div class="inner">
    <span class="eyebrow">Training nach Plan</span>
    <hr class="rule">
    <h2>So sieht die <span class="hl-rosegold">Arbeit</span> im Gym aus</h2>

    <div class="gallery-grid">
      <figure>
        <img src="images/deadlift-1.jpg" alt="Vanessa beim Kreuzheben, Ausgangsposition">
        <figcaption>Kreuzheben · Technik zählt mehr als Gewicht</figcaption>
      </figure>
      <figure>
        <img src="images/deadlift-2.jpg" alt="Vanessa beim Kreuzheben, Endposition">
        <figcaption>Kreuzheben · saubere Ausführung</figcaption>
      </figure>
      <figure>
        <img src="images/legcurl-1.jpg" alt="Vanessa an der Beinbeuger Maschine">
        <figcaption>Beinbeuger · gezielte Muskelarbeit</figcaption>
      </figure>
      <figure>
        <img src="images/legcurl-2.jpg" alt="Vanessa an der Beinbeuger Maschine, volle Kontraktion">
        <figcaption>Beinbeuger · volle Kontraktion</figcaption>
      </figure>
    </div>
  </div>
</section>

<section class="ergebnisse">
  <div class="inner">
    <span class="eyebrow">Ergebnisse unserer Klientinnen</span>
    <hr class="rule">
    <h2>Das erreichen Frauen im <span class="hl-pink">Strongher</span> Coaching</h2>

    <div class="ergebnisse-grid">
      <div class="ergebnis-card">
        <div class="name">Luise</div>
        <p>Wollte Muskeln aufbauen und endlich verstehen, wie richtiges Training funktioniert. Hat innerhalb von drei Monaten 4 Kilogramm zugenommen, sichtbar Muskulatur aufgebaut und sich von ihrem Kontrollzwang gelöst, jedes Lebensmittel tracken zu müssen.</p>
      </div>
      <div class="ergebnis-card">
        <div class="name">Katharina</div>
        <p>Hat innerhalb von 30 Tagen 3 Kilogramm abgenommen und ihren Po sowie ihre Arme deutlich gestrafft. Ist ihren abendlichen Heißhunger losgeworden, weil sie gelernt hat, wie wichtig ein durchdachtes Frühstück ist.</p>
      </div>
      <div class="ergebnis-card">
        <div class="name">Teresa</div>
        <p>Hat gelernt, wie sie Sport wirklich regelmäßig und ohne Druck in ihren Alltag integrieren kann, sodass Training für sie zur festen Gewohnheit geworden ist.</p>
      </div>
      <div class="ergebnis-card">
        <div class="name">Ludmilla</div>
        <p>Hat Muskulatur aufgebaut, ohne dabei Fett zuzulegen, und ihren Körper sichtbar gestrafft. Isst heute deutlich über 2000 Kilokalorien am Tag und passt endlich wieder in ihre Sommerkleider.</p>
      </div>
      <div class="ergebnis-card">
        <div class="name">Nina</div>
        <p>Hat gelernt, dass sie auf nichts in ihrem Leben verzichten muss und dass sie für ihr Ziel keine Extremdiät braucht, um dauerhaft erfolgreich zu sein.</p>
      </div>
    </div>
  </div>
</section>

<section class="about">
  <div class="inner split">
    <div class="about-image">
      <img src="images/mirror-fullbody.jpg" alt="Vanessa, Gründerin von Strongher">
    </div>
    <div>
      <span class="eyebrow">Deine Expertin</span>
      <hr class="rule">
      <h2>Das bin <span class="hl-rosegold">ich</span></h2>
      <p>Ich habe mich mit fünfzehn Jahren im Gym angemeldet, ohne die geringste Ahnung, was ich dort eigentlich tun soll. Ich habe wahllos Tipps und Tricks aus dem Internet befolgt und war damit komplett überfordert. Ich wusste nicht, wie viel Gewicht ich bewegen soll, worauf es bei der Ausführung ankommt oder welche Übungen für meine Muskeln wirklich wichtig sind. Ich wusste nicht, wie ich mein Training aufbauen und wie ich mich sinnvoll steigern soll, und ich wusste auch nicht, ob ich zusätzlich Cardio brauche.</p>
      <p style="margin-top:20px;">Bei der Ernährung sah es genauso aus. Ich wusste nicht, wie viele Kalorien ich essen soll, wie ich meine Makros gestalten soll oder wie ich meine Mahlzeiten sinnvoll aufbauen kann. Ich wusste nicht einmal, welche Lebensmittel eigentlich gut oder schlecht für mein Ziel sind. Nach vielen frustrierenden Monaten ohne sichtbare Ergebnisse habe ich mir endlich Hilfe geholt. Erst dadurch habe ich wirklich verstanden, worauf es bei Training und Ernährung ankommt, und ich habe endlich die Ergebnisse gesehen, die ich mir so lange gewünscht habe.</p>
      <p style="margin-top:20px;">Diese Erfahrung hat mich dazu gebracht, mich zertifizieren zu lassen, damit ich mein Wissen weitergeben kann. Heute helfe ich als Fitnesstrainerin und Ernährungsberaterin genau den Frauen, die an dem Punkt stehen, an dem ich selbst einmal stand.</p>
    </div>
  </div>
</section>

<section class="faq">
  <div class="inner">
    <span class="eyebrow">Die häufigsten Fragen</span>
    <hr class="rule">
    <h2>Bevor du dich <span class="hl-pink">einträgst</span></h2>

    <div class="faq-item">
      <h3>Wie teuer ist das Coaching?</h3>
      <p>Mein Coaching ist ein Investment in dich, dein Leben, deine Gesundheit und deine Zukunft. Du musst bereit sein, für dich selbst Geld auszugeben, denn es handelt sich nicht um ein Standardprogramm. Die genauen Details besprechen wir im Erstgespräch, da ich dir ein Angebot inklusive Preis erst nach dem Kennenlernen geben kann.</p>
    </div>
    <div class="faq-item">
      <h3>Gibt es eine Mindestlaufzeit?</h3>
      <p>Ja, ich arbeite nur ab 6 Monaten mit dir zusammen. Ich brauche diese Zeit, um dich, deinen Körper und deinen Kopf wirklich kennenzulernen. Auch deine Routinen und deine Umsetzung brauchen Zeit, damit wir gemeinsam das beste Ergebnis erzielen, mit Strukturen, die am Ende wirklich fest sitzen.</p>
    </div>
    <div class="faq-item">
      <h3>Wie sieht der Trainingsplan aus?</h3>
      <p>Du bekommst einen individuellen Trainingsplan, der auf deinen Körper, dein Level und deine zeitlichen Kapazitäten abgestimmt ist. Bei Fragen zur Ausführung schickst du mir jederzeit ein Video.</p>
    </div>
    <div class="faq-item">
      <h3>Wie läuft die Kommunikation ab?</h3>
      <p>Du erreichst mich direkt über WhatsApp. Wöchentlich bekommst du eine persönliche Rückmeldung, monatlich sprechen wir uns zusätzlich in einem 1:1 Call.</p>
    </div>
    <div class="faq-item">
      <h3>Gibt es Voraussetzungen?</h3>
      <p>Nein. Wichtig ist mir vor allem dein Wille, wirklich etwas zu verändern.</p>
    </div>
  </div>
</section>

<section class="warteliste" id="warteliste">
  <div class="inner">
    <span class="eyebrow">Warteliste</span>
    <hr class="rule">
    <h2>Sichere dir <span class="hl-rosegold">jetzt</span> deinen Platz</h2>
    <p>Die Plätze in meinem 1:1 Coaching sind bewusst limitiert, weil ich jede Klientin wirklich persönlich begleite. Trag dich jetzt ein und sichere dir einen der nächsten freien Plätze zum Start am 01. August.</p>

    <form class="form-wrap" id="waitlist-form">
      <div class="form-row">
        <label for="vorname">Vorname</label>
        <input type="text" id="vorname" name="vorname" required>
      </div>
      <div class="form-row">
        <label for="email">Email</label>
        <input type="email" id="email" name="email" required>
      </div>
      <div class="form-row">
        <label for="instagram">Dein Instagram Name</label>
        <input type="text" id="instagram" name="instagram">
      </div>
      <div class="form-row">
        <label for="baustelle">Deine größte Baustelle aktuell</label>
        <textarea id="baustelle" name="baustelle"></textarea>
      </div>
      <button type="submit" class="btn">Jetzt Platz auf der Warteliste sichern</button>
    </form>

    <div id="form-success">Danke für deine Eintragung. Ich melde mich persönlich bei dir, sobald ein Platz frei wird.</div>

    <p class="form-note">Hinweis für die Umsetzung: Verbinde das Attribut action der form mit deinem Formular Endpunkt, zum Beispiel Brevo, Mailchimp oder einem WordPress Formular Plugin wie Contact Form 7 oder Fluent Forms.</p>
  </div>
</section>

<footer>&copy; 2026 Vanessa Schmitt · Strongher</footer>

<script>
  document.getElementById('waitlist-form').addEventListener('submit', function (e) {
    e.preventDefault();
    document.getElementById('form-success').style.display = 'block';
    this.reset();
  });
</script>

</body>
</html>

Ein Kommentar zu „Strongher 1:1 Coaching“

  1. Avatar von A WordPress Commenter

    Hi, this is a comment.
    To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
    Commenter avatars come from Gravatar.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert