BananaMaster

1 Меню Навігації для Магазину — AI

Якщо щось забули — натисни для переходу на урок

📘 Завдання: Створи Меню Навігації для Магазину

Використовуй AI-асистента для виконання кожного завдання. Виконуй завдання по порядку — спочатку згенеруй меню, потім додай зміни та функціональність.

🚀

Завдання 1 — Згенеруй Меню Магазину з AI

  • Попроси AI згенерувати меню навігації для інтернет-магазину
  • Меню має включати: логотип, навігаційні посилання та іконку кошика
  • Це головне завдання — виконай його першим
✏️

Завдання 2 — Редагування тексту (від клієнта)

  • Знайди будь-який текст у меню — наприклад, мітку посилання або назву магазину
  • Заміни його на щось інше — відредагуй за допомогою AI
💰

Завдання 3 — Редагування ціни (від клієнта)

  • Знайди блок ціни на сторінці
  • Зміни ціну на інше значення
  • Нова ціна має відображатися на сторінці
🕐

Завдання 4 — Акція за часом

  • Додай банер знижки, який з'являється лише в певний час доби
  • Наприклад: з 18:00 до 22:00 — показуй "Вечірня знижка: 20%!"
  • Поза цим часом — банер прихований
🌙

Завдання 5 — Перемикання теми

  • Додай кнопку 🌙 / ☀️ для перемикання між темною та світлою темою
  • Обрана тема має зберігатися при перезавантаженні сторінки
📌

Завдання 6 — Фіксований заголовок

  • Зроби так, щоб заголовок залишався зафіксованим вгорі при прокрутці
  • Меню завжди має бути видимим, навіть коли користувач прокручує вниз
📌 Важливо:
Спочатку згенеруй меню — потім додай зміни та функціональність.
Перевіряй кожне завдання у браузері перед переходом до наступного.