Need Feedback and Advice on Live Client Site

This is a website I coded for my personal trainer as a favor to her and practice for myself. The entire website is currently just HTML, CSS, and Vanilla JS but will shortly be updated to React and Typescript, mostly as practice for myself but also to transition the site to a SPA. A SPA is certainly overkill for this but again the practice is needed for myself and this feels like a good site to implement that functionality. I am by no means a designer, I am far more developer focused and that is where I put a majority of my effort. Since this website has been live I have not been very happy with the overall design of it and feel like it could have a more updated and cohesive look to the whole site. I know about the glaring issue on the about page that the hero image is larger than the hero images on any of the other subpages, and for the about section on the home page there is a fixed image there that appears when you scroll past it, it's not just a black box. Any critiques and advice would be extremely welcomed as designing this website is certainly out of my element! Attached are an overall screenshot of each page as well as a few images showing the form interaction, not linking the site right now as this is a live site and any form submissions would be sent directly to my client.
misfit-fitness-home.png
misfit-fitness-services.png
misfit-fitness-tips.png
misfit-fitness-about.png
misfit-fitness-contact.png
Screenshot_2024-04-29_at_10.20.12_AM.png
Screenshot_2024-04-29_at_10.20.27_AM.png
Screenshot_2024-04-29_at_10.20.37_AM.png
Was this page helpful?