Modern Single Page Personal Blog

I’d like a sleek, modern single-page site that serves as my personal blog. The page should open with a strong hero section, flow into an “about me” blurb, and then present my latest text posts alongside an attractive image gallery. A smooth scroll experience, responsive layout, and clean typography are important so the content feels effortless on both mobile and desktop.

Here’s what matters most to me:
• A modern aesthetic—plenty of white space, subtle animation, and a clear visual hierarchy.
• Native support for text posts and an image gallery (light-box or similar) that I can expand or reorder without touching code.
• Built with lean, maintainable HTML, CSS, and JavaScript (feel free to use a lightweight framework or utility library if it speeds things up, as long as the final bundle stays fast).
• Simple instructions so I can add new posts or swap images myself.

Please deliver the fully-functional page, all source files, any assets you used, and a brief read-me explaining how to update content. If I can load the folder in a browser and immediately see the design just as you intended—without console errors—the job is done.