Add Hover Effect to Main Heading and Fix Delayed Hover on Buttons

[sanchitc05]

Is there an existing issue for this?

• I have searched the existing issues

Bug Description?

Feature Description
I would like to request the addition of a hover effect to the main heading on the website's homepage. The main heading currently appears static and doesn’t align with the dynamic nature of the rest of the site. Additionally, the hover effect on the "Book Appointment" and "Explore Services" buttons beneath the main heading seems to be delayed, affecting the user experience.

ALSO

1. Main Heading Hover Effect: The main heading should have a smooth hover effect that changes its color and slightly scales it up when hovered over to make it more engaging.

2. Fix Button Hover Delay: The "Book Appointment" and "Explore Services" buttons should have their hover effects applied without delay, making the interaction smoother.

Use Case

1. Main Heading: Users landing on the homepage will find a dynamic and interactive main heading that grabs attention, improving the overall user experience.

2. Buttons: Users interacting with the "Book Appointment" and "Explore Services" buttons will experience smoother transitions with no delay, improving the feel of the buttons.

Describe a specific use case or scenario where this feature would be beneficial
For example, when a user scrolls down to book an appointment or explore services, an immediate hover effect will make the interaction feel snappier and more responsive. Additionally, a dynamic main heading will keep the design cohesive and engaging.

Benefits

• Improved User Experience: A smoother button hover effect and a dynamic main heading will make the page feel more polished and interactive.
• Faster Interactions: Correcting the button hover delay will improve the responsiveness of the page.
• Consistent Design: Both the main heading and buttons will align with the dynamic nature of the rest of the site.

Please assign this issue to me, and I would be happy to implement these changes.

Add Screenshots

What browsers are you seeing the problem on?

Chrome

Record

• I agree to follow this project's Code of Conduct
• I'm a GSSOC contributor
• I want to work on this issue (Optional)
• I'm willing to provide further clarification or assistance if needed.