SKIP TO CONTENT

Создайте страницу листа ожидания

beginner~12 мин0/4 шаги

Запустите продукт с листом ожидания

Прежде чем строить полноценный продукт, нужно проверить идею и создать ажиотаж. Страница листа ожидания — это самый быстрый способ собрать заинтересованных ранних пользователей и доказать спрос на рынке.

В этом уроке вы создадите полноценную посадочную страницу листа ожидания: цепляющий заголовок, ценностное предложение, форму сбора email и социальное доказательство. Эта одна страница может стать стартовой площадкой для всего вашего продукта — и это всего лишь HTML и Tailwind CSS.

Инструкции

1

Добавьте заголовок h1 с названием продукта и абзац p с ценностным предложением — что продукт даёт пользователям

Подсказка: Создайте: `<h1 class="text-5xl md:text-6xl font-bold mb-4">Название продукта</h1>` и `<p class="text-xl text-blue-300 mb-8">Что это даёт пользователям?</p>`

2

Создайте поле ввода email внутри элемента form с текстом-подсказкой (placeholder)

3

Добавьте кнопку отправки внутри формы с текстом вроде «Присоединиться к 500+ Founders» или «Войти в лист ожидания»

4

Добавьте под формой текст социального доказательства, показывающий, сколько людей уже ждут (например, «500+ founders»)

Ваш код

html
14 строки
1
2
3
4
5
6
7
8
9
10
11
12
13
14

Живой просмотр

Живой просмотр