Кейс · Лендинг
Довод: концепт лендинга экспертной организации
Концепт лендинга на Nuxt 4 для вымышленной экспертной организации: направления услуг, форма консультации с маской телефона, карусель отзывов и страница политики. Компания, отзывы, цифры и контакты придуманы; форма ничего не отправляет.
- Nuxt 4
- Vue 3
- TypeScript
- CSS
- GitHub Actions
01 · Как выглядит
Скриншоты
02 · О проекте
Что это и зачем
Концепт лендинга на Nuxt 4 для вымышленной экспертной организации: направления услуг, форма консультации с маской телефона, карусель отзывов и страница политики. Компания, отзывы, цифры и контакты придуманы; форма ничего не отправляет.
Ограничения
Концепт: на странице плашка «компания, отзывы, цифры и контакты вымышлены».
Бэкенда нет, карта заменена заглушкой, кнопки мессенджеров никуда не ведут.
Политика конфиденциальности в демо — образец с нулевыми реквизитами, не юридический документ.
Автотестов и линтера нет; CI проверяет установку и статическую генерацию.
Что внутри
- Форма с маской телефона, валидацией и подсказками по ошибкам; в демо показывает «данные не отправляются»
- Бесконечная карусель отзывов со свайпом и автопрокруткой
- Мобильная панель действий, адаптивная вёрстка, скелетон поверх серверного HTML
03 · Как запустить
Запуск одной командой
npm install && npm run dev
# статика: npm run generate, результат в .output/public04 · Код
Репозиторий приватный
Исходники лежат в приватном репозитории. Открою доступ по запросу: напишите, и пришлю приглашение.
Запросить код