Convert Flat PNG Mockup to Responsive Webpage

I have a flat PNG mockup of a landing page (frame0.png) that I’d like converted into a real, responsive HTML/CSS webpage.

All elements in the mockup (text, logos, buttons, form fields, etc.) are baked into the image, so they are not available as separate assets. You will need to use Photoshop (or a similar tool) to remove or mask these elements and extract a clean background image.

From there, the page should be rebuilt using proper HTML and CSS by recreating:

layout and spacing
typography
buttons and form elements
icons/logos (recreated or approximated if needed)

Requirements:

Pixel-accurate to the mockup (as close as possible)
Fully responsive (desktop + mobile)
Clean, well-structured HTML/CSS
No inline text baked into images (everything should be real HTML text)


Deliverables:

Complete HTML/CSS files
Organized asset folder (images, icons, etc.)
Instructions to run locally

Optional (nice to have):

Subtle animations/hover effects
Use of modern CSS (flexbox/grid)

Additionally i have another flat PNG mockup (frame1.png) with 3 couples that i'd like to use in place of the 3 couples in the first mockup image (frame0.png).


Please share examples of similar work if available.