White Section
This section has a white background. The navigation should have a white glass effect.
Scroll down to see color changes
The navigation bar should adapt to each section's background color
Light Gray Section
This section has a light gray background. The navigation should adapt accordingly.
Light Gray Background
Navigation should have a light gray glass effect
Light Blue Section
This section has a light blue background. The navigation should adapt to blue tones.
Light Blue Background
Navigation should have a light blue glass effect
Light Green Section
This section has a light green background. The navigation should adapt to green tones.
Light Green Background
Navigation should have a light green glass effect
Dark Section
This section has a dark background. The navigation should switch to dark mode with light text.
Dark Background
Navigation should have dark glass effect with white text
Purple Section
This section has a purple background. The navigation should adapt to purple tones.
Purple Background
Navigation should have a purple glass effect
Gradient Section
This section has a gradient background. The navigation should adapt to the dominant color.
Gradient Background
Navigation should adapt to the gradient's primary color
Back to White
Final section to test the transition back to white background.
Test Complete
Navigation should smoothly transition back to white glass effect
Test the Solutions Dropdown
Click on "Solutions" in the navigation to test the dropdown functionality with the new branding.