Next.js Site Design Revamp

I already have a working Next.js/Vercel version of website started of a replica of my live site which is on Wordpress/Elementor

What I’d like you to do is focus on the style/design layer rather than rebuilding the whole thing from scratch.

The current setup includes:

- A Next.js/React codebase
- All pages of the website
- Local image assets migrated from the WordPress site
- Email signup forms already wired into the app
- Domain-aware routing prepared for `thecarbonatedbody.com`
- Vercel preview deployment working

Your job would be to make the Next.js version look as close as possible to the original WordPress/Elementor design, or improve it while preserving the same premium feel.

You do not need to rebuild backend functionality. The main focus is:

- Match the original visual direction
- Refine desktop and mobile layout
- Improve spacing, typography, image placement, and hierarchy
- Adjust colors/backgrounds/forms/buttons to match the original site
- Provide any new assets or design notes needed
- Optionally edit the CSS/Tailwind/React directly if you’re comfortable