contact-form.tsx

import { Section } from '@/components/section'
import { Columns, Column } from '@/components/columns'
import { Heading } from '@/components/heading'
import { Form, FormInput, FormTextArea, FormButton } from '@/components/form'
import { Image } from '@/components/image'
import { Accent } from '@/components/accent'

export default function ContactForm() {
  return (
    <Section className="py-20 md:py-30 bg-body2 relative">
      <Columns
        reverseColumns={false}
        align="items-start"
      >
        <Column className="mb-10">
          <Heading as="h1">Let's Create Your Dream Space</Heading>
          <Form>
            <FormInput
              name="emailSubject"
              defaultValue="Contact Form"