Now I'll remove the blue box and add animation to the text:
Now let me add the animation to the globals.css file:
Let me check the animations.css file to see if the fadeInUp animation already exists:
The animation already exists as floatUp. Let me update the page.tsx to use the correct animation class:
Done! I've removed the blue geometric box that was next to the heading and added a smooth fade-in animation to the "Transform Your Data Into Insights" text. The heading now animates upward with a fade effect when the page loads, creating a more dynamic and engaging introduction to your site.
Now I'll center the heading and enhance the animation:
Now let me update the feature cards section to also center align:
I've centered the "Transform Your Data Into Insights" heading and the supporting elements below it. The text now displays in the center of the card with the animated float-up effect, and the three feature items (Upload, Analyze, Export) are stacked vertically and centered as well. The description text is also center-aligned for a cohesive, balanced layout.