Enhanced Contact Section: Improved Form Design, Alignment, and Navigation Integration new

[shivamv003]

Enhanced Contact Section: Improved Form Design, Alignment

Description

The font across the "Contact Us" section was changed to a more modern and clean typeface, providing a consistent and professional look.
Form Alignment:

The contact form was enclosed in a well-defined box with a thin border and rounded corners, enhancing its visual appeal.
The form now occupies 25% of the screen width on the right side of the page, creating a balanced layout that leaves space for the Google Maps integration on the left.
Spacing Adjustments:

The space between the input fields and the "Send Message" button was reduced to make the form more compact and user-friendly.
Margins and paddings were fine-tuned to ensure proper alignment and spacing throughout the form.
Google Maps Alignment:

The Google Maps iframe was aligned with the contact form, ensuring that both elements sit at the same vertical level, creating a harmonious layout for the page.
Submit Button Customization:

The "Send Message" button was redesigned with a new background color and more rounded edges. Text alignment was centered perfectly, improving the visual balance of the button.
Bottom Navigation Bar Integration:

A simplified version of the contact form was added to the bottom navigation bar, making it easy for users to reach out from any section of the website.
This form follows the same design principles, with consistent font and padding adjustments, ensuring a cohesive user experience across the site.

Related Issues

• Closes UI Enhancements: #12

Type of PR

• (ENchancement)

Checklist

• [x ] I have gone through the contributing guide
• [ x] I have updated my branch and synced it with project main branch before making this PR
• [ x] I have performed a self-review of my code
• [x ] I have tested the changes thoroughly before submitting this pull request.
• [x ] I have provided relevant issue numbers, screenshots, and videos after making the changes.
• [ x] I have commented my code, particularly in hard-to-understand areas.

[vercel]

Deployment failed with the following error:

Resource is limited - try again in 5 hours (more than 100, code: "api-deployments-free-per-day").

[github-actions]

Great job, @shivamv003! 🎉 Thank you for submitting your pull request. Your contribution is valuable and we appreciate your efforts to improve our project.We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[Anjaliavv51]

@shivamv003 fill the PR template mention the issue , add preview video

[Anjaliavv51]

@shivamv003 please mention the related issue number with hastag

[shivamv003]

updated the PR template and mentioned the issue

[Anjaliavv51]

@shivamv003 ur PR will be merged in few minutes.

[github-actions]

🎉 Your pull request has been successfully merged! 🎉 Thank you for your contribution to our project. Your efforts are greatly appreciated. Keep up the fantastic work! 🚀