Improve Contact Us Page UI (#492)

[dipexplorer]

Fixes #492

This PR updates the Contact Us page to improve its visual appeal and user experience. The layout is modified to be more compact and engaging, allowing users to view the form without excessive scrolling. Additionally, relevant images or GIFs have been added to make the page more inviting and visually appealing.

Changes

• Reorganized the form layout to be more compact and aligned horizontally.
• Added relevant images/GIFs to enhance the user experience.
• Adjusted padding, margins, and form field sizes for better responsiveness.
• Improved accessibility features (e.g., labels and alt text for images) for screen readers.

Testing Instructions

1. Pull this branch.
2. Run npm install to install dependencies.
3. Run npm test to execute the test suite.
4. Verify that ...

Screenshots (if applicable)

Checklist

• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings
• I am working on this issue under GSSOC

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
wanderlust-2024	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Nov 10, 2024 0:46am

[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! 😊