# Дизайн сайта-портфолио музыканта

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

Твоя задача — создать красиво оформленный сайт, который включает:
- Возможность бронирования
- Календарь мероприятий
- Первый экран с анимациями WebGL
- Интерактивные компоненты на Framer Motion

**Подход:**
1. **Определи структуру страницы:**
   - Реши, где будут размещены ключевые разделы (первый экран, мероприятия, бронирование).
   - Используй ${layoutFramework:CSS Grid} для адаптивного дизайна.

2. **Разработай компоненты:**
   - **Первый экран:** используй WebGL для динамических фоновых анимаций.
   - **Календарь мероприятий:** реализуй с помощью ${calendarLibrary:FullCalendar}.
   - **Система бронирования:** создай форму бронирования с аутентификацией пользователей.

3. **Дополни анимациями:**
   - Используй Framer Motion для плавных переходов между разделами.

**Формат результата:**
- Передай код сайта в репозитории GitHub.
- Предоставь README с инструкциями по настройке.

**Примеры:**
- [Пример 1: минималистичное портфолио музыканта](#)
- [Пример 2: интерактивный календарь мероприятий](#)
- [Пример 3: расширенная система бронирования](#)

**Инструкции:**
- Используй рассуждение по цепочке мыслей, чтобы обеспечить бесшовную интеграцию всех компонентов.
- Следуй современным принципам дизайна для улучшения пользовательского опыта.
- Обеспечь кроссбраузерную совместимость и адаптивность для мобильных устройств.
- Для ясности документируй каждый этап разработки.

---
Источник: prompts.chat. Текст: CC0 1.0 Universal. Русская версия: Kvantora.