Overview:

This navigation bar consists of 6 round icons (icon buttons), representing the main features, and a prominent center button with a light blue-green gradient effect.

Icons (from left to right):

🏠 Home – return to home page

💬 Chat / Message – message or comment

❤️ Favorite / Like – favorite

🎥 Video / Call – watch video or video call

📷 Camera – prominent center button, colored in gradient (primary action)

🔑 Key / Login – log in or access security

💡 Highlights:

Neumorphism style (soft light):

Each icon is in a white circle, with a soft shadow.

The main button (Camera) is highlighted with a green-blue gradient effect and the word “CAMERA” in white.

Compatible with light mode.

Extremely suitable for mobile applications, dashboards, or modern web.

⚙️ Integrated features:

Hover / Active effect: change shadow, color, or pop up when clicking.

Light animation when switching tabs or selecting functions.

Responsive design - automatically expands on mobile, tablet, desktop.

💻 Commonly used technology to create:

Frontend:

HTML5, CSS3 (Flexbox, Gradient, Box-shadow)

JavaScript (to handle click/hover events)

Or Framework:

React / Vue / Angular

Tailwind CSS or SCSS

📱 Practical applications:

Social networking apps, video calling apps, photo apps.

Sales websites or portfolios with floating menus.

Management dashboards or learning UIs in UI/UX courses.

🧠 Device Requirements:

Works well on any device with a modern browser (Chrome, Edge, Safari, Firefox).

Recommended resolution: 1080x720 or higher to clearly display the light effect.