I can see the navigation is completely broken with all the links running together. Let me read the current state of the page and fix the header navigation spacing properly.

I found the issue! The header container has gap-px which creates only a 1px gap, causing all navigation items to run together. Let me fix this:

I've removed the gap-px class from the header container that was causing all navigation links and buttons to run together with only 1px spacing. The navigation now uses its proper gap-8 spacing, and the buttons use their gap-4 spacing, which will display everything correctly with proper separation.

Looking at the code, the header structure appears correct with proper spacing classes. However, let me ensure the header matches your reference image exactly by verifying all the spacing and layout:

The header code is correctly structured with proper spacing (gap-8 for navigation, gap-4 for buttons). The layout should match your reference image exactly. If you're still seeing the broken layout on the live site, it may be a caching issue - try doing a hard refresh (Ctrl+Shift+R or Cmd+Shift+R) to clear the browser cache and load the latest version.