fixed #241 Improve the UI of the Navbar #245

[Aradhya-005]

fixed issue #241 #245

The changes I made include:

• Making the navbar background transparent to make it look good
• Aligning nav items properly using Flexbox
• Adding JavaScript to change the navbar color while scrolling

Additionally, I:

• Set the hero image height to 100vh for a full-screen.
• Adjusted the button size for better UI
• solved the merge conflict

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
buddy-trail	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 8, 2024 8:27am

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our contributing.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify]

✅ Deploy Preview for buddytrail ready!

Name	Link
🔨 Latest commit	d99305c
🔍 Latest deploy log	https://app.netlify.com/sites/buddytrail/deploys/6704ed0918bf180009e3b00d
😎 Deploy Preview	https://deploy-preview-270--buddytrail.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[PriyaGhosal]

@Aradhya-005 Your pull request has been successfully merged! Don't stop here—continue contributing by addressing more issues and aiming to become a top contributor. Exclusive swag awaits for those who go the extra mile!
Great contribution to GSSOC'24 EXTENDED! 🎉