FE: Feature: Implement Contact Us Page

[Pvsaint]

Description

Create a responsive Contact Us page for BudgetChain using shadcn/ui components to allow users to reach out for support, feedback, and inquiries.

Requirements

Page Components

• Contact form with validation using shadcn Form components
• Company contact information section
• FAQ section with shadcn Accordion
• Success/error toast notifications using shadcn Toast

Form Fields

• Name (required)
• Email (required, with validation)
• Subject dropdown (General Inquiry, Support, Feature Request, Bug Report)
• Message textarea (required, min 10 characters)
• Submit button with loading states

shadcn/ui Components to Use

- Form, FormField, FormItem, FormLabel, FormControl, FormMessage
- Input, Textarea, Select
- Button (with loading spinner)
- Card, CardHeader, CardContent
- Accordion, AccordionItem, AccordionTrigger, AccordionContent
- Toast, useToast
- Badge (for contact methods)

Acceptance Criteria

• Responsive design (mobile-first)
• Form validation with error messages
• Form submission with success feedback
• Accessible form labels and ARIA attributes
• Loading states during form submission

Technical Notes

• Route: /contact
• Form submission should integrate with existing API/email service
• Use React Hook Form with shadcn form components
• Add proper TypeScript types

Design Requirements

• Follow BudgetChain brand colors and typography
• Clean, professional layout
• Consistent with existing page designs

[YakshitAgarwal]

Hello @Pvsaint, I am Yakshit and I have been selected for OnlyDust Fellowship. I would like to contribute to contribute to your project. Can I take this issue?
ETA: 24 hours

[JamesVictor-O]

Hello I'm a frontend and smart contract developer with expertise in Cairo, Solidity, TypeScript, and JavaScript, with confidence in my ability to deliver high-quality work. With experience in frameworks like Next.js, React.js, and Tailwind CSS, and a strong background in open-source contributions (particularly in the Starknet and Stellar ecosystems), I'm well-equipped to take on this challenge. As a fellow in the OnlyDust Fellowship Program, I've not only contributed to various projects but also gained experience maintaining projects on OnlyDust, which has given me valuable insight into the platform and its workflows. would love to work on this issue.

Recommended by OnlyDust for high-quality and dependable contributions.

[FabianSanchezD]

Hi @Pvsaint, I'm Fabian Sanchez and I'd like to work on this issue. I have experience with most things in the codebase. My ETA is less than 2 days.

Thanks!