React Figma Conversion & Responsiveness

We have a full Figma prototype that needs to be rebuilt in React. Your first task is to create pixel-perfect, responsive pages that match every detail of the design. React is non-negotiable for this project, and I expect functional components with hooks, clear file structure, and maintainable styling (plain CSS, Sass, or styled-components—your call as long as the result stays lightweight).

Modal windows are a core interaction across many screens, so they must open, close, animate, and restore scroll position exactly as shown in the prototype. I will share motion specs and timing values so you can mirror them frame-by-frame.

For responsiveness, focus on tablet and desktop breakpoints: 768-1024 px and 1280 px+. Components should rearrange fluidly between those sizes while preserving visual hierarchy and typography rhythm. Mobile optimization comes later, so concentrate on these two views for now.

This is the first milestone in a long-term product build, so writing clean, commented code is in your own interest—consistent quality will open up further feature work and growth opportunities on the team.

Please apply only if you currently reside in the United States. This role requires one in-person meeting per month.

Deliverables
• React source code pushed to a GitHub repo I provide
• Working build with modal interactions fully functional
• README with setup, build, and deployment steps
• Short screen-recording or Loom walkthrough proving layout fidelity on tablet and desktop breakpoints