docs: fix flickering typewriter animation on overview page

[ykdojo]

Changes Made

On the overview page, when the typewriter animation finished rendering the text, it flickered, which didn't feel good on your eye. Fixed by removing the abrupt fade-in effect and replacing with a subtle cursor fade that falls gently.

Before

flicker.mov

After

fall.mov

Checklist

• Documentation builds and is formatted properly

Internal

Closes https://linear.app/eventual/issue/EVE-839/on-the-overview-page-when-the-animation-finishes-rendering-the-text-it

[greptile-apps]

Greptile Summary

This PR fixes a visual flickering issue in the typewriter animation on the documentation overview page (docs/index.md). The change improves the user experience by replacing an abrupt fade-in effect with a more elegant cursor fade animation.

The modification involves removing the old .fade-in CSS class and its associated daft-enter keyframes that caused jarring opacity and translateY transitions. In its place, a new .cursor-fade class is introduced with a subtle animation that rotates the cursor 10 degrees while fading its opacity over 400ms. The JavaScript logic is also updated to allow the cursor to continue blinking naturally for 2.2 seconds before applying the gentle fade effect.

This change fits well within the Daft documentation ecosystem, enhancing the visual polish of the main landing page without affecting any core functionality. The animation improvements align with providing a professional, high-quality documentation experience for users discovering the data processing framework.

Confidence score: 5/5

• This PR is safe to merge with minimal risk as it only affects CSS animations and JavaScript timing on a documentation page
• Score reflects that this is purely a visual enhancement with no impact on core functionality or data processing capabilities
• No files require special attention as the changes are isolated to styling and animation improvements

_{1 file reviewed, no comments}

_{Edit Code Review Bot Settings | Greptile}