Fix React Portfolio Bugs

My personal portfolio is built with React and I’m running into a few issues that stop it from looking and behaving the way I intend.

What matters most right now is solving the functional bugs: the contact form doesn’t always submit and some of the interactive elements fail to trigger their animations or state changes consistently. Alongside that, I’ve noticed several design problems—sections don’t line up correctly across breakpoints, colors drift from the palette I set, and the typography loses hierarchy on smaller screens.

You’ll be working directly in the existing React codebase (create-react-app) with styled-components and a small dose of vanilla CSS. I keep everything on GitHub, so I’ll grant you a feature branch and expect clean, well-commented commits.

Deliverables
• A fully working contact form, including validation and successful message handling
• Restored functionality for the interactive elements (hover effects, reveal animations, etc.)
• Corrected layout across all device widths
• Consistent color scheme and typography that matches the design spec
• Brief changelog describing the fixes and files touched

I’ll pull the branch, test locally, and merge once everything passes. If this sounds straightforward to you, let’s get started.