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.