Create separate Contact Us page with admin email notification (no auth required)

[afrinxnahar]

🎯 Issue Description

Create a standalone Contact Us page accessible to all users without authentication. On form submission, send the user's details and message to the admin via email using resend.

🚀 Why This is a Good First Issue

• Beginner-friendly: Simple form and backend email logic
• Well-defined scope: Only need to create one page and backend endpoint
• Good documentation: Email setup and form examples available
• Support available: Discord and contributing guide

📋 Acceptance Criteria

• Contact Us page is accessible publicly
• Form collects user name, email, and message
• On submit, sends email to admin
• No authentication required

🛠️ Technical Details

Required Skills

• Basic knowledge of React/Next.js, TailwindCSS, Shadcn
• Understanding of backend API routes and email sending (e.g. Resend, Nodemailer)

Resources

• simple design example:

• Example form design(adjust accordingly):

🎨 Design/UI (if applicable)

• Simple but elegant design form with fields for name, email, and message
• Implement animations using Acerternity UI/Magic UI library if required
• Example form design can be copied from login/sign up page
• Show success or error toast notification after submit

🧪 Testing

• Submit form with valid and invalid data
• Verify admin receives email
• Confirm page is public and does not require login

📚 Additional Context

No authentication is required for this page. Email should be sent securely and handle edge cases (missing fields, errors).

🤝 Getting Help

• Documentation: Setup Guide
• Contributing Guide: CONTRIBUTING.md