Adding map functionality and updating UI of contact page

[Gresey]

Is your feature request related to a problem? Please describe.

The current contact page of PETARI is functional but lacks modern UI elements, which can make it less appealing and user-friendly. Users might find it less engaging, which could affect their willingness to reach out for inquiries or collaborations.

Describe the solution you'd like

I propose a redesign of the contact page to enhance its visual appeal and usability. The new design should incorporate the following elements:

• A clean, modern layout with a visually appealing color scheme that aligns with PETARI’s branding.
• A user-friendly contact form with clear fields for name, email, subject, and message, and possibly a dropdown for the type of inquiry (e.g., General Inquiry, Collaboration, Support).
• Prominent placement of contact information (email, phone number, address) with icons for easy identification.
• Integration of a Google Map showing the physical location of PETARI.
• Responsive design to ensure usability on various devices (desktops, tablets, and mobile phones).

Describe alternatives you've considered

1. Minimalistic Approach: Keeping the contact page very simple with just the contact form and basic contact information without any additional design elements.

What problem is this feature trying to solve?

This feature aims to solve the problem of an outdated and less engaging contact page, which can hinder user interaction and the overall impression of PETARI’s digital presence. By enhancing the UI, we aim to improve user experience, encourage more inquiries and collaborations, and present a more professional image.

How do we know when the feature is complete?

The feature is considered complete when:

• The new contact page design is implemented and matches the proposed specifications.
• The page is fully responsive and functions well across all devices.
• User feedback indicates an improved experience and increased engagement with the contact page.
• There are no major bugs or issues reported after deployment.

[github-actions[bot]]

Congratulations, @Gresey! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

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

[Utsavladia]

I would love to contribute to this project and understood the issue above. Please assign this to me.😊

[Gresey]

@Sahil1786 please assign this issue to me as i have opened the issue and would love to work on it.

[Tanishka023]

Hey!! I am excited to contribute to this project! Please assign this to me @Sahil1786

[nishant0708]

hey i could work on this issue

[heli0707]

As a contributor to this project, I am very excited! @Sahil1786 please assign this to me It will be completed by me as soon as possible

[Shruti-Sawant]

As a contributor I would like to work on this issue please assign me this issue @Sahil1786.