<!--
  templateType: section
  label: Call to action
  isAvailableForNewContent: true
  screenshotPath: ../images/section-previews/call-to-action.png
  description: "Full size background image section with middle centered heading, text, and button."
-->
{% dnd_section
  background_image={
    "backgroundPosition": "MIDDLE_CENTER",
    "backgroundSize": "cover",
    "imageUrl": context.background_image or get_asset_url("../images/sample/large-placeholder-image.png")
  },
  max_width=1200,
  padding={
    "top": 5,
    "bottom": 5,
    "left": 20,
    "right": 20
  },
  vertical_alignment="MIDDLE"
%}
  {% dnd_row %}
    {% dnd_column width=12 %}
      {% dnd_module "cta_content"
        path="@hubspot/rich_text",
        label="CTA Content",
        html={{ context.content or '<div style="text-align: center"><h2>Provide an excerpt here</h2><p>Use text and images to tell your company\'s story. Explain what makes your product or service extraordinary.</p></div>' }}
      %}
      {% end_dnd_module %}
      {% dnd_module "cta_button"
        path="../modules/button.module",
        label="CTA Button",
        button_text={{ context.button_text or "Get started" }},
        styles={
          "alignment": {
            "alignment": {
              "horizontal_align": "CENTER"
            }
          }
        }
      %}
      {% end_dnd_module %}
    {% end_dnd_column %}
  {% end_dnd_row %}
{% end_dnd_section %}
