Update MERN project to New Figma

I’ve just finished a fresh Figma redesign for our website and now need the live site updated to match it. The new look introduces revised layouts, typography, colour palette and imagery, but I do want to preserve a handful of existing components that already work well—for example our hero video block and the footer newsletter form.

Your task is to take the approved Figma file, work through each desktop and mobile frame, and implement the updated UI on the current code-base without breaking any existing functionality. Pixel-accuracy, smooth responsiveness and cross-browser consistency are critical.

I’ll provide:
• the Figma link with all design specs and exportable assets
• a short list of the elements that must remain unchanged
• access to the staging environment and repo

You’ll return:
• updated pages pushed to the staging branch
• any new CSS/JS neatly organised, commented, and following our current naming conventions
• a brief changelog so I can track what moved where

We’ll review together on staging and, once everything looks perfect, merge to production.