Что вы получите
- Один офлайн HTML-блок с сеткой и дрейфующей раскладкой, паузой и тёмной темой
- React-компонент с типизированными полями источника и разрешения
- Проверка, которая падает на тексте-заглушке, отсутствии согласия, эмодзи-иконках и внешних ресурсах
- Руководство по письму-запросу и ведению записей для сбора отзывов
- По желанию: очистка фото для аватаров с PopNow после расчёта цены
Подходит для
- Лендинги SaaS, приложений и курсов
- Сайты агентств и фрилансеров с довольными клиентами
- Лендинги запусков, у которых уже есть отклик первых пользователей
Не подходит для
- Страницы без реальных отзывов
- Виджеты звёздного рейтинга, которым нужен подтверждённый источник отзывов
- Видеоотзывы
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Раздел стены отзывов» (testimonial-wall-section) для этой задачи: Добавьте стену отзывов на наш лендинг на Astro из шести одобренных цитат в content/quotes.json. Для тех, у кого нет фото, используйте инициалы.
В агенте для кода
/popnow-testimonial-wall-section Добавьте стену отзывов на наш лендинг на Astro из шести одобренных цитат в content/quotes.json. Для тех, у кого нет фото, используйте инициалы.
Потом попробуйте
Вырежьте три присланных клиентами аватара и подберите их свет.
Напишите письмо с запросом разрешения для двух отзывов, найденных в обращениях в поддержку.
Что подготовить
- Реальные отзывы клиентов с именами и ролями, в том виде, в каком их хотят показывать
- Согласие каждого человека на цитирование и присланные им фото, если есть
- Цвета страницы, если они отличаются от тёплой бумаги и бирюзы
- По желанию: ключ API PopNow для очистки фото для аватаров
Похожие навыки
Смотреть все →- Веб
3D-конструктор аватаров
+25Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
- Веб
Календарная тепловая карта активности
+25Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
- Веб
Лендинг SaaS с ИИ
+25Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
- Веб
Анимированный первый экран сайта
+25Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
- Веб
Шаблон сайта бренда напитков
+25Солнечный сайт бренда напитков или снеков: магазин, конструктор наборов, карта точек продаж и демо-оформление в одном файле.
- Веб
Сайт агентства с шейдерным героем
+25Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
- Веб
Тёмный лендинг для SaaS
+25Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
- Веб
Сайт портфолио дизайнера
+25Шесть наклонённых карточек вокруг заголовка на сером фоне, красная карточка портрета и кейсы.
- Веб
Сайт-портфолио разработчика
+25Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
- Веб
Редакционный сайт SaaS
+25Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
- Веб
Сайт фрилансера-дизайнера
+25Смелый сайт соло-студии с фиксированными пакетами: страницы тарифов, кейсы и форма брифа.
- Веб
Шаблон сайта в стиле глассморфизма
+25Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
- Веб
Сайт аппаратного продукта
+25Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
- Веб
Интерактивная схема архитектуры
+25Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
- Веб
Интерактивный герой с сеткой
+25Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
- Веб
Граф знаний из заметок
+25Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
- Веб
Шаблон KPI-дашборда
+25Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
- Веб
Лендинг из ИИ-макетов
+25Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
- Веб
Шаблон сайта журнала
+25Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
- Веб
Герой с анимацией частиц
+25Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
- Веб
Сайт личного бренда
+25Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
- Веб
Шаблон сайта зоомагазина
+25Работающий магазин зоотоваров с каталогом, вариантами, корзиной, планировщиком пополнения и демо-оформлением в одном HTML-файле.
- Веб
Шаблон сайта подкаста
+25Сайт подкаста с проигрываемым хедером, архивом выпусков, страницами гостей и плеером, который продолжает играть.
ВебРаздел цен в стиле рисованной заметки
+25Таблица тарифов в стиле блокнота: слегка наклонённые карточки с чернильным контуром, переключатель года и тёмная тема в одном офлайн-файле.
- Веб
Кинематографичная страница запуска продукта
+25Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
- Веб
Сайт исследовательской статьи
+25Страница проекта для вашей статьи с интерактивным рисунком 1, результатами, ограничениями и цитированием в один клик.
- Веб
Шаблон админ-панели
+25Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
- Веб
Шаблон лендинга для SaaS
+25Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
- Веб
Сайт-портфолио в стиле скрапбукинга
+25Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
- Веб
Шаблон сайта магазина кроссовок
+25Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
- Веб
Шаблон сайта спортивного клуба
+25Сайт клуба, зала или студии с расписанием, страницами тренеров, абонементами, планом кортов и бронированием в одном файле.
- Веб
Шаблон сайта турагентства
+25Сайт с фото для туров, гидов или лоджей: поиск поездок, заявки на бронирование и квиз для подбора поездки.
- Веб
Лендинг автоматизации процессов
+25Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Почему он поставляется с карточками-заглушками, а не с примерами отзывов?
Выдуманные отзывы рядом с именами и лицами вводят читателей в заблуждение и могут нарушать рекламные правила. Шаблон использует карточки с пометкой «Пример», чтобы показать вёрстку, а проверка не пропустит страницу, пока у каждой карточки нет реального источника и зафиксированного разрешения.
Может ли он создавать фото клиентов?
Нет. Аватары — это инициалы или фото, которые прислал клиент. PopNow используется только для того, чтобы привести присланные фото в порядок: вырезать занятые фоны, апскейлить мелкие изображения и выровнять свет по набору.
Доступна ли дрейфующая раскладка?
Она приостанавливается при наведении и фокусе с клавиатуры, имеет видимую кнопку «Пауза», скрывает дублированные карточки цикла от программ чтения с экрана и переключается на статичную сетку, когда включено уменьшение движения.
Нужна ли React-версии библиотека анимации?
Нет. Дрейф — это CSS-ключевой кадр, а компонент зависит только от React, поэтому он работает в Next.js, Vite, Remix или островах Astro.
Может ли стена превратиться в полную страницу отзывов?
Да. Тот же компонент заполняет целую страницу отзывов с фильтрами по продукту или роли или стоит на главной как короткий блок отзывов. Дизайн раздела отзывов и интерфейс отзывов поставляются в светлой и тёмной темах, и это стена любви без единой выдуманной цитаты.