Client intake

<div data-form-id="FORM_UUID"></div>
<script src="https://www.muxforms.com/embed.js" defer></script>

import { MuxForm } from "@muxforms/react";

export function ContactForm() {
  return <MuxForm formId="FORM_UUID" />;
}

{
  "name": "Client intake",
  "project": "Agency",
  "fields": [
    {
      "name": "name",
      "label": "Name",
      "type": "text",
      "required": true,
      "placeholder": "Jane Doe"
    },
    {
      "name": "email",
      "label": "Work email",
      "type": "email",
      "required": true,
      "placeholder": "alex@company.com"
    },
    {
      "name": "company",
      "label": "Company",
      "type": "text",
      "required": true,
      "placeholder": "Acme Inc."
    },
    {
      "name": "goals",
      "label": "Project goals",
      "type": "textarea",
      "required": true
    },
    {
      "name": "budget",
      "label": "Budget range",
      "type": "select",
      "required": false,
      "options": [
        "Under $10k",
        "$10k–$25k",
        "$25k+"
      ]
    },
    {
      "name": "timeline",
      "label": "Timeline",
      "type": "select",
      "required": true,
      "options": [
        "ASAP",
        "1–3 months",
        "3+ months"
      ]
    }
  ]
}