Современный продающий лендинг для фрилансера, специализирующегося на разработке сайтов и настройке рекламы в Яндекс.Директ.

• Next.js 14 с App Router
• TypeScript для типобезопасности
• Tailwind CSS для стилизации
• Framer Motion для анимаций
• Lucide React для иконок
• Адаптивный дизайн для всех устройств
• SEO-оптимизация
• Высокая производительность

• Header - Фиксированная навигация с телефоном
• Hero - Главный экран с УТП и формой заявки
• Services - Услуги с ценами (сайты от 40 000₽, реклама от 30 000₽)
• Advantages - 6 карточек с преимуществами
• Social Proof - Видеопрезентация, сертификаты, статистика
• Portfolio - Примеры работ с результатами
• Guarantees - Гарантии возврата средств
• Reviews - Отзывы клиентов с результатами
• FAQ - Ответы на частые вопросы
• Contacts - Контакты и форма обратной связи
• Footer - Подвал с копирайтом и меню

• Конкретные цифры: "Сайт за 7 дней", "Рост конверсии на 30%"
• Гарантии: "Возврат средств, если результат не достигнут"
• Social Proof: 200+ проектов, 5+ лет опыта
• Реальные отзывы с результатами
• Портфолио с измеримыми показателями

• Frontend: Next.js 14, React 19, TypeScript
• Стили: Tailwind CSS v3.4.0
• Анимации: Framer Motion
• Иконки: Lucide React
• Развертывание: Vercel

npm install

npm run dev

Откройте http://localhost:3000 в браузере.

npm run build npm start

Лендинг полностью адаптивен и корректно отображается на:

• 📱 Мобильных устройствах (320px+)
• 📱 Планшетах (768px+)
• 💻 Десктопах (1024px+)
• 🖥 Больших экранах (1440px+)

• Цветовая палитра: Синий (#3b82f6), зеленый (#10b981), фиолетовый (#8b5cf6)
• Типографика: Inter, система шрифтов
• Анимации: Плавные переходы и hover-эффекты
• Чередование: Темные и светлые блоки для визуального разделения

• Телефон: +7 (922) 902-90-02
• Telegram: @internetvkirove
• WhatsApp: +7 (922) 902-90-02

1. Подключите репозиторий к Vercel
2. Настройки определятся автоматически
3. Домен будет доступен через несколько минут

# Установка Vercel CLI npm i -g vercel # Логин vercel login # Развертывание vercel --prod

Подробные инструкции в файле DEPLOYMENT.md

src/ ├── app/ │ ├── globals.css # Глобальные стили │ ├── layout.tsx # Основной layout │ └── page.tsx # Главная страница └── components/ ├── Header.tsx # Шапка сайта ├── Hero.tsx # Главный экран ├── Services.tsx # Услуги ├── Advantages.tsx # Преимущества ├── SocialProof.tsx # Social Proof ├── Portfolio.tsx # Портфолио ├── Guarantees.tsx # Гарантии ├── Reviews.tsx # Отзывы ├── FAQ.tsx # FAQ ├── Contacts.tsx # Контакты └── Footer.tsx # Подвал 

Создайте файл .env.local:

NEXT_PUBLIC_SITE_URL=https://your-domain.com

• Измените контакты в компонентах
• Обновите портфолио в Portfolio.tsx
• Настройте отзывы в Reviews.tsx
• Измените цвета в tailwind.config.js

• Оптимизированные мета-теги
• Структурированные данные
• Быстрая загрузка
• Мобильная оптимизация
• Семантическая разметка

Если у вас есть вопросы или предложения:

1. Создайте Issue в репозитории
2. Свяжитесь через Telegram: @internetvkirove

Этот проект создан для демонстрации возможностей современной веб-разработки.

Создано с ❤️ для увеличения продаж вашего бизнеса