Conversation
- Replace GitHubIcon with custom logo image - Enhance title styling with animated text shadow - Remove unnecessary inline styles and props
| animation: "pulse 2s infinite ease-in-out", | ||
| "@keyframes pulse": { | ||
| "0%": { | ||
| textShadow: | ||
| "0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)", | ||
| }, | ||
| "50%": { | ||
| textShadow: | ||
| "0 2px 20px rgba(79,70,229,0.6), 0 0 30px rgba(59,130,246,0.4)", | ||
| }, | ||
| "100%": { | ||
| textShadow: | ||
| "0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)", | ||
| }, | ||
| }, |
There was a problem hiding this comment.
Consider extracting the keyframe definition from the sx prop (using MUI's keyframes helper or external CSS) to improve readability and maintainability.
| animation: "pulse 2s infinite ease-in-out", | |
| "@keyframes pulse": { | |
| "0%": { | |
| textShadow: | |
| "0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)", | |
| }, | |
| "50%": { | |
| textShadow: | |
| "0 2px 20px rgba(79,70,229,0.6), 0 0 30px rgba(59,130,246,0.4)", | |
| }, | |
| "100%": { | |
| textShadow: | |
| "0 2px 10px rgba(79,70,229,0.4), 0 0 20px rgba(59,130,246,0.2)", | |
| }, | |
| }, | |
| animation: `${pulseAnimation} 2s infinite ease-in-out`, |
|
This pull request updates the Visual updates:
|
Updated the landing page with improved design elements, including a custom logo, animated text shadow for the title, and removal of unnecessary styles and properties. This enhances visual appeal and aligns branding more closely with project goals