News homepage with Typescript, Next.js and Css modules

It was my first time building a website with Next.js and I really liked it! I was trying to create this template for easy data fetching in the future. All data is passed to components as props.

I had some issues:

1. The predefined <Image /> Next.js component, even though it is auto-optimized I could not find an appropriate way to replace the main hero image with the mobile version.
2. Additionally, I animated opening the menu on mobile I could not find a way how to animate closing it.

Eventually, I had fun building this project.

Moving forward, I am open to any advice or suggestions on how I can improve the project.