AV
Ana Valk

Default Component - Copy this React, Mui Component to your project

Create a website header for a web application. The header should include: Logo (on the left, clicking it navigates to the homepage). Navigation buttons (icons only): 🏠 Home 📄 Templates 👤 Profile ⚙️ Admin Panel (only visible if the user is an admin) Search bar — an input field with a 🔍 (magnifying glass) icon. Theme switcher (light/dark mode). Language switcher (English + another language). Authentication buttons: 🔑 Sign In (if not authenticated). 🚪 Sign Out (if authenticated). "New Template" button (only for authenticated users, opens the template creation page). Design should be clean, modern, and visually appealing. The light theme background should be white, and blue can be used as an accent color.

Prompt
Component Preview

About

DefaultComponent - Create a sleek website header with logo, navigation icons, search bar, theme and language switchers, and auth buttons. Start coding now!

Share

Last updated 1 month ago