{% module 'd01_banner_1'
  path='../../modules/Banner.module',
  single={
    'social_links': {
      'enable': False
    },
    'content': {
      'eyebrow_text': 'Design system',
      'heading_text': 'Every page starts from the same tokens.',
      'heading_tag': 'h3',
      'subheading_text': 'Change a colour in theme settings and the whole site moves with it.'
    },
    'cta': {
      'primary_label': 'Browse modules',
      'primary_url': {
        'url': {
          'href': '#modules',
          'type': 'CONTENT'
        },
        'open_in_new_tab': False
      },
      'primary_button_style': 'primary',
      'primary_action': 'link',
      'secondary_enable': True,
      'secondary_label': 'Read the tokens',
      'secondary_url': {
        'url': {
          'href': '#foundations-colour',
          'type': 'CONTENT'
        },
        'open_in_new_tab': False
      },
      'cta_layout': 'row',
      'cta_alignment': 'center'
    },
    'layout': {
      'layout_type': 'text_buttons',
      'layout_columns': 'single_column',
      'text_alignment': 'center',
      'vertical_alignment': 'middle',
      'height': 'auto',
      'full_width': False
    },
    'media_image': {
      'enable': False
    },
    'media_video': {
      'enable': False
    },
    'form': {
      'enable': False
    },
    'overlay': {
      'enable': False
    },
    'social_proof': {
      'enable': False
    },
    'features': {
      'enable': False
    },
    'background': {
      'type': 'none'
    },
    'style': {
      'color_scheme': 'light',
      'heading_size_variant': 'h2',
      'padding_top': 'lg',
      'padding_bottom': 'lg'
    }
  }
%}

{% module 'd01_banner_2'
  path='../../modules/Banner.module',
  single={
    'social_links': {
      'enable': False
    },
    'content': {
      'eyebrow_text': 'Two column',
      'heading_text': 'Copy on the left, artwork on the right.',
      'heading_tag': 'h3',
      'subheading_text': 'Column Order flips the pair on desktop without touching the content.'
    },
    'cta': {
      'primary_label': 'See the fields',
      'primary_url': {
        'url': {
          'href': '#modules',
          'type': 'CONTENT'
        },
        'open_in_new_tab': False
      },
      'primary_button_style': 'primary',
      'secondary_enable': False,
      'cta_layout': 'row',
      'cta_alignment': 'left'
    },
    'layout': {
      'layout_type': 'text_image',
      'layout_columns': 'two_column',
      'text_alignment': 'left',
      'vertical_alignment': 'middle',
      'column_order_desktop': 'text_left',
      'column_order_mobile': 'text_first',
      'height': 'auto',
      'full_width': False
    },
    'media_image': {
      'enable': True,
      'file': {
        'src': get_asset_url("../../images/templates/helper-img-1.jpg"),
        'alt': 'Hero artwork',
        'size_type': 'auto',
        'loading': 'lazy'
      },
      'position': 'right',
      'fit': 'cover'
    },
    'media_video': {
      'enable': False
    },
    'form': {
      'enable': False
    },
    'overlay': {
      'enable': False
    },
    'social_proof': {
      'enable': False
    },
    'features': {
      'enable': False
    },
    'background': {
      'type': 'none'
    },
    'style': {
      'color_scheme': 'light',
      'heading_size_variant': 'h2',
      'padding_top': 'lg',
      'padding_bottom': 'lg'
    }
  }
%}

{% module 'd01_banner_3'
  path='../../modules/Banner.module',
  single={
    'social_links': {
      'enable': False
    },
    'content': {
      'eyebrow_text': 'On an image',
      'heading_text': 'A scrim keeps the headline readable.',
      'heading_tag': 'h3',
      'subheading_text': 'Overlay opacity is a percentage, so you can tune it per page.'
    },
    'cta': {
      'primary_label': 'Get started',
      'primary_url': {
        'url': {
          'href': '#getting-started',
          'type': 'CONTENT'
        },
        'open_in_new_tab': False
      },
      'primary_button_style': 'primary',
      'secondary_enable': False,
      'cta_layout': 'row',
      'cta_alignment': 'center'
    },
    'layout': {
      'layout_type': 'text_buttons',
      'layout_columns': 'single_column',
      'text_alignment': 'center',
      'vertical_alignment': 'middle',
      'height': 'short',
      'full_width': True
    },
    'media_image': {
      'enable': False
    },
    'media_video': {
      'enable': False
    },
    'form': {
      'enable': False
    },
    'social_proof': {
      'enable': False
    },
    'features': {
      'enable': False
    },
    'background': {
      'type': 'image',
      'image_file': {
        'src': get_asset_url("../../images/templates/helper-img-6.jpg"),
        'alt': 'Background',
        'size_type': 'auto',
        'loading': 'lazy'
      },
      'image_focal_point': 'center',
      'image_fit': 'cover'
    },
    'overlay': {
      'enable': True,
      'type': 'solid',
      'color': {
        'color': '#0B0B0F',
        'opacity': 100
      },
      'opacity': 62
    },
    'style': {
      'color_scheme': 'dark',
      'heading_size_variant': 'h2',
      'padding_top': 'xl',
      'padding_bottom': 'xl'
    }
  }
%}

