Restaurant reservation

<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": "Reservation request",
  "project": "Hospitality",
  "fields": [
    {
      "name": "name",
      "label": "Name",
      "type": "text",
      "required": true,
      "placeholder": "Jane Doe"
    },
    {
      "name": "phone",
      "label": "Phone",
      "type": "tel",
      "required": true,
      "placeholder": "+1 555 0100"
    },
    {
      "name": "party_size",
      "label": "Party size",
      "type": "number",
      "required": true
    },
    {
      "name": "date",
      "label": "Date",
      "type": "date",
      "required": true
    },
    {
      "name": "time_window",
      "label": "Preferred time",
      "type": "text",
      "required": true
    },
    {
      "name": "notes",
      "label": "Special requests",
      "type": "textarea",
      "required": false
    }
  ]
}