Create a new navigation component that mimics the look and behavior of the MacBook dock. When a user hovers over an item, the icon should slightly zoom in (scale effect).
🎯 Requirements:
=> The navigation should be horizontal and centered at the bottom.
=> Smooth scaling effect on hover (similar to the MacBook dock).
=> Should be fully responsive and work well on mobile.
🖼️ Reference:
✅ Acceptance Criteria:
=> The navigation should work smoothly without lag.
=> Icons should scale up on hover with a smooth transition.
=> Fully responsive and cross-browser compatible.
Create a new navigation component that mimics the look and behavior of the MacBook dock. When a user hovers over an item, the icon should slightly zoom in (scale effect).
🎯 Requirements:
=> The navigation should be horizontal and centered at the bottom.
=> Smooth scaling effect on hover (similar to the MacBook dock).
=> Should be fully responsive and work well on mobile.
🖼️ Reference:
✅ Acceptance Criteria:
=> The navigation should work smoothly without lag.
=> Icons should scale up on hover with a smooth transition.
=> Fully responsive and cross-browser compatible.