Fix Mobile Responsive Layout Bug on React/Next.js Site

Our website built with Next.js and Tailwind CSS, looks fine on desktop, but the navigation menu overlaps with the hero section on mobile devices, and a couple of buttons are getting cut off on smaller screens. I need someone to inspect the responsive breakpoints, fix the layout so it displays correctly across mobile, tablet, and desktop, and confirm it works cleanly on real devices (not just browser dev tools). Scope: Review current Tailwind CSS breakpoints and layout structure Fix the navigation/hero overlap issue on mobile Fix button/element cutoff on smaller screens Test across a few screen sizes (mobile, tablet, desktop) to confirm the fix holds