Fixed issue #156 : Contact Form UI changes fixed #156

[aartijangra]

Fixed Issue #156

Improved Contact Form UI

---

Summary

This PR introduces significant enhancements to the contact form UI. The changes are aimed at improving the user experience and overall visual appeal of the form.

Changes Made

1. Layout Redesign: The form layout has been revamped to ensure better alignment and spacing, making it more user-friendly and visually appealing.
2. Styling Enhancements: Updated the CSS to include modern design elements such as improved color schemes, font choices, and input field styling.
3. Validation Feedback: Added more user-friendly validation messages and real-time feedback on input fields.

Before:

After:

Testing

• Verified that all form fields are functional and correctly validated.
• Tested on multiple browsers and devices to ensure cross-browser compatibility.
• Confirmed that accessibility standards are met with appropriate ARIA labels and focus management.

Additional Notes

• No changes were made to the underlying backend logic.
• This update does not introduce any new dependencies.

I believe these updates will greatly enhance the user experience and look forward to any feedback or suggestions. @Its-Aman-Yadav
Thank you for considering this PR!

---

Feel free to modify or add any additional details specific to your project or changes.

[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	May 20, 2024 6:30pm

[github-actions]

Great job, @aartijangra! 🎉 , 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	9dbc867
🔍 Latest deploy log	https://app.netlify.com/sites/opensourcevillage/deploys/664b969d89fd5c00085447d2
😎 Deploy Preview	https://deploy-preview-330--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.

[aartijangra]

Fixed Issue #343

New Look For Website

Summary
I made updates to the project's navbar hero section and homepage look and feel.

Detailed Description:
Specific changes made on the navbar, hero section (e.g., colors, layout, fonts).
Modifications done to the homepage look and feel (e.g., overall theme, additional elements).
Functionalities added for the logo button redirects (e.g., where each logo button redirects to).

After:

Before:

I believe these updates will greatly enhance the user experience and look forward to any feedback or suggestions. @Its-Aman-Yadav @Kalivarapubindusree
Thank you for considering this PR!