Sign In button needs better visual differentiation and attraction in mobile view

[Afraar99]

Describe the bug

The Sign In button in the mobile navigation menu does not stand out sufficiently from other menu items. Currently, it appears similar to other navigation items, making it less noticeable and reducing user engagement. A call-to-action button like "Sign In" should be visually distinct and attractive to encourage user interaction.

To Reproduce

Steps to reproduce the behavior:

1. Visit https://eventra.sandeepvashishtha.tech/ on a mobile device or use mobile view in browser DevTools
2. Open the navigation menu (hamburger menu)
3. Scroll down to the bottom of the menu
4. Observe that the Sign In button doesn't have enough visual prominence compared to other menu items

Expected behavior

The Sign In button should be visually differentiated from regular navigation items to attract user attention. It should have:

• A distinct background color (e.g., accent color, gradient, or brand color)
• Button-style appearance with proper padding and border-radius
• Hover/active states for better interactivity
• Potentially an icon or visual indicator
• Proper spacing to separate it from regular menu items

This would make it immediately clear that Sign In is a primary action, encouraging user registration and login.

Additional context

Improving the Sign In button's visual hierarchy will enhance user engagement and conversion rates. This is a common UX pattern where authentication CTAs are given special treatment to stand out from navigation elements.

Please assign this issue to me under Hacktoberfest. I would like to work on this and contribute to the project. Thank you! 🎃

[github-actions]

Thank you for raising this issue!

We'll review it as soon as possible. We truly appreciate your contributions! ✨

Meanwhile make sure you've visited the README.md, CONTRIBUTING.md, and CODE_OF_CONDUCT.md before creating a PR for this. Also, please do NOT create a PR until this issue has been assigned to you. 😊