{
  "$schema": "https://next.mdxui.dev/schema.json",
  "theme": "quaypoint",
  "template": "directory-product",
  "title": "Chartplot · Harbor tides",
  "description": "Chartplot draws Harbor tides windows on a chart plotter.",
  "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": "product-head",
        "mark": "compass",
        "name": "Chartplot",
        "summary": "Tide windows drawn on your chart plotter, berth by berth.",
        "chips": [
          { "label": "Navigation", "href": "/integrations" },
          { "label": "Webhooks" }
        ],
        "marks": { "webhooks": true },
        "actions": [
          { "href": "/contact", "label": "Ask for access", "kind": "solid" }
        ]
      }
    },
    {
      "kind": "section",
      "shell": { "inset": "contained", "density": "section" },
      "block": {
        "type": "facts",
        "title": "At a glance",
        "items": [
          { "label": "Reads", "value": "Tides, windows and alerts" },
          { "label": "Updates", "value": "Every 6 minutes" },
          { "label": "Plotters", "value": "NMEA 2000 and Signal K" },
          { "label": "Package", "value": "@example/harbor-tides-chartplot", "code": true }
        ]
      }
    },
    {
      "kind": "section",
      "shell": { "inset": "contained", "density": "section" },
      "block": {
        "type": "pricing",
        "head": { "eyebrow": "Chartplot plans", "title": "Priced per vessel." },
        "layout": "cards",
        "tiers": [
          {
            "name": "One vessel",
            "price": "$9",
            "note": "a month",
            "features": ["One plotter", "Every berth"],
            "cta": "Ask for access",
            "href": "/contact"
          },
          {
            "name": "Fleet",
            "price": "$79",
            "note": "a month",
            "features": ["Ten plotters", "Shared alerts"],
            "cta": "Ask for access",
            "href": "/contact",
            "featured": true
          }
        ],
        "featuredBadge": "For fleets"
      }
    },
    {
      "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."]
      }
    }
  ]
}