🚀 Продающий лендинг для фрилансера

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

✨ Особенности

• 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

🌐 Развертывание на Vercel

Автоматическое развертывание

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

📈 SEO

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

🤝 Поддержка

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

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

📄 Лицензия

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

---

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