contact-form.tsx

import { Section } from '@/components/section'
import { Heading } from '@/components/heading'
import { Paragraph } from '@/components/paragraph'
import {
  Form,
  FormFirstName,
  FormLastName,
  FormInput,
  FormTextArea,
  FormButton,
} from '@/components/form'

export default function ContactForm() {
  return (
    <Section className="bg-body pt-5 pb-10">
      <div className="max-w-3xl">
        <Heading
          as="h2"
          margin="mb-2"
        >