Collection: Call To Action Collection

{
  "fast_fact": {
    "hg": {
      "tag": "div",
      "headline": "50 ways"
    },
    "content": "<p>It's really not my habit to intrude. Furthermore, I hope my meaning won't be lost or misconstrued.</p>"
  },
  "teaser": {
    "hg": {
      "headline": "This the teaser headline, which can often be somewhat long, detailed, and wordy",
      "tag": "div",
      "variant": "teaser__headline-group"
    },
    "content_meta": {
      "taxonomy": {
        "tag": "Taxonomy Tag"
      },
      "datetime": {
        "date": "now",
        "format": "F d, Y",
        "machine": "Y-m-d"
      }
    },
    "link": {
      "url": "http://www.example.com",
      "title": "Teaser"
    }
  },
  "course_teaser": {
    "hg": {
      "tag": "h3",
      "headline": {
        "url": "http://www.example.com",
        "title": "Course 123"
      },
      "sub": "Long Title of Course Goes Here"
    },
    "p": {
      "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
    }
  },
  "pullquote": {
    "pattern": "@p",
    "p": {
      "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
    },
    "cite": {
      "citation": "Edgar Rice Burroughs, <em>Princess of Mars</em>"
    }
  },
  "cta": {
    "hg": {
      "tag": "h3",
      "headline": "Call to Action"
    },
    "p": {
      "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
    },
    "icon_link": {
      "variant": "icon-link--hidden-label"
    },
    "icon": {
      "glyph": "ic--diamond-arrow",
      "label": "Useful action label for link"
    },
    "link": {
      "url": "https://goo.gl/maps/6EnbowefKn62"
    }
  },
  "program_card": {
    "hg": {
      "tag": "h3",
      "headline": "Program Title"
    },
    "link": {
      "url": "http://www.example.com"
    },
    "availability": [
      {
        "program_icon": {
          "category": "Major",
          "category_short": "M",
          "variant": "program-icon--major"
        }
      },
      {
        "program_icon": {
          "category": "Minor",
          "category_short": "m",
          "variant": "program-icon--minor"
        }
      },
      {
        "program_icon": {
          "category": "Pre-professional Program",
          "category_short": "P",
          "variant": "program-icon--pre-professional"
        }
      }
    ]
  },
  "collection": {
    "hg": {
      "headline": "Collection Headline",
      "tag": "h2",
      "variant": "collection__headline"
    },
    "grid": {
      "items": [
        {
          "pattern": "@cta"
        },
        {
          "pattern": "@cta",
          "context": {
            "cta": {
              "hg": {
                "tag": "h3",
                "headline": "Call to Action with Lots of Text"
              },
              "p": {
                "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at tincidunt urna. Quisque aliquam diam nec tempus sagittis. In hac habitasse platea dictumst. Ut vehicula tortor quis finibus tincidunt. Nulla efficitur aliquet leo, eget ullamcorper risus gravida accumsan. Mauris aliquet cursus risus vel accumsan. Nulla facilisis dui nibh. Curabitur non congue mauris. Etiam fringilla sapien vel felis semper, vel bibendum elit accumsan. Proin sed augue ultrices, dapibus libero sit amet, tempor purus. Nulla placerat eu tellus a faucibus. Vivamus sem sem, malesuada non augue id, vulputate tempus erat. Donec quis elementum eros, in vehicula ex. Proin ac tristique quam."
              },
              "icon_link": {
                "variant": "icon-link--hidden-label"
              },
              "icon": {
                "glyph": "ic--diamond-arrow",
                "label": "Useful action label for link"
              },
              "link": {
                "url": "https://goo.gl/maps/6EnbowefKn62"
              }
            }
          }
        },
        {
          "pattern": "@cta"
        }
      ]
    }
  }
}