CVortex Landing Page

Лендинг для продукта автоматизации первичного найма с использованием ИИ.

🚀 Технологии

• Next.js 14 - React фреймворк
• TypeScript - типизация
• Tailwind CSS - стилизация
• Framer Motion - анимации

📦 Установка

1. Установите зависимости:

npm install

2. Запустите проект локально:

npm run dev

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

🌐 Деплой на Vercel

1. Зарегистрируйтесь на Vercel
2. Нажмите "New Project"
3. Импортируйте этот репозиторий
4. Vercel автоматически определит настройки Next.js
5. Нажмите "Deploy"

Готово! Ваш сайт будет доступен по адресу *.vercel.app

📂 Структура проекта

├── app/
│   ├── layout.tsx      # Основной layout
│   ├── page.tsx        # Главная страница
│   └── globals.css     # Глобальные стили
├── components/
│   ├── Header.tsx      # Шапка сайта
│   ├── Hero.tsx        # Главный экран
│   ├── HowItWorks.tsx  # Как работает продукт
│   ├── Benefits.tsx    # Преимущества
│   ├── Contact.tsx     # Контакты и форма
│   └── Footer.tsx      # Подвал
└── public/             # Статические файлы (изображения, логотип)

🎨 Кастомизация

Цвета

Основные цвета определены в tailwind.config.js:

• Синий Telegram: #0088CC
• Белый: #FFFFFF
• Черный: #333333

Логотип

Поместите ваш логотип в папку public/ с именем logo.png или logo.svg.

Контактные данные

Контакты находятся в компонентах:

• components/Contact.tsx
• components/Footer.tsx

📝 Форма обратной связи

Сейчас форма работает в demo режиме (консоль лог). Для настройки реальной отправки:

1. Используйте сервис типа Formspree
2. Или настройте API Route в Next.js для отправки email
3. Или используйте Vercel Forms

🔧 Скрипты

• npm run dev - запуск в режиме разработки
• npm run build - сборка для production
• npm start - запуск production сборки
• npm run lint - проверка кода

📞 Контакты

• Email: tima_grachev@cvortex.com
• Телефон: +7 (916) 900 06 71
• Telegram: @Tima_a

---

Создано для CVortex © 2025