Landing page: Main section content overlapping navbar on scrolling followed by navigating back to the landing page

[prajwalkulkarni]

Preliminary Checks

• [X] I have reviewed the documentation: https://unkey.com/docs
• [X] I have searched for existing issues: https://github.com/unkeyed/unkey/issues
• [X] This issue is not a question, general help request, or anything other than a bug report directly related to Unkey. Please ask questions in our Discord community: https://unkey.com/discord.

Reproduction / Replay Link (Optional)

No response

Issue Summary

Contents of the main section overlap with the navbar upon scrolling down, followed by clicking on "Get started" and navigating back to the landing page using the browser back button.

Steps to Reproduce

1. Visit the landing page
2. Scroll down a little
3. Click on "Get started"
4. Go back to the landing page by clicking on the browser back button

Expected behavior

Upon navigating back to the landing page, it looks like the scroll position is preserved, but since adding background opacity happens only on scrolling, the opacity of navbar is reset leading to this behavior. Ideally, the correct opacity should be applied when the navbar is mounted regardless of whether the user performs a scroll action. Alternatively, an auto scroll to the top can be performed whenever the navbar component is mounted.

Either way, the expectation is that the contents of the main section should not overlap the navbar.

Other information

No response

Screenshots

Version info

- OS: Windows 11
- Browser: Chrome 124.0.6367.119

[linear[bot]]

ENG-1064 Landing page: Main section content overlapping navbar on scrolling followed by navigating back to the landing page