{
  "$schema": "https://next.mdxui.dev/schema.json",
  "theme": "quaypoint",
  "template": "contact",
  "title": "Contact · Harbor tides",
  "description": "Ask a harbor master for a berth, a plan or an integration.",
  "frame": "none",
  "sections": [
    {
      "kind": "nav",
      "shell": { "inset": "bleed", "density": "none", "surface": "glass", "sticky": true },
      "block": {
        "type": "nav",
        "menu": "none",
        "brand": { "href": "/", "text": "Harbor tides", "mark": "waves" },
        "links": [
          ["/pricing", "Pricing"],
          ["/integrations", "Integrations"],
          ["/blog", "Blog"]
        ],
        "cta": { "href": "/contact", "label": "Talk to the harbor" }
      }
    },
    {
      "kind": "section",
      "shell": { "inset": "contained", "density": "section" },
      "block": {
        "type": "cta-form",
        "head": { "eyebrow": "Contact", "title": "Talk to the harbor.", "lede": "A harbor master answers within one working day." },
        "action": "/contact/sent",
        "fields": [
          { "name": "name", "type": "text", "label": "Name" },
          { "name": "email", "type": "email", "label": "Email", "placeholder": "you@example.com" },
          {
            "name": "topic",
            "type": "select",
            "label": "About",
            "options": ["A new berth", "A plan", "An integration"]
          },
          { "name": "message", "type": "textarea", "label": "Message" }
        ],
        "submit": "Send",
        "note": "The form posts with no script."
      }
    },
    {
      "kind": "footer",
      "shell": { "inset": "contained", "density": "footer" },
      "block": {
        "type": "footer",
        "layout": "row",
        "brand": { "href": "/", "text": "Harbor tides", "mark": "waves" },
        "blurb": "Tide tables for every berth, as one API.",
        "columns": [
          {
            "title": "Product",
            "links": [
              ["/pricing", "Pricing"],
              ["/integrations", "Integrations"]
            ]
          },
          {
            "title": "Harbor",
            "links": [
              ["/blog", "Blog"],
              ["/contact", "Contact"],
              ["/terms", "Terms"]
            ]
          }
        ],
        "note": ["Harbor tides is a worked example on mdxui.dev, not a customer.", "Rendered by @mdxui/site. Forms here do not send."]
      }
    }
  ]
}