barbershop

BarberShop - Сучасний веб-сайт перукарні

Сучасний веб-сайт чоловічої перукарні, створений з використанням Next.js, Material-UI та TypeScript.

🚀 Технології

Next.js 14 - React фреймворк з App Router
TypeScript - Типізація JavaScript
Material-UI (MUI) - Сучасна UI бібліотека
Framer Motion - Анімації та переходи
Responsive Design - Адаптивний дизайн для всіх пристроїв

🌍 Локалізація

🇺🇦 Українська (за замовчуванням)
🇬🇧 Англійська

📱 Функції

✅ Сучасний адаптивний дизайн
✅ Мобільне меню
✅ Перемикання мов
✅ Анімації та переходи
✅ Форма запису на послуги
✅ Галерея робіт
✅ Інформація про барберів
✅ Прайс-лист послуг
✅ Контактна інформація

🛠 Встановлення та запуск

Встановіть залежності:
```
npm install
```
Запустіть проект в режимі розробки:
```
npm run dev
```
Відкрийте http://localhost:3000 у браузері

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

src/
├── app/                 # Next.js App Router
│   ├── layout.tsx      # Головний layout
│   ├── page.tsx        # Головна сторінка
│   └── globals.css     # Глобальні стилі
├── components/         # React компоненти
│   ├── Header.tsx      # Шапка сайту
│   ├── Hero.tsx        # Головна секція
│   ├── AboutUs.tsx     # Про нас
│   ├── Prices.tsx      # Ціни та послуги
│   ├── Resume.tsx      # Статистика
│   ├── Barbers.tsx     # Наші барбери
│   ├── Gallery.tsx     # Галерея
│   ├── Booking.tsx     # Форма запису
│   ├── Contacts.tsx    # Контакти
│   ├── Footer.tsx      # Підвал
│   ├── ThemeProvider.tsx    # Провайдер теми
│   └── LanguageProvider.tsx # Провайдер локалізації
└── public/
    └── images/         # Зображення

🎨 Дизайн

Проект використовує сучасний мінімалістичний дизайн з:

Темна кольорова схема
Помаранчеві акценти
Плавні анімації
Адаптивна типографіка

📱 Адаптивність

Сайт повністю адаптивний та працює на:

📱 Мобільних пристроях (320px+)
📱 Планшетах (768px+)
💻 Десктопах (1200px+)

🚀 Деплой

Для збірки продакшн версії:

npm run build
npm start