fix(navbar): align scrolled navbar width with content sections

[Br1an67]

Fixes keploy/keploy#3429

Summary

Fixed the navbar alignment issue where the scrolled/shrunk navbar width did not match the content sections on the landing page. The navbar now uses the same max-width as the Container component to ensure visual consistency.

Changes

• Changed the scrolled navbar max-width from md:max-w-5xl (1024px) to md:max-w-7xl (1280px) in components/navbar/FloatingNavbar.tsx
• This aligns the navbar with the Container component's max-width used by content sections like Technology Blogs and Community Blogs

Testing

• Verified that the Container component uses max-w-7xl for content width
• The change ensures the navbar aligns with content sections when scrolled

Diff Stats

[dhananjay6561]

Hey @Br1an67 👋 — thanks for putting this PR together, we appreciate the effort!

We've gone ahead and requested a Copilot review on this. Here's some context from the reviewer:

Share before/after screenshots. Conflicts with #334. Is max-w-7xl the right target or should it be max-w-6xl?

Once you've had a chance to go through the comments, please address the feedback and resolve the threads — and we'll get this across the line. Feel free to ask if anything's unclear. Happy coding! 💙

[Copilot]

Pull request overview

Updates the scrolled/shrunk floating navbar’s maximum width so it visually aligns with the same content width constraint used by the site’s Container sections (fixing keploy/keploy#3429).

Changes:

• Adjusted the scrolled navbar md:max-w-* from max-w-5xl to max-w-7xl in FloatingNavbar.tsx to match the Container component’s max-w-7xl.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.