contact us page hover added

[RishabxBhardwaj]

Contact Us Page Hovering Not Working

Fixes: #3401

Description

This pull request addresses the issue where hover effects were not functioning on the contact us page. The changes ensure that users receive proper visual feedback when interacting with input fields and buttons. This enhancement improves user experience and accessibility on the page.

Changes Made:

• Added hover and focus styles for input fields, select dropdowns, and buttons.
• Ensured that transitions are smooth to enhance the aesthetic appeal of the form.

Motivation:

The motivation for this change is to provide users with immediate feedback when they interact with form elements, thereby improving usability and engagement.

Screenshots / Videos (if applicable)

Before = https://drive.google.com/file/d/1T9GRyJfZLWLqTUioAPgRiCQlxH30TIdz/view?usp=drivesdk
After = https://drive.google.com/file/d/1FMKZWopwQa_OMFPhCtMlcXbI0IC6406Y/view?usp=drivesdk

[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 swapreadsconnect ready!

Name	Link
🔨 Latest commit	11372c0
🔍 Latest deploy log	https://app.netlify.com/sites/swapreadsconnect/deploys/6710fede9919ca0008804c93
😎 Deploy Preview	https://deploy-preview-3613--swapreadsconnect.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.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
swapreads	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 17, 2024 0:11am

[RishabxBhardwaj]

if want any further changes feel free to ask