{% module 'd01_banner_4'
  path='../../modules/Banner.module',
  single={
    'social_links': {
      'enable': False
    },
    'content': {
      'eyebrow_text': 'Lead capture',
      'heading_text': 'Put the form in the hero.',
      'heading_tag': 'h3',
      'subheading_text': 'Three form types ship with the module: email capture, a short lead form, or any HubSpot form.'
    },
    'cta': {
      'primary_label': '',
      'secondary_enable': False
    },
    'layout': {
      'layout_type': 'text_form',
      'layout_columns': 'two_column',
      'text_alignment': 'left',
      'vertical_alignment': 'middle',
      'height': 'auto',
      'full_width': False
    },
    'media_image': {
      'enable': False
    },
    'media_video': {
      'enable': False
    },
    'form': {
      'enable': True,
      'position': 'media_column',
      'form_type': 'email_capture',
      'title': 'Get the changelog',
      'description': 'One mail per release.',
      'cta_label': 'Subscribe'
    },
    'overlay': {
      'enable': False
    },
    'social_proof': {
      'enable': False
    },
    'features': {
      'enable': False
    },
    'background': {
      'type': 'none'
    },
    'style': {
      'color_scheme': 'light',
      'heading_size_variant': 'h2',
      'padding_top': 'lg',
      'padding_bottom': 'lg'
    }
  }
%}

{% module 'd02_banner_slider_1'
  path='../../modules/Banner slider.module',
  style={
    'layout_mode': 'contained',
    'max_width': 'container',
    'border_radius': 'lg',
    'autoplay_timeout_seconds': 6
  }
%}

{% module 'd02_banner_slider_2'
  path='../../modules/Banner slider.module',
  style={
    'layout_mode': 'full_width',
    'max_width': 'full',
    'border_radius': 'none',
    'autoplay_timeout_seconds': 6
  }
%}

{% module 'd03_cta_banner_1'
  path='../../modules/CTA Banner.module',
  content={
    'heading': 'Ready to build the site?',
    'subheading': 'Every template in the theme is on the same tokens.',
    'heading_tag': 'h3'
  },
  buttons={
    'primary_text': 'Start a page',
    'primary_link': {
      'url': {
        'href': '#getting-started',
        'type': 'CONTENT'
      },
      'open_in_new_tab': False
    },
    'primary_style': 'primary',
    'secondary_enable': True,
    'secondary_text': 'See modules',
    'secondary_link': {
      'url': {
        'href': '#modules',
        'type': 'CONTENT'
      },
      'open_in_new_tab': False
    },
    'secondary_style': 'secondary'
  },
  layout={
    'style': 'inline',
    'size': 'h2',
    'density': 'default',
    'full_width': False
  },
  style={
    'color_scheme': 'dark',
    'radius': 'xl',
    'shadow': 'none',
    'border_enabled': False
  }
%}

{% module 'd03_cta_banner_2'
  path='../../modules/CTA Banner.module',
  content={
    'heading': 'One accent colour, applied everywhere.',
    'subheading': 'Set it once in theme settings.',
    'heading_tag': 'h3'
  },
  buttons={
    'primary_text': 'Open theme settings',
    'primary_link': {
      'url': {
        'href': '#foundations-presets',
        'type': 'CONTENT'
      },
      'open_in_new_tab': False
    },
    'primary_style': 'primary',
    'secondary_enable': False
  },
  layout={
    'style': 'stacked',
    'size': 'h2',
    'density': 'large',
    'full_width': False
  },
  style={
    'color_scheme': 'gradient',
    'radius': 'none',
    'shadow': 'none',
    'border_enabled': False
  }
%}

