This PR removed the blur effect and did some changes in Navbar
Fixes #1 and #6
Changes Made:
Removed blur effect from the navbar by eliminating backdrop-filter: blur(30px);.
Updated box-shadow and border properties for better contrast and visual depth.
Made the navbar position fixed to the top of the page for consistent visibility during scrolling.
Added a scroll effect:
Navbar background becomes fully opaque and the box shadow intensifies when the user scrolls down the page.
The navbar remains semi-transparent and minimalistic when at the top.
Introduced smooth transition effects for background color and shadow to enhance the user experience.
Reason for Change:
Improved contrast between the navbar and background for better usability.
Enhanced UI by removing blur and providing a clean, clear navigation bar.
Ensured the navbar scrolls with the page for a more intuitive design.
What do this PR do?
This PR removed the blur effect and did some changes in Navbar
Fixes #1 and #6
Changes Made: Removed blur effect from the navbar by eliminating backdrop-filter: blur(30px);. Updated box-shadow and border properties for better contrast and visual depth. Made the navbar position fixed to the top of the page for consistent visibility during scrolling. Added a scroll effect: Navbar background becomes fully opaque and the box shadow intensifies when the user scrolls down the page. The navbar remains semi-transparent and minimalistic when at the top. Introduced smooth transition effects for background color and shadow to enhance the user experience.
Reason for Change: Improved contrast between the navbar and background for better usability. Enhanced UI by removing blur and providing a clean, clear navigation bar. Ensured the navbar scrolls with the page for a more intuitive design.