This commit is contained in:
@@ -43,31 +43,15 @@ try {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<section class="hero">
|
<section class="hero">
|
||||||
<div class="container hero__grid">
|
<div class="container hero__single">
|
||||||
<div class="hero__text">
|
<div class="hero__text">
|
||||||
<h1>Finde passende Treffen, knüpfe Kontakte und organisiere gemeinsame Zeit mit anderen Vätern.</h1>
|
<h1>Finde passende Treffen, knüpfe Kontakte und organisiere gemeinsame Zeit mit anderen Vätern.</h1>
|
||||||
<p class="lede">Papa-Kind-Treff zeigt dir auf einen Blick, welche Termine es in deiner Umgebung gibt, welche Themen gerade gefragt sind und wie du selbst unkompliziert Teil einer verlässlichen Community wirst.</p>
|
<p class="lede">Finde auf einen Blick Termine in deiner Umgebung, lerne andere Väter kennen, beteilige dich an Gesprächen in der Community und werde Schritt für Schritt ein fester Teil davon.</p>
|
||||||
<p class="hero__copy">Wenn du mehr als nur stöbern möchtest, begleitet dich der Mitgliederbereich durch alles Weitere: Profil anlegen, Kinder optional ergänzen, Termine merken, eigene Treffen einstellen und deine Angaben jederzeit wieder anpassen.</p>
|
<p class="hero__copy">Als registrierter Teil der Community kannst du dein Profil mit deinen Kinderinfos pflegen, eigene Treffen organisieren und dich unkompliziert zu bestehenden Terminen dazugesellen.</p>
|
||||||
<div class="hero__actions">
|
<div class="hero__actions hero__actions--center">
|
||||||
<a class="btn" href="/register">Kostenlos registrieren</a>
|
<a class="btn" href="/register">Gleich kostenlos registrieren</a>
|
||||||
<button class="btn ghost" id="scrollToEvents">Events in deiner Nähe</button>
|
|
||||||
</div>
|
|
||||||
<div class="hero__meta">
|
|
||||||
<div class="chip inline">Lokale Treffen entdecken</div>
|
|
||||||
<div class="chip inline">Kinder optional angeben</div>
|
|
||||||
<div class="chip inline">Eigene Termine einstellen</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<aside class="hero__card">
|
|
||||||
<h2>Im Mitgliederbereich steuerst du alles an einem Ort.</h2>
|
|
||||||
<p class="muted">Dort pflegst du dein Profil, hinterlegst auf Wunsch Kinderinfos, findest passende Veranstaltungen schneller wieder und stellst eigene Termine mit wenigen Schritten online.</p>
|
|
||||||
<ul class="list">
|
|
||||||
<li>Profil mit Region, Interessen und kurzen Infos zu dir ausfüllen</li>
|
|
||||||
<li>Kinder optional ergänzen, damit Treffen besser zu deinem Alltag passen</li>
|
|
||||||
<li>Neue Termine anlegen, aktualisieren und mit anderen Vätern teilen</li>
|
|
||||||
<li>Angaben jederzeit anpassen, ergänzen oder wieder entfernen</li>
|
|
||||||
</ul>
|
|
||||||
</aside>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|||||||
@@ -66,10 +66,12 @@ body {
|
|||||||
border-bottom: 1px solid var(--color-border);
|
border-bottom: 1px solid var(--color-border);
|
||||||
}
|
}
|
||||||
.hero__grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 32px; align-items: center; }
|
.hero__grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 32px; align-items: center; }
|
||||||
|
.hero__single { max-width: 900px; }
|
||||||
.hero__text h1 { margin: 12px 0 10px 0; font-size: clamp(28px, 4vw, 42px); line-height: 1.1; }
|
.hero__text h1 { margin: 12px 0 10px 0; font-size: clamp(28px, 4vw, 42px); line-height: 1.1; }
|
||||||
.hero__text .lede { color: var(--color-muted); font-size: 17px; }
|
.hero__text .lede { color: var(--color-muted); font-size: 17px; }
|
||||||
.hero__copy { margin: 14px 0 0; max-width: 64ch; color: var(--color-text); }
|
.hero__copy { margin: 14px 0 0; max-width: 64ch; color: var(--color-text); }
|
||||||
.hero__actions { display:flex; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
|
.hero__actions { display:flex; gap: 12px; flex-wrap: wrap; margin: 18px 0; }
|
||||||
|
.hero__actions--center { justify-content: center; }
|
||||||
.hero__meta { display:flex; gap:8px; flex-wrap: wrap; }
|
.hero__meta { display:flex; gap:8px; flex-wrap: wrap; }
|
||||||
.hero__card { padding: 20px; background: #fff; border:1px solid var(--color-border); box-shadow: var(--shadow-card); }
|
.hero__card { padding: 20px; background: #fff; border:1px solid var(--color-border); box-shadow: var(--shadow-card); }
|
||||||
.lede { margin: 0; }
|
.lede { margin: 0; }
|
||||||
|
|||||||
Reference in New Issue
Block a user