grab/front-end-guide ? reverse-engineered prompt

Build me a clean, responsive documentation site for a front end learning guide, based on the content in this README.

I want it to feel like an easy to read study plan for newcomers, with a strong landing page, a table of contents, and clear sections for things like single page apps, modern JavaScript, React, state management, CSS modules, testing, linting, build tools, package management, and deployment. Make it simple to scan, with nice typography, code friendly styling, and a table of contents that jumps to each section. Include the cover image at the top and keep the whole thing polished on desktop and mobile.

Use the existing content as the source of truth, and if anything is unclear, look up current docs online if you need to. I’d also like the page to be easy to maintain, so structure it in a way that adding or editing sections later would be straightforward.