fixed #241 Improve the UI of the Navbar

[Aradhya-005]

Fixes: #241

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

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 6 hours (more than 100, code: "api-deployments-free-per-day").

[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! 😊

[PriyaGhosal]

@Aradhya-005 Please see the conflicts highlighted in the image above. Resolve the conflicts in the mentioned files. Ensure you pull all the latest changes before pushing your feature/bug fixes to the main branch. After resolving the conflicts, please open a new PR for review.
Thank you!