Add "Contact Us" Page with Backend Email Integration

[IkkiOcean]

Description

We need to implement a "Contact Us" page that allows users to send inquiries directly from the website. The form on this page should collect user details (name, email, message) and send the information to a specified email address via backend integration. This feature will facilitate better communication with customers and provide a seamless way for users to reach out with questions or feedback.

Requirements

1. Frontend - Contact Us Form:

   • Create a form with fields for the user’s name, email address, subject, and message.
   • Include form validation to ensure all fields are filled out correctly and the email is valid.
   • Show success or error messages based on the outcome of the submission.

2. Backend - Email Integration:

   • Set up an API endpoint to handle form submissions.
   • Integrate an email service (such as Nodemailer) to send the form data to the designated contact email address.
   • Ensure error handling to manage cases where emails fail to send.

3. User Feedback:

   • Display a confirmation message upon successful submission (e.g., “Thank you! We will get back to you soon.”).
   • Show an error message if submission fails due to backend issues or network errors.

Additional Notes

This feature will enhance customer support and user experience by enabling users to reach out directly through the site. Future improvements could include storing inquiries in a database for reference or adding auto-reply functionality.

Are you participating in GSSoC?

• Yes
• No

[github-actions]

Thank you for raising this issue! We'll look into it as soon as possible. Please ensure that the issue is not duplicate, and you read CONTRIBUTING.md carefully. Your contributions are highly appreciated! 😊

[github-actions]

Hello @IkkiOcean! Your issue #511 has been closed. Thank you for your contribution!