Add typing animation and enhanced header features

[pablorecio]

Features Added

✨ Typing Animation

• Letter-by-letter typing effect for 'Pablo Recio' in hero section
• Persistent blinking caret that remains after typing completes
• 500ms initial delay with 120ms per character timing
• Creates authentic terminal/command-line feel

🔗 GitHub Integration

• Added GitHub icon link to repository in header
• Opens in new tab with proper security attributes
• Consistent styling with theme toggle button

💬 Custom Tooltips

• Interactive tooltips for all header buttons
• GitHub button: 'View source code on GitHub'
• Theme toggle: Dynamic 'Switch to light/dark mode'
• Mobile menu: Dynamic 'Open/Close menu'
• Styled with arrow pointers and proper positioning

🎨 Enhanced UX

• Improved accessibility with proper ARIA labels
• Smooth hover interactions
• Responsive design across all screen sizes
• Theme-aware styling

Technical Details

• Uses React hooks (useState, useEffect) for animation state
• Leverages existing CSS caret animation
• Clean component architecture with proper cleanup
• No breaking changes to existing functionality

Testing

• ✅ Typing animation works on page load
• ✅ Tooltips appear on hover
• ✅ GitHub link opens repository
• ✅ Theme toggle functions correctly
• ✅ Mobile menu tooltips work
• ✅ No linting errors
• ✅ Responsive across screen sizes

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
pablorecio-site	Ready	Preview	Comment	Oct 9, 2025 5:07pm