🧩 Overview:

This navigation bar consists of 6 round icons (button icons), representing the main features, and a prominent center button with a blue-light blue 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 make 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 a subtle white “CAMERA” text.

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 clicked.

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 website or portfolio with floating menu.

Management dashboard or learning UI in UI/UX courses.

🧠 Device requirements:

Works well on all devices with modern browsers (Chrome, Edge, Safari, Firefox).

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