Improve "Contact Us" Form with Enhanced Hover Effects

neeru24 commented 1 day ago

Is your feature request related to a problem? Please describe.

The current "Contact Us" form could benefit from improved user interaction through enhanced hover effects. This update aims to make the form more visually appealing and user-friendly, thereby encouraging more users to engage with it.

Describe the solution you'd like.

Enhanced Button Hover Effects 🎨:

Implement new hover effects for the submit button to make it more interactive. Suggested effects include:
Changing the background color on hover.
Adding a subtle shadow to create a 3D effect.
Increasing the scale slightly for emphasis.

Input Field Focus Effects 🔍:

Apply focus effects on input fields to improve user experience:
Change the border color to indicate active fields.
Add a smooth transition effect for visual appeal.

Describe alternatives you've considered.

Increases user engagement and encourages more submissions through a visually appealing interface.
Enhances accessibility by providing clear indications of active fields and feedback messages.
Improves overall user experience by making interactions more intuitive and enjoyable.

Additional context.

No response

Show us the magic with screenshots

Checklist

[X] I have checked the Existing Issues
[X] I have read the Contributing Guidelines
[X] I want to work on this issue. (optional)

vivekvardhan2810 commented 1 day ago

@neeru24 i have assigned you an issue before, have you completed that.

or shall i close that issue and assign you this issue.

please let me know it.

neeru24 commented 1 day ago

@neeru24 i have assigned you an issue before, have you completed that.

Yes, Actually I'm working on that issue too as enclosing that text in a card is affecting the UI of website, so I'm trying to figure that out also

vivekvardhan2810 commented 1 day ago

@neeru24 as of now Enhance About Section by Wrapping Text in a Card, i think it's a hard from your side.

for now i don't required for that Enhance About Section by Wrapping Text in a Card.

So instead of that can i close that issue and assign you this issue.

neeru24 commented 1 day ago

so can i hold this issue for now or close this issue.

Can you assign me this issue too, I'll submit a PR for this tommorow

vivekvardhan2810 commented 1 day ago

for now i don't required for that Enhance About Section by Wrapping Text in a Card.

So instead of that can i close that issue and assign you this issue.

Will it be okay for you.

so that you won't become stress on that,

neeru24 commented 1 day ago

for now i don't required for that Enhance About Section by Wrapping Text in a Card.

So instead of that can i close that issue and assign you this issue.

Will it be okay for you.

so that you won't become stress on that,

Okay, Sure You can close that issue.

neeru24 commented 1 day ago

@vivekvardhan2810 Thank you so much for understanding. Actually it's my first time when I'm contributing to open source, so sometimes, It take me time to understand the project structure too.

vivekvardhan2810 commented 1 day ago

No Problem @neeru24 i am assigning this issue to you.

make sure to submit a PR by tomorrow.

neeru24 commented 1 day ago

No Problem @neeru24 i am assigning this issue to you.

make sure to submit a PR by tomorrow.

Yes, I will.

vivekvardhan2810 commented 1 day ago

@neeru24 before creating the PR make sure to sync the repository, as i have updated the files and clustered the files in one way.

ML-Fusion-Lab / ML-Fusion-Lab-Website