# САЙТ ЭЛЕКТРОННОЙ ТОРГОВЛИ

Вот сильный **промпт для копирования и вставки**, который можно использовать с ChatGPT, Claude, Gemini или ИИ-конструктором сайтов:

Выступай в роли старшего full-stack веб-разработчика и UI/UX-дизайнера.

Я хочу, чтобы ты с нуля создал современный, профессиональный, полностью адаптивный **сайт электронной торговли**.

### Цель

Создай аккуратный и привлекательный сайт для интернет-покупок, подходящий для настоящего бизнеса. Сайт должен плавно работать на телефонах, планшетах и компьютерах.

### Технологии

Используй:

* HTML5
* CSS3
* JavaScript
* Используй один HTML-файл со встроенными CSS и JavaScript.
* Не используй бэкенд без крайней необходимости.
* Используй чистый, хорошо организованный и понятный новичкам код.

### Возможности сайта

1. **Шапка/навигационная панель**

   * Профессиональный логотип/название магазина
   * Главная
   * Магазин
   * Категории
   * О нас
   * Контакты
   * Иконка/строка поиска
   * Иконка корзины с количеством товаров
   * Кнопка входа/регистрации

2. **Первый экран**

   * Большой рекламный баннер
   * Привлекательный заголовок
   * Краткое описание
   * Кнопка «Купить сейчас»
   * Современный дизайн интернет-магазина

3. **Категории**
   Создай привлекательные карточки категорий, например:

   * Электроника
   * Мода
   * Обувь
   * Аксессуары
   * Красота
   * Дом и быт

4. **Раздел товаров**
   Покажи несколько карточек товаров, содержащих:

   * Изображение товара
   * Название товара
   * Рейтинг
   * Исходную цену
   * Цену со скидкой
   * Процент скидки
   * Кнопку «В корзину»
   * Кнопку «Купить сейчас»
   * Кнопку избранного/сердечко

5. **Поиск и фильтрация товаров**
   Добавь работающую функциональность JavaScript для:

   * Поиска товаров
   * Фильтрации по категориям
   * Сортировки по цене
   * Сортировки по рейтингу

6. **Корзина**
   Создай работающую корзину, в которой пользователи могут:

   * Добавлять товары
   * Удалять товары
   * Увеличивать/уменьшать количество
   * Видеть промежуточную сумму
   * Видеть общую стоимость
   * Очищать корзину

7. **Оформление заказа**
   Создай профессиональную страницу/раздел оформления заказа с:

   * Именем покупателя
   * Email
   * Телефоном
   * Адресом
   * Городом
   * Штатом
   * Почтовым PIN-кодом
   * Способом оплаты
   * Сводкой заказа
   * Кнопкой оформления заказа

8. **Специальные разделы**
   Добавь:

   * Мгновенную распродажу
   * Хиты продаж
   * Новинки
   * Отзывы покупателей
   * Подписку на рассылку

9. **Подвал**
   Включи:

   * Информацию о магазине
   * Быстрые ссылки
   * Поддержку клиентов
   * Политику конфиденциальности
   * Условия использования
   * Иконки социальных сетей
   * Сведения об авторских правах

### Требования к дизайну

* Премиальный и современный UI
* Чистая типографика
* Привлекательные карточки товаров
* Плавные анимации наведения
* Адаптивный макет
* Удобное для мобильных устройств гамбургер-меню
* Хорошие отступы и выравнивание
* Профессиональная цветовая схема
* Плавная прокрутка
* Доступные кнопки и формы
* Добавь ненавязчивую анимацию, не замедляя сайт

### Требования к JavaScript

Сделай следующие функции действительно работающими:

* Поиск
* Фильтрацию по категориям
* Сортировку
* Добавление в корзину
* Удаление из корзины
* Управление количеством
* Расчёт общей стоимости корзины
* Кнопку избранного
* Мобильную навигацию
* Проверку формы оформления заказа
* Сообщение о подтверждении заказа

Используй примерные товары и реалистичные изображения товаров по общедоступным URL изображений.

### Важно

Не давай мне только объяснение. **Создай полный код работающего сайта.**

Верни весь код в одном HTML-файле, который я могу сохранить как `index.html` и открыть прямо в браузере.

Сделай итоговый результат похожим на профессиональный настоящий интернет-магазин, а не на простую демонстрацию.

Я также могу создать **полностью работающий сайт электронной торговли по этому промпту** и предоставить тебе код HTML/CSS/JavaScript.

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