Contact form

Overview

The ContactForm component renders a cohesive form for user inquiries. It includes fields for name, work email, company size, and a message body. It uses standard form elements like inputs, selects, and textareas, styled for a modern look.

Usage

import { ContactForm } from '@/components/core/forms/contact-form';

function ContactPage() {
  return (
    <div className="max-w-md mx-auto p-6">
      <h2>Get in touch</h2>
      <ContactForm />
    </div>
  );
}

Props

This component currently does not accept any custom props. It is a self-contained unit tailored for a specific use case.

Structure

The form includes the following fields:

• Name: Text input
• Work email: Email input
• Company size: Select dropdown with ranges (e.g., 1-20, 20-100)
• How can we help?: Textarea for detailed messages