💡 [Feature]: Improve Navbar Layout and Move Search Bar Below Navbar

[anujsharma8d]

❓ Problem Statement

The current navbar layout feels too large because the search bar is placed inside the navbar. Also, the category options are currently shown in the hero section, which makes the page layout look less organized.

🚀 Proposed Enhancement

• Move the search bar below the navbar.
• Add category options inside the navbar:
  • All
  • Games
  • Math
  • Utilities
  • Playground
  • Favorites
• Keep the logo on the left side of the navbar.
• Change the dark mode and night mode to moon and sun logo.
• Keep sound and theme toggle buttons on the right side.
• Make the navbar cleaner and more compact.

🛠️ Suggested Implementation

• Update the navbar structure to separate navigation links and search functionality.
• Place the search bar below the main navbar section.
• Add category filter links inside the navbar.
• Use Moon and Sun icons for theme switching.

Screenshot

---

• I am a registered GSSoC 2026 contributor.
• I would like to implement this feature myself.

[github-actions]

⚠️ Important Contribution Guideline

Please do not open a Pull Request without being assigned to this issue first.

Please do not open a Pull Request without being assigned to this issue first.

How to proceed:

1. Comment on this issue to express interest
2. Wait for maintainers to assign you to the issue
3. Once assigned, you can start working on the PR
4. Include the assignment in your PR checklist

Thank you for helping us maintain a smooth workflow! 🙏

[anujsharma8d]

Hi @steam-bell-92
I want to work on this issue.
Please assign me.