{% module 'd03_cta_banner_3'
  path='../../modules/CTA Banner.module',
  content={
    'heading': 'A quieter band for mid-page.',
    'subheading': '',
    'heading_tag': 'h3'
  },
  buttons={
    'primary_text': 'Read the docs',
    'primary_link': {
      'url': {
        'href': '#introduction',
        'type': 'CONTENT'
      },
      'open_in_new_tab': False
    },
    'primary_style': 'secondary',
    'secondary_enable': False
  },
  layout={
    'style': 'split',
    'size': 'h3',
    'density': 'compact',
    'full_width': False
  },
  style={
    'color_scheme': 'light',
    'radius': 'lg',
    'shadow': 'none',
    'border_enabled': True
  }
%}

{% module 'd04_blog_hero_1'
  path='../../modules/Blog Hero.module',
  content={
    'eyebrow': 'Journal',
    'heading': 'Notes on building for HubSpot',
    'description': 'Short pieces on templates, modules and the CMS.'
  },
  search={
    'enable': True,
    'placeholder': 'Search articles'
  },
  topics={
    'show': False,
    'topics_label': 'Topics'
  },
  style={
    'bg_type': 'gradient',
    'text_alignment': 'center',
    'padding_top': 'lg',
    'padding_bottom': 'md'
  }
%}

{% module 'd04_blog_hero_2'
  path='../../modules/Blog Hero.module',
  content={
    'eyebrow': '',
    'heading': 'Journal',
    'description': 'Everything we publish, newest first.'
  },
  search={
    'enable': True,
    'placeholder': 'Search'
  },
  topics={
    'show': False,
    'topics_label': 'Topics'
  },
  style={
    'bg_type': 'none',
    'text_alignment': 'left',
    'padding_top': 'md',
    'padding_bottom': 'sm'
  }
%}

{% module 'd06_text_section_with_buttons_1'
  path='../../modules/Text section with buttons.module',
  style={
    'text_alignment': {
      'text_align': 'CENTER'
    }
  },
  title_label='Modules',
  title='Every module, one set of tokens.',
  description='Each one exposes its layout, card and icon choices as fields.',
  heading_type='h3',
  buttons=[]
%}

{% module 'd06_text_section_with_buttons_2'
  path='../../modules/Text section with buttons.module',
  style={
    'text_alignment': {
      'text_align': 'LEFT'
    }
  },
  title_label='Getting started',
  title='Install, pick a preset, publish.',
  description='Three steps before you touch a single field.',
  heading_type='h3',
  buttons=[
    {
      'display_text': 'Quick start',
      'link': {
        'url': {
          'href': '#getting-started',
          'type': 'CONTENT'
        },
        'open_in_new_tab': False
      },
      'style': 'primary',
      'action': 'link',
      'icon': 'arrow_forward',
      'icon_position': 'right'
    },
    {
      'display_text': 'Requirements',
      'link': {
        'url': {
          'href': '#requirements',
          'type': 'CONTENT'
        },
        'open_in_new_tab': False
      },
      'style': 'secondary',
      'action': 'link',
      'icon': '',
      'icon_position': 'right'
    }
  ]
%}

{% module 'd07_text_section_rich_1'
  path='../../modules/Text section rich.module',
  style={
    'text_alignment': {
      'text_align': 'LEFT'
    }
  },
  title_label='What is inside',
  title='The theme ships with:',
  heading_type='h3',
  body_text='<ul><li>Website, landing, blog and system page templates</li><li>Drag and drop modules for every section of a page</li><li>Theme presets, and a custom one</li><li>Design tokens exposed as CSS custom properties</li></ul>',
  buttons=[]
%}

{% module 'd08_feature_grid_1'
  path='../../modules/Feature Grid.module',
  layout={
    'columns': '3',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'gap': 'md',
    'alignment': 'left',
    'vertical_alignment': 'stretch'
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': True,
    'radius': 'lg',
    'shadow': 'none',
    'padding': 'md',
    'hover': 'lift'
  },
  icon_settings={
    'show': True,
    'style': 'circle',
    'size': 'md',
    'container_size': 'md',
    'color_source': 'accent',
    'bg_source': 'accent_light'
  }
%}

{% module 'd08_feature_grid_2'
  path='../../modules/Feature Grid.module',
  layout={
    'columns': '4',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'gap': 'lg',
    'alignment': 'left',
    'vertical_alignment': 'start'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': False,
    'radius': 'none',
    'shadow': 'none',
    'padding': 'sm',
    'hover': 'none'
  },
  icon_settings={
    'show': True,
    'style': 'plain',
    'size': 'lg',
    'container_size': 'md',
    'color_source': 'accent'
  }
%}

