I'll make those changes for you - adjusting the max width, updating the gradient colors, and fixing the navigation styling.

I've made all the requested changes:

1. Max Width and Centering:

   • Set max-width to 960px for all text effect components
   • Added proper centering with mx-auto and padding for responsive display
   • Applied consistent spacing across all text components

2. Updated Gradient Colors:

   • Changed the GradientText to use purple, pink, and orange gradient
   • Changed the AnimatedGradientText to use red and orange gradient
   • Maintained the vibrant feel while using the requested color scheme

3. Navigation Styling:

   • Removed the border line separator from the navigation
   • Changed the selected tab background to slate-200/slate-800 instead of the blue-ish accent
   • Maintained consistent hover states with the slate color scheme

4. Additional Improvements:

   • Applied the max-width constraint to the TextReveal component as well
   • Added consistent padding to all text components for better mobile display
   • Ensured all text effects have proper container structure

The navigation now has a cleaner look without the separator line, and the selected tabs use a grey color scheme that matches the overall design. The gradient text effects now use the vibrant purple/orange and red/orange color combinations while maintaining the 960px max width and proper centering.

I'll add blue to the animated gradient effect after orange.

I've updated the animated gradient text effect to include blue after orange. Since Tailwind's built-in gradient utilities only support a single "via" color, I've used a custom CSS approach to create a more complex gradient with multiple color stops.

The new gradient now flows:

• Red (#dc2626) → Orange (#f97316) → Blue (#3b82f6) → Red (#dc2626)

This creates a vibrant, colorful animation that cycles through all these colors as it moves. I've:

1. Added an inline style with a custom linear gradient
2. Set the background size to 300% to ensure the animation has enough space to move
3. Maintained the text-transparent and background-clip: text properties for the text effect
4. Kept the same animation timing and easing for a smooth transition

The animation still uses the same keyframes defined in globals.css, but now it transitions through this expanded color palette, creating a more dynamic and colorful effect while maintaining the smooth animation.