Improve UI/UX of Contact Page

[biswajit760]

📌 Description

The contact page currently has several styling and UI/UX problems that affect readability, hierarchy, and overall user experience. Improving these will make the page more accessible, visually balanced, and user-friendly.

🎨 Styling Issues

• Low text and placeholder contrast on dark gradient inputs.

• White text is muted against vibrant backgrounds.

• Contact section icons appear misaligned/inconsistent in size.

💻 UI/UX Issues

• Contact Information and Form sections lack hierarchy (identical styling).

• Phone support labels are unclear ("24/7 Support" vs "Emergency").

• Placeholder text is too dark to read comfortably.

✅ Suggested Improvements

• Increase contrast for text and placeholders.

• Simplify or reduce gradient usage for better focus.

• Ensure icons are aligned and consistent in size.

• Adjust input padding for a more compact form design.

Current version

@Adarsh-Chaubey03, please assign this task to me as I am a GSSOC 2025 contributor and allow me to show my creativity

[EashitaKakkar]

I'd like to contribute

[Adarsh-Chaubey03]

This issue will be closed on Thursday @6pm due to prolonged delay. @biswajit760