8a56d0dcff
Neue statische Astro 5-App in apps/landing/ (Port 4380). Sektionen: Nav, Hero, Kartentypen-Grid (6 Typen), How-it-works, Features, mana-e.V.-Pitch, CTA, Footer. Stack: Astro 5 + Tailwind 3, kein MDX (overkill für MVP), keine externen Abhängigkeiten. Forest-grüne Farbpalette passend zum App- Theme, Serif-Headings im mana-e.V.-Stil. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
43 lines
1.7 KiB
Text
43 lines
1.7 KiB
Text
---
|
|
const APP_URL = 'https://cardecky.mana.how';
|
|
---
|
|
<section class="relative overflow-hidden border-b border-rule bg-paper py-24 sm:py-32">
|
|
<!-- Subtle grid background -->
|
|
<div
|
|
class="pointer-events-none absolute inset-0 opacity-[0.03]"
|
|
style="background-image: linear-gradient(#111812 1px, transparent 1px), linear-gradient(90deg, #111812 1px, transparent 1px); background-size: 48px 48px;"
|
|
aria-hidden="true"
|
|
></div>
|
|
|
|
<div class="relative mx-auto max-w-content px-6">
|
|
<div class="max-w-prose">
|
|
<p class="section-label mb-4">Spaced Repetition · mana e.V.</p>
|
|
|
|
<h1 class="font-serif text-hero text-ink">
|
|
Lernkarten, die<br/>
|
|
<span class="text-leaf">tatsächlich wirken.</span>
|
|
</h1>
|
|
|
|
<p class="mt-6 text-lg leading-relaxed text-muted">
|
|
Cardecky nutzt den FSRS-Algorithmus — den aktuellen Stand der Wissenschaft im Spaced
|
|
Repetition — um dir jede Karte genau dann zu zeigen, wenn du sie kurz vor dem Vergessen bist.
|
|
Keine Abos, keine Tracker, keine dark patterns.
|
|
Freie Software des <a href="https://mana-ev.ch" class="underline underline-offset-2 hover:text-ink transition-colors">mana e.V.</a>
|
|
</p>
|
|
|
|
<div class="mt-10 flex flex-wrap items-center gap-4">
|
|
<a href={APP_URL} class="btn-primary">
|
|
Kostenlos starten
|
|
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
|
|
<path d="M5 12h14M12 5l7 7-7 7"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#kartentypen" class="btn-ghost">Alle Kartentypen ansehen</a>
|
|
</div>
|
|
|
|
<p class="mt-6 text-xs text-muted">
|
|
Kein Account erforderlich für den ersten Blick · DSGVO-konform · Open Source
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|