[FEATURE] Enhance UI of the Donate Page Form

[neeru24]

Is this a unique feature?

• [X] I have checked "open" AND "closed" issues and this is not a duplicate

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

The current donation form on the donate page is quite static and lacks interactivity, which may affect user engagement. Improving the form can lead to a better user experience and potentially increase donations.

Proposed Solution

• Hover effects are applied to buttons and input fields.
• Sizes of buttons and input fields are increased for better visibility.
• Shadow effects are added to relevant elements.
• Transition effects are smooth and enhance the interactivity.

Screenshots

Do you want to work on this issue?

Yes

If "yes" to above, please explain how you would technically implement this (issue will not be assigned if this is skipped)

Hover Effects:

• Add hover effects to buttons and input fields to make them more interactive. For example, change the background color and increase the border thickness on hover.

Size Adjustments:

• Slightly increase the size of buttons and input fields for better usability and visibility. Consider using a consistent padding for all elements.

Shadow Effects:

• Introduce subtle shadow effects to form elements to create depth. For example, apply a box shadow to buttons and input fields to make them stand out.

Transition Effects:

• Implement smooth transition effects for hover changes to enhance the overall experience.

[Jaishree2310]

@neeru24 Try to add glass morphism to that. Happy coding!

[neeru24]

@neeru24 Try to add glass morphism to that. Happy coding!

Sure, Can I take the time till sunday?

[neeru24]

Hey @Jaishree2310 , could you please tell me which option is better and what further changes are needed?

1. 

2. 

3. 

[neeru24]

@Jaishree2310 Kindly reply so that I can work further.

[neeru24]

@Jaishree2310 Kindly reply so that I can work further.

@Jaishree2310 Waiting for your reply