Feat: Fully enhanced Contact page

[Meetjain1]

Summary

Briefly describe the purpose of this PR.

This PR updates the "Contact Us" page to align with the desired yellow, orange, and white color theme, ensuring that the design is visually appealing and consistent across devices. Key enhancements include:

Description

Explain in detail what this PR is all about. This should include the problem you're solving, the approach taken, and any technical details that reviewers need to know.

Title:

Enhance Contact Us Page with Themed Styling, Responsiveness, and Animations

Description:

• Responsiveness: Added media queries to optimize the layout for different screen sizes, including tablets and mobile devices.
• Hover Effects: Implemented subtle hover effects on buttons, form fields, and icons for an interactive user experience.
• Animations and Transitions: Introduced animations for elements such as headers, form inputs, and buttons to create a smooth and dynamic user interface.
• Dark/Light Mode Toggle: Integrated a theme toggle switch to allow users to switch between dark and light modes seamlessly.

Images

Include any relevant images or diagrams that can help reviewers visualize the changes, if applicable

Issue(s) Addressed

Enter the issue number of the bug(s) that this PR fixes

• Template should be strictly Closes <issue_number>
• Example: Closes Feat: Fully enhacne contact us page to our web theme  #1395

Prerequisites

• Have you followed all the CONTRIBUTING GUIDELINES?

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
community-site	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 10, 2024 10:50am

[Meetjain1]

Worked a lot for this as you can se there are 324 additions and 90 deletions

[github-actions]

Great job, @Meetjain1! 🎉 , Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project. Our team will review your changes shortly.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[netlify]

✅ Deploy Preview for opensourcevillage ready!

Name	Link
🔨 Latest commit	38559b5
🔍 Latest deploy log	https://app.netlify.com/sites/opensourcevillage/deploys/66b745e66debb90008a48a47
😎 Deploy Preview	https://deploy-preview-1396--opensourcevillage.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.

[Meetjain1]

@Its-Aman-Yadav sir please review prs since the deadline is 7pm today so I request you to please review as soon as possible. Thanks

[Meetjain1]

@Its-Aman-Yadav @Kalivarapubindusree please review before 7pm

[Meetjain1]

@Its-Aman-Yadav

[Meetjain1]

@Its-Aman-Yadav