[UI] CTA buttons overlap navbar on scroll

[vivekdevp01]

Current Behavior

On play.meshery.io, call-to-action buttons in the hero/landing sections (e.g. "Access the Playground", "Tutorials") intermittently render overlapping the fixed top navbar instead of maintaining clearance below it. Reproduces in both light and dark theme, and appears tied to scroll state — the button sits correctly right after page load, then overlaps the navbar during/after scrolling.

Expected Behavior

The top navbar should remain a clean, unobstructed bar at all times. CTA buttons and other hero/section content should always render fully below it with consistent spacing, regardless of scroll position or theme.

Screenshots/Logs

Screen.Recording.2026-08-21.155151.mp4

Environment

• Host OS: Windows
• Platform: N/A — this is a play.meshery.io website bug, not a Meshery application deployment
• Meshery Server Version: N/A
• Meshery Client Version: N/A
• Browser: Chrome

To Reproduce

1. Go to play.meshery.io
2. Scroll down from the top of the page
3. Observe CTA buttons near section tops (e.g. "Access the Playground", "Tutorials") — they intermittently overlap the navbar instead of sitting clearly below it
4. Toggle light/dark theme (sun/moon icon, top right) — reproduces in both

[DevanshModi09]

This looks already resolved on the latest master — I can't reproduce it locally on current code, only on the deployed play.meshery.io. Appears to be fixed by the recent navbar z-index PRs (#314, #310, #271) and just pending a redeploy. Might be worth closing once the deploy catches up.

[Gauravtiwari31]

Confirming @DevanshModi09 's finding — I cloned master and can't reproduce this locally either (Chrome, both themes). Reproduces only on the deployed play.meshery.io. Looks like it just needs a redeploy.