React Frontend Layout Updates & Fixes

I have a production website running on React and the underlying architecture is solid; what’s missing is the final layer of polish. Your job is to step in, create several brand-new page layouts, tighten up performance, and make sure the whole interface feels seamless on every screen size. Scope of work • Build the new layouts I’ve mapped out in Figma, wiring them into our existing React components without breaking current routing or state logic. • Refactor styles where needed so each breakpoint (mobile, tablet, desktop) behaves consistently. • Identify and resolve the small performance snags I’m seeing in Lighthouse—lazy-load images, trim bundle size with code-splitting, and eliminate render-blocking issues. • Squash a handful of UI quirks that appear in Safari and older Chrome versions. Tech snapshot The stack is pure React (no Vue or Angular layers). We use functional components, hooks, React Router, and a Webpack build. If you’re comfortable with CSS-in-JS or plain SCSS that’s perfect; the goal is clean, maintainable code rather than any one styling methodology. Deliverables 1. Fresh React layout components fully integrated and tested 2. Updated styling that meets our responsive guidelines 3. Performance score improvements verified in Lighthouse 4. A concise changelog so my team can follow every tweak I’m ready to hand over designs, repo access, and a quick walkthrough of the current codebase as soon as we agree on timing. Let me know your estimated turnaround for the initial layouts, and we can set milestones from there.

Project ID: 40545189