Erstelle eine Wartelisten-Seite
Starte dein Produkt mit einer Warteliste
Bevor du das vollständige Produkt baust, musst du die Idee validieren und Vorfreude wecken. Eine Wartelisten-Seite ist der schnellste Weg, interessierte frühe Nutzer zu gewinnen und die Marktnachfrage zu beweisen.
In dieser Lektion baust du eine vollständige Wartelisten-Landingpage mit einer überzeugenden Überschrift, einem Wertversprechen, einem E-Mail-Erfassungsformular und sozialem Beweis. Diese eine Seite kann zum Startpunkt für dein gesamtes Produkt werden – und sie besteht nur aus HTML und Tailwind CSS.
Anweisungen
Füge eine h1-Produktüberschrift und einen p-Absatz mit dem Wertversprechen hinzu, das den Nutzen des Produkts beschreibt
Tipp: Erstelle: `<h1 class="text-5xl md:text-6xl font-bold mb-4">Produktname</h1>` und `<p class="text-xl text-blue-300 mb-8">Was macht es für die Nutzer?</p>`
Erstelle ein E-Mail-Eingabefeld innerhalb eines form-Elements mit Platzhaltertext
Füge einen Absende-Button im Formular hinzu mit einem Text wie „Jetzt anmelden" oder „500+ Gründern beitreten"
Füge unterhalb des Formulars einen sozialen Beweis hinzu, der zeigt, wie viele Personen bereits warten (z. B. „500+ Gründer")
Dein Code
Beschreibe, was du für diesen Schritt bauen willst, und ich schreibe den Code — klicke dann auf Übernehmen, um ihn in deinen Editor zu übertragen. Dieser Schritt: Füge eine h1-Produktüberschrift und einen p-Absatz mit dem Wertversprechen hinzu, das den Nutzen des Produkts beschreibt