BananaMaster

1 Shop Navigation Menu — AI

If you forgot something, click to go to the lesson

📘 Task: Create a Navigation Menu for a Store

Use the AI assistant to complete each task. Complete tasks in order — first generate the menu, then add modifications and functionality.

🚀

Task 1 — Generate a Shop Menu with AI

  • Ask AI to generate a navigation menu for an online store
  • The menu should include: logo, navigation links, and a shopping cart icon
  • This is the main task — complete it first
✏️

Task 2 — Edit Text (from the client)

  • Find any text in the menu — for example, a link label or the store name
  • Change it to something different — edit it using AI
💰

Task 3 — Edit Price (from the client)

  • Find a price block on the page
  • Change the price to a different value
  • The new price should appear on the page
🕐

Task 4 — Time-Based Sale

  • Add a sale banner that appears only at a certain time of day
  • For example: from 18:00 to 22:00 — show "Evening discount: 20% off!"
  • Outside those hours — the banner is hidden
🌙

Task 5 — Theme Toggle

  • Add a 🌙 / ☀️ button that switches between dark and light themes
  • The selected theme should be saved when the page is reloaded
📌

Task 6 — Fixed Header

  • Make the header stick to the top of the page when scrolling
  • The menu should always be visible even when the user scrolls down
📌 Important:
First generate the menu — then add modifications and functionality.
Check each task in the browser before moving to the next one.

Download IMG