{% module 'd08_feature_grid_3'
  path='../../modules/Feature Grid.module',
  layout={
    'columns': '2',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'gap': 'md',
    'alignment': 'left',
    'vertical_alignment': 'stretch'
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': False,
    'radius': 'none',
    'shadow': 'md',
    'padding': 'lg',
    'hover': 'shadow'
  },
  icon_settings={
    'show': True,
    'style': 'square',
    'size': 'md',
    'container_size': 'lg',
    'color_source': 'text',
    'bg_source': 'theme'
  }
%}

{% module 'd08_feature_grid_4'
  path='../../modules/Feature Grid.module',
  layout={
    'columns': '3',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'gap': 'xl',
    'alignment': 'center',
    'vertical_alignment': 'start'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': False,
    'radius': 'none',
    'shadow': 'none',
    'padding': 'sm',
    'hover': 'none'
  },
  icon_settings={
    'show': False
  }
%}

{% module 'd09_list_with_icons_1'
  path='../../modules/List with icons.module',
  layout={
    'columns': '4',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'gap': 'md',
    'text_alignment': 'left',
    'vertical_alignment': 'stretch'
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': True,
    'radius': 'lg',
    'shadow': 'none',
    'padding': 'md',
    'hover': 'lift'
  },
  icon_settings={
    'show': True,
    'style': 'box',
    'position': 'top',
    'color_source': 'accent',
    'bg_source': 'accent_light'
  },
  image_settings={
    'show': False
  },
  button_settings={
    'show': True,
    'style': 'link',
    'card_clickable': False
  }
%}

{% module 'd09_list_with_icons_2'
  path='../../modules/List with icons.module',
  layout={
    'columns': '2',
    'columns_tablet': '1',
    'columns_mobile': '1',
    'gap': 'lg',
    'text_alignment': 'left',
    'vertical_alignment': 'start'
  },
  card_style={
    'enable_bg': False,
    'bg_source': 'transparent',
    'border_enabled': False,
    'radius': 'none',
    'shadow': 'none',
    'padding': 'none',
    'hover': 'none'
  },
  icon_settings={
    'show': True,
    'style': 'circle',
    'position': 'left',
    'color_source': 'accent',
    'bg_source': 'accent_light'
  },
  image_settings={
    'show': False
  },
  button_settings={
    'show': False,
    'card_clickable': False
  }
%}

{% module 'd09_list_with_icons_3'
  path='../../modules/List with icons.module',
  layout={
    'columns': '3',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'gap': 'md',
    'text_alignment': 'center',
    'vertical_alignment': 'stretch'
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': False,
    'radius': '2xl',
    'shadow': 'md',
    'padding': 'lg',
    'hover': 'shadow'
  },
  icon_settings={
    'show': True,
    'style': 'circle',
    'position': 'top',
    'color_source': 'accent',
    'bg_source': 'accent_solid'
  },
  image_settings={
    'show': False
  },
  button_settings={
    'show': True,
    'style': 'ghost',
    'card_clickable': True
  }
%}

{% module 'd10_steps_1'
  path='../../modules/Steps.module',
  layout={
    'direction': 'horizontal',
    'columns': 'auto',
    'alignment': 'center',
    'gap': 'md'
  },
  number_style={
    'type': 'number',
    'style': 'filled',
    'size': 'md',
    'color_source': 'accent'
  },
  connector_style={
    'show': True,
    'style': 'solid',
    'color': 'border'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': False,
    'padding': 'none'
  }
%}

{% module 'd10_steps_2'
  path='../../modules/Steps.module',
  layout={
    'direction': 'vertical',
    'columns': 'auto',
    'alignment': 'left',
    'gap': 'lg'
  },
  number_style={
    'type': 'number',
    'style': 'outline',
    'size': 'lg',
    'color_source': 'text'
  },
  connector_style={
    'show': True,
    'style': 'dashed',
    'color': 'accent'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': False,
    'padding': 'none'
  }
%}

{% module 'd10_steps_3'
  path='../../modules/Steps.module',
  layout={
    'direction': 'horizontal',
    'columns': '4',
    'alignment': 'left',
    'gap': 'md'
  },
  number_style={
    'type': 'number',
    'style': 'square',
    'size': 'md',
    'color_source': 'accent'
  },
  connector_style={
    'show': False
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': True,
    'radius': 'lg',
    'padding': 'lg'
  }
%}

