Lovable, V0, Bolt — лендинг с приёмом платежа

Готовый промпт для Lovable, V0 или Bolt. Создаёт продающий лендинг с кнопкой оплаты, ведущей на Tegro.Money. Не нужно писать ни строки кода.

Промпт

Скопируйте, вставьте в Lovable / V0 / Bolt. Замените в первой строке описание продукта на ваше.

Я продаю: [короткое описание продукта или услуги, например "электронный курс по фотографии за 2900 руб"].

Сделай мне посадочную страницу с такими секциями:
1) Hero: крупный заголовок, описание, кнопка "Купить за [цена]".
2) Преимущества — 3 столбца с иконками.
3) Социальное доказательство — 3 отзыва.
4) FAQ — 4 вопроса.
5) Финальный CTA.

Стиль — современный, минималистичный, светлый фон.

Технические требования:
- Кнопка "Купить" отправляет POST на свой Next.js API-роут /api/checkout.
- Этот роут должен:
  * Получить от Tegro.Money URL оплаты через POST на https://tegro.money/api/createOrder/
  * Тело запроса: {shop_id, nonce, currency:"RUB", amount:[цена], order_id:[uuid], description:[название продукта]}
  * shop_id и api_key взять из process.env.TEGRO_SHOP_ID и process.env.TEGRO_API_KEY
  * nonce — это Date.now().toString()
  * Авторизация — HTTP header "Authorization: Bearer <sign>", где sign это HMAC-SHA256(тело_запроса, api_key) hex
  * ВАЖНО: подпись считается ПОСЛЕ JSON.stringify, и отправлять надо точно эти же байты — иначе сигнатура сломается
  * Ответ от Tegro: {type:"success", data:{url:"..."}} — redirect клиента на data.url
  * Если type:"error" — показать desc

После создания лендинга добавь README с инструкцией куда подставить TEGRO_SHOP_ID и TEGRO_API_KEY (брать в личном кабинете https://tegro.money/my/).

Используй TypeScript + Next.js App Router + Tailwind.

Что делать дальше

  1. В Lovable/V0/Bolt появится готовый сайт.
  2. Откройте файл .env (Lovable показывает в Settings → Environment Variables).
  3. Зарегистрируйтесь на tegro.money, создайте магазин в Личном кабинете.
  4. Скопируйте shop_id и api_key из настроек магазина — вставьте в TEGRO_SHOP_ID и TEGRO_API_KEY.
  5. Пока тестируете — включите в магазине режим «Тест». Никакие реальные деньги не списываются.
  6. Когда всё работает — выключите тестовый режим и принимайте платежи.

Если что-то сломалось

Скажите AI: «я получаю ошибку «Empty required param shop_id», посмотри в коде где я могла ошибиться». Промпт уже дал AI всю нужную информацию об API — он сможет починить.

Совет. Если хотите более чистый код или Stripe-style редирект-чекаут — посмотрите Master Prompt для Cursor / Claude Code.