<!--
  templateType: section
  label: Cards
  isAvailableForNewContent: true
  screenshotPath: ../images/section-previews/cards.png
  description: "Middle centered heading above three cards, containing an image and text each."
-->
{% dnd_section padding={"top": 5, "bottom": 5, "left": 20, "right": 20}, max_width=1200 %}
  {% dnd_row %}
    {% dnd_column width=12 %}
      {% dnd_module "cards_heading"
        path="@hubspot/rich_text",
        label="Cards Heading"
      %}
        {% module_attribute "html" %}
          <div style="text-align: center;">
            <h2>Get in Touch</h2>
            <p>We're here to help with any questions you may have</p>
          </div>
        {% end_module_attribute %}
      {% end_dnd_module %}
    {% end_dnd_column %}
  {% end_dnd_row %}
  {% dnd_row %}
    {% dnd_column width=12 %}
      {% dnd_module "cards_grid"
        path="../modules/cards-grid.module",
        label="Cards Grid",
        style={
          "card_variant": "default",
          "cols_desktop": "3",
          "cols_tablet": "3",
          "cols_mobile": "1"
        },
        cards=[
          {
            "image": {
              "src": get_asset_url('../images/icons/phone-icon.svg'),
              "alt": "Phone icon",
              "size_type": "auto",
              "loading": "lazy"
            },
            "image_alt": "Phone icon",
            "title": "Phone",
            "content": "<p><strong>(887) 929-0687</strong></p><p>Mon-Fri 9AM-6PM EST</p>"
          },
          {
            "image": {
              "src": get_asset_url('../images/icons/email-icon.svg'),
              "alt": "Email icon",
              "size_type": "auto",
              "loading": "lazy"
            },
            "image_alt": "Email icon",
            "title": "Email",
            "content": "<p><strong>contact@business.com</strong></p><p>24/7 Support Available</p>"
          },
          {
            "image": {
              "src": get_asset_url('../images/icons/location-icon.svg'),
              "alt": "Location icon",
              "size_type": "auto",
              "loading": "lazy"
            },
            "image_alt": "Location icon",
            "title": "Location",
            "content": "<p><strong>2 Canal Park</strong></p><p>Cambridge, MA 02141</p>"
          }
        ]
      %}
      {% end_dnd_module %}
    {% end_dnd_column %}
  {% end_dnd_row %}
{% end_dnd_section %}
