search

apu52 / Travel_Website

🚀 Welcome🌈 , This repo is officially accepted for IEEE-IGDTUW Open Source Week 2024🌟This repo contains my project on Travel Website ✈️ using HTML,CSS . It contains the landing page of a travel tour company website. If you have any front end project on this or you can add new features in the project or in this repos.
https://apu52.github.io/Travel_Website/
MIT License
302 stars 591 forks source link

[Feature Request]: Consistent New Hover Effect on "Book Now" Buttons #1611

Closed shivam8112005 closed 2 weeks ago

shivam8112005 commented 3 weeks ago

Is there an existing issue for this?

Feature Description

This feature aims to introduce a consistent hover effect for all "Book Now" buttons throughout the application. Currently, the hover effects for these buttons vary across different pages, leading to a lack of uniformity and a potentially confusing user experience. A consistent hover effect will enhance the visual appeal and interactivity of the buttons, making them more engaging for users.

Use Case

When a user browses the application and comes across a "Book Now" button, they expect a clear indication of interactivity. The current inconsistent hover effects may lead to confusion regarding whether the button is clickable. By applying a standardized hover effect, users will instantly recognize that they can interact with the button, leading to an improved booking experience.

For instance, if a user hovers over a "Book Now" button on the Packages page and notices the consistent hover effect that clearly highlights the button's interactivity, they are more likely to click on it and proceed with the booking.

Benefits

Improved User Experience: A consistent hover effect enhances the usability of the "Book Now" buttons, making it clear to users that these buttons are interactive.

Increased Engagement: Users are more likely to click buttons that have clear visual feedback, potentially increasing booking conversions.

Brand Cohesion: A uniform hover effect across the application reinforces branding and creates a professional appearance, making the application feel polished and cohesive.

Enhanced Accessibility: By ensuring that hover effects are visually distinct and adhere to accessibility standards, we improve the overall usability for all users, including those with disabilities.

Add ScreenShots/Videos

Before:

Screenshot 2024-11-01 020146

After: something like this

https://github.com/user-attachments/assets/99d3c0b5-31f5-4e9c-a4da-cccce61b9bb8

Priority

High

Record

github-actions[bot] commented 3 weeks ago

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀

apu52 commented 2 weeks ago

@shivam8112005 I have assigned you both of the PR'S , PLEASE try to complete this issues in both separate PR's

shivam8112005 commented 2 weeks ago

@apu52 ohkk i will complete both in different pr . by tomorrow

github-actions[bot] commented 2 weeks ago

✅ This issue has been successfully closed. Thank you for your contribution and helping us improve the project! If you have any more ideas or run into other issues, feel free to open a new one. Happy coding! 🚀