Webly — веб-студия

Лендинг веб-студии Webly. Сайт-визитка с портфолио, прайсингом и формой заявки.

Live demo: webly-preview.vercel.app

Стек

• React 18 + Vite 6
• Tailwind CSS v4
• GSAP — анимации и скролл
• Swiper — слайдер портфолио (coverflow)
• Three.js + @firecms/neat — анимированный градиентный фон
• Vercel — хостинг и serverless API

Структура

src/
├── App.jsx              # Корневой компонент, навигация
├── about.jsx            # Секция "О нас"
├── portfolio.jsx        # Слайдер работ
├── pricing.jsx          # Прайс и форма заявки
├── footer.jsx           # Футер с FAQ
├── components/
│   ├── NeatBackground   # Three.js градиент
│   └── CustomCursor     # Кастомный курсор
api/
└── send-telegram.js     # Serverless: отправка заявок в Telegram

Запуск локально

npm install
npm run dev

Деплой

npm run build
vercel --prod

Переменные окружения на Vercel:

• TELEGRAM_BOT_TOKEN — токен бота
• TELEGRAM_CHAT_ID — chat id для уведомлений