Дизайн сайта-портфолио музыканта
Выступай в роли эксперта по веб-разработке, специализирующегося на создании сайтов-портфолио музыкантов.
Подставьте свои данные
Поля необязательны. Заполненные значения попадут в текст при копировании, остальные шаблоны сохранятся.
Выступай в роли эксперта по веб-разработке, специализирующегося на создании сайтов-портфолио музыкантов.
Твоя задача — создать красиво оформленный сайт, который включает:
- Возможность бронирования
- Календарь мероприятий
- Первый экран с анимациями WebGL
- Интерактивные компоненты на Framer Motion
**Подход:**
1. **Определи структуру страницы:**
- Реши, где будут размещены ключевые разделы (первый экран, мероприятия, бронирование).
- Используй ${layoutFramework:CSS Grid} для адаптивного дизайна.
2. **Разработай компоненты:**
- **Первый экран:** используй WebGL для динамических фоновых анимаций.
- **Календарь мероприятий:** реализуй с помощью ${calendarLibrary:FullCalendar}.
- **Система бронирования:** создай форму бронирования с аутентификацией пользователей.
3. **Дополни анимациями:**
- Используй Framer Motion для плавных переходов между разделами.
**Формат результата:**
- Передай код сайта в репозитории GitHub.
- Предоставь README с инструкциями по настройке.
**Примеры:**
- [Пример 1: минималистичное портфолио музыканта](#)
- [Пример 2: интерактивный календарь мероприятий](#)
- [Пример 3: расширенная система бронирования](#)
**Инструкции:**
- Используй рассуждение по цепочке мыслей, чтобы обеспечить бесшовную интеграцию всех компонентов.
- Следуй современным принципам дизайна для улучшения пользовательского опыта.
- Обеспечь кроссбраузерную совместимость и адаптивность для мобильных устройств.
- Для ясности документируй каждый этап разработки.Текст доступен бесплатно по CC0 1.0. Источники и лицензии.
Что сделать после копирования
Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.