{% module 'd11_stats_1'
  path='../../modules/Stats.module',
  style={
    'layout': 'row',
    'columns': '4',
    'text_alignment': 'center',
    'dividers': True,
    'number_size': 'xl'
  }
%}

{% module 'd11_stats_2'
  path='../../modules/Stats.module',
  style={
    'layout': 'grid',
    'columns': '3',
    'text_alignment': 'left',
    'dividers': False,
    'number_size': 'lg'
  }
%}

{% module 'd12_tabs_1'
  path='../../modules/Tabs.module',
  layout={
    'style': 'underline',
    'alignment': 'left',
    'vertical': False,
    'icon_position': 'left'
  },
  tab_style={
    'bg_active': 'none',
    'text_color_active': 'accent',
    'indicator_color': 'accent',
    'radius': 'sm',
    'gap': 'sm'
  },
  content_style={
    'enable_bg': False,
    'border': False,
    'padding': 'md',
    'animation': 'fade'
  }
%}

{% module 'd12_tabs_2'
  path='../../modules/Tabs.module',
  layout={
    'style': 'pills',
    'alignment': 'center',
    'vertical': False,
    'icon_position': 'left'
  },
  tab_style={
    'bg_active': 'accent_light',
    'text_color_active': 'accent',
    'indicator_color': 'accent',
    'radius': 'full',
    'gap': 'sm'
  },
  content_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border': True,
    'padding': 'lg',
    'animation': 'fade'
  }
%}

{% module 'd12_tabs_3'
  path='../../modules/Tabs.module',
  layout={
    'style': 'minimal',
    'alignment': 'left',
    'vertical': True,
    'icon_position': 'left'
  },
  tab_style={
    'bg_active': 'theme',
    'text_color_active': 'text',
    'indicator_color': 'accent',
    'radius': 'md',
    'gap': 'xs'
  },
  content_style={
    'enable_bg': False,
    'border': False,
    'padding': 'md',
    'animation': 'none'
  }
%}

{% module 'd13_accordion_1'
  path='../../modules/Accordion.module',
  layout={
    'style': 'separated',
    'allow_multiple': False,
    'first_open': True,
    'gap': 'md'
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': True,
    'radius': 'lg',
    'shadow': 'none',
    'padding': 'md',
    'hover': 'none'
  },
  icon_style={
    'type': 'chevron',
    'position': 'right',
    'style': 'plain',
    'color_source': 'text'
  }
%}

{% module 'd13_accordion_2'
  path='../../modules/Accordion.module',
  layout={
    'style': 'connected',
    'allow_multiple': True,
    'first_open': False,
    'gap': 'none'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': True,
    'radius': 'none',
    'shadow': 'none',
    'padding': 'md',
    'hover': 'none'
  },
  icon_style={
    'type': 'plus',
    'position': 'left',
    'style': 'plain',
    'color_source': 'accent'
  }
%}

{% module 'd13_accordion_3'
  path='../../modules/Accordion.module',
  layout={
    'style': 'minimal',
    'allow_multiple': False,
    'first_open': False,
    'gap': 'sm'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': False,
    'radius': 'xl',
    'shadow': 'none',
    'padding': 'sm',
    'hover': 'shadow'
  },
  icon_style={
    'type': 'chevron',
    'position': 'right',
    'style': 'circle',
    'color_source': 'accent'
  }
%}

{% module 'd14_faqs_1'
  path='../../modules/FAQs.module',
  layout={
    'columns': '1',
    'columns_tablet': '1',
    'columns_mobile': '1',
    'max_width': 'lg',
    'gap': 'md'
  },
  card_style={
    'enable_bg': True,
    'bg_source': 'theme',
    'border_enabled': True,
    'radius': 'lg',
    'shadow': 'sm',
    'padding': 'md',
    'hover': 'shadow'
  },
  icon_style={
    'type': 'circle',
    'color_source': 'accent'
  }
%}

{% module 'd14_faqs_2'
  path='../../modules/FAQs.module',
  layout={
    'columns': '2',
    'columns_tablet': '2',
    'columns_mobile': '1',
    'max_width': 'full',
    'gap': 'lg'
  },
  card_style={
    'enable_bg': False,
    'border_enabled': True,
    'radius': 'none',
    'shadow': 'none',
    'padding': 'sm',
    'hover': 'none'
  },
  icon_style={
    'type': 'plain',
    'color_source': 'text'
  }
%}