{% # theme-check-disable MissingTemplate, LiquidTag %}

{% assign sect = section.settings %}

{% style %}
  .section-{{ section.id }}-content-container {
    background-color: {{ sect.content_bg_color }};
  }

  @media screen and (max-width: 767px) {
    .section-{{ section.id }}-mobile-background {
      background-color: {{ sect.content_bg_color }};
    }
  }
  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-container-background {
      background-color: {{ sect.container_bg_color }};
    }
  }
{% endstyle %}

{% style %}
  .section-{{ section.id }}-container-horizontal-padding {
    padding-left: {{ sect.mobile_horizontal_padding }}px;
  }

  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-container-horizontal-padding {
      padding-left: {{ sect.tablet_horizontal_padding }}px;
    }
  }

  @media screen and (min-width: 1024px) {
    .section-{{ section.id }}-container-horizontal-padding {
      padding-left: {{ sect.desktop_horizontal_padding }}px;
    }
  }
{% endstyle %}

{% style %}
  .section-{{ section.id }}-content-horizontal-padding {
    padding-right: {{ sect.mobile_content_horizontal_padding }}px;
    padding-left: {{ sect.mobile_content_horizontal_padding }}px;
  }

  .section-{{ section.id }}-content-vertical-padding {
    padding-top: {{ sect.mobile_content_vertical_padding }}px;
    padding-bottom: {{ sect.mobile_content_vertical_padding }}px;
  }

  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-content-horizontal-padding {
      padding-right: {{ sect.tablet_content_horizontal_padding }}px;
      padding-left: {{ sect.tablet_content_horizontal_padding }}px;
    }

    .section-{{ section.id }}-content-vertical-padding {
      padding-top: {{ sect.tablet_content_vertical_padding }}px;
      padding-bottom: {{ sect.tablet_content_vertical_padding }}px;
    }
  }

  @media screen and (min-width: 1024px) {
    .section-{{ section.id }}-content-horizontal-padding {
      padding-right: {{ sect.desktop_content_horizontal_padding }}px;
      padding-left: {{ sect.desktop_content_horizontal_padding }}px;
    }

    .section-{{ section.id }}-content-vertical-padding {
      padding-top: {{ sect.desktop_content_vertical_padding }}px;
      padding-bottom: {{ sect.desktop_content_vertical_padding }}px;
    }
  }
{% endstyle %}

{% style %}
  @media screen and (min-width: 768px) {
    .section-{{ section.id }}-contentainer-height {
      height: {{ sect.tablet_container_height_px }}px;
    }
  }

  @media screen and (min-width: 1024px) {
    .section-{{ section.id }}-contentainer-height {
      height: {{ sect.desktop_container_height_px }}px;
    }
  }

  @media screen and (min-width: 1280px) {
    .section-{{ section.id }}-contentainer-height {
      height: {{ sect.large_desktop_container_height_px }}px;
    }
  }
{% endstyle %}

{% capture content_direction_settings %}
  {{ sect.content_direction }} {{ sect.mobile_content_direction }}
{% endcapture %}

{% capture container_padding_settings %}
  section-{{ section.id }}-container-horizontal-padding
{% endcapture %}

{% capture content_padding_settings %}
  section-{{ section.id }}-content-horizontal-padding section-{{ section.id }}-content-vertical-padding
{% endcapture %}

{% capture container_background_settings %}
  section-{{ section.id }}-container-background section-{{ section.id }}-mobile-background
{% endcapture %}

{% capture container_height_settings %}
  section-{{ section.id }}-contentainer-height
{% endcapture %}

<section class="slideshow-image-and-text-v1 overflow-hidden {{ container_padding_settings | strip }} {{ container_background_settings | strip }}">
  <div class="slideshow-image-and-text-v1__carousel flex-col" data-slide-width-percentage="{{ sect.slide_width_percentage }}">
    <div class="swiper-wrapper">
      {% for block in section.blocks %}
        <div class="slideshow-image-and-text-v1__carousel-slide swiper-slide">
          <div class='flex {{ content_direction_settings | strip }} section-{{ section.id }}-content-container h-auto sm:h-auto {{ container_height_settings }}'>
            <div class="flex md:flex-1">
              {% render 'hw_generic-image', image: block.settings.image, styles: "hidden md:block w-full h-full object-cover object-right" %}
              {% render 'hw_generic-image', image: block.settings.mobile_image, styles: "block md:hidden w-full h-full object-cover object-right" %}
            </div>
            {%liquid
              assign decoration_block_id = block.id | append : 'decoration'
              assign heading_block_id = block.id | append : 'heading'
              assign text_block_id = block.id | append : 'text'
            %}
            <div class="desktop-bg flex md:flex-1 flex-col {{ content_padding_settings | strip | strip_newlines }} {{ sect.content_position }}">
              {% if block.settings.eyebrow != blank %}
                {% render 'hw_block-text-with-decoration', settings: sect, section_id: section.id, body: block.settings.eyebrow, block_id: decoration_block_id, decoration_color: sect.eyebrow_decoration_color, settings_prefix: 'eyebrow_' %}
              {% endif %}
              {% render 'hw_block-heading', settings: sect, section_id: section.id, body: block.settings.heading, block_id: heading_block_id, settings_prefix: 'heading_' %}
              {% render 'hw_block-text', settings: sect, section_id: section.id, body: block.settings.content, block_id: text_block_id, settings_prefix: 'content_' %}
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
    <div class="slideshow-image-and-text-v1__carousel-controls hidden md:flex gap-2 items-center justify-center pt-6">
      <div class="flex gap-2 h-4">
        <div id="slideshow-image-and-text-v1-pagination"
             class="slideshow-image-and-text-v1__carousel-controls-pagination flex"></div>
      </div>
    </div>
    <div class="slideshow-image-and-text-v1__carousel-control-buttons flex md:hidden justify-center p-5 gap-2">
      <button type="button" class="slide-prev w-10 h-10 rounded-full bg-primary-300 text-primary-800 flex justify-center items-center">
        <div class="w-5 h-5 flex rotate-180">
          {% render 'icons', icon: 'arrow-normal', width: 20, height: 20, fillColor: 'currentColor' %}
        </div>
      </button>
      <button type="button" class="slide-next w-10 h-10 rounded-full bg-primary-300 text-primary-800 flex justify-center items-center">
        <div class="w-5 h-5 flex">
          {% render 'icons', icon: 'arrow-normal', width: 20, height: 20, fillColor: 'currentColor' %}
        </div>
      </button>
    </div>
  </div>
</section>

{% schema %}
{
  "name": "Image text slideshow",
  "class": "section",
  "settings": [
    {
      "type": "color",
      "id": "container_bg_color",
      "default": "#dcebe7",
      "label": "Container background color"
    },
    {
      "type": "color",
      "id": "content_bg_color",
      "default": "#dcebe7",
      "label": "Content background color"
    },
    {
      "type": "select",
      "id": "content_direction",
      "options": [
        {
          "value": "md:flex-row",
          "label": "Image First"
        },
        {
          "value": "md:flex-row-reverse",
          "label": "Content First"
        }
      ],
      "default": "md:flex-row",
      "label": "Select First Content"
    },
    {
      "type": "select",
      "id": "mobile_content_direction",
      "options": [
        {
          "value": "flex-col",
          "label": "Image First"
        },
        {
          "value": "flex-col-reverse",
          "label": "Content First"
        }
      ],
      "default": "flex-col",
      "label": "Select First Content (Mobile)"
    },
    {
      "type": "select",
      "id": "content_position",
      "options": [
        {
          "value": "md:justify-start",
          "label": "Top"
        },
        {
          "value": "md:justify-center",
          "label": "Center"
        },
        {
          "value": "md:justify-end",
          "label": "Bottom"
        }
      ],
      "default": "md:justify-center",
      "label": "Content position"
    },
    {
      "type": "header",
      "content": "Slide width settings"
    },
    {
      "type": "number",
      "id": "slide_width_percentage",
      "default": 90,
      "label": "Slide width in %"
    },
    {
      "type": "number",
      "id": "max_slide_width_in_px",
      "default": 1536,
      "label": "Max slide with in px"
    },
    {
      "type": "header",
      "content": "Slide height settings"
    },
    {
      "type": "number",
      "id": "large_desktop_container_height_px",
      "default": 420,
      "label": "Slide height in px (Large Desktop)"
    },
    {
      "type": "number",
      "id": "desktop_container_height_px",
      "default": 480,
      "label": "Slide height in px (Desktop)"
    },
    {
      "type": "number",
      "id": "tablet_container_height_px",
      "default": 512,
      "label": "Slide height in px (Tablet)"
    },
    {
      "type": "header",
      "content": "Container padding settings"
    },
    {
      "type": "range",
      "id": "desktop_horizontal_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Horizontal padding (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_horizontal_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Horizontal padding (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_horizontal_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Horizontal padding (Mobile)",
      "default": 0
    },
    {
      "type": "header",
      "content": "Content padding settings"
    },
    {
      "type": "range",
      "id": "desktop_content_horizontal_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Horizontal padding (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_content_horizontal_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Horizontal padding (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_content_horizontal_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Horizontal padding (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "desktop_content_vertical_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Vertical padding (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "tablet_content_vertical_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Vertical padding (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "mobile_content_vertical_padding",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Vertical padding (Mobile)",
      "default": 0
    },
    {
      "type": "header",
      "content": "Eyebrow text settings"
    },
    {
      "type": "select",
      "id": "eyebrow_font_family",
      "options": [
        {
          "value": "font-primary",
          "label": "Primary font"
        },
        {
          "value": "font-display",
          "label": "Secondary font"
        }
      ],
      "default": "font-primary",
      "label": "Font family"
    },
    {
      "type": "select",
      "id": "eyebrow_desktop_font_size",
      "options": [
        {
          "value": "lg:text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "lg:text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "lg:text-base",
          "label": "base: 1rem"
        },
        {
          "value": "lg:text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "lg:text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "lg:text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "lg:text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "lg:text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "lg:text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "lg:text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "lg:text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "lg:text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "lg:text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "lg:text-base",
      "label": "Font size (Desktop)"
    },
    {
      "type": "select",
      "id": "eyebrow_tablet_font_size",
      "options": [
        {
          "value": "md:text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "md:text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "md:text-base",
          "label": "base: 1rem"
        },
        {
          "value": "md:text-lg",
          "label": "md: 1.125rem"
        },
        {
          "value": "lg:text-xl",
          "label": "md: 1.25rem"
        },
        {
          "value": "md:text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "md:text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "md:text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "md:text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "md:text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "md:text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "md:text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "md:text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "md:text-base",
      "label": "Font size (Tablet)"
    },
    {
      "type": "select",
      "id": "eyebrow_mobile_font_size",
      "options": [
        {
          "value": "text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "text-base",
          "label": "base: 1rem"
        },
        {
          "value": "text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "text-base",
      "label": "Font size (Mobile)"
    },
    {
      "type": "select",
      "id": "eyebrow_desktop_font_weight",
      "options": [
        {
          "value": "lg:font-light",
          "label": "Font light"
        },
        {
          "value": "lg:font-normal",
          "label": "Font normal"
        },
        {
          "value": "lg:font-medium",
          "label": "Font medium"
        },
        {
          "value": "lg:font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "lg:font-bold",
          "label": "Font bold"
        }
      ],
      "default": "lg:font-normal",
      "label": "Font weight (Desktop)"
    },
    {
      "type": "select",
      "id": "eyebrow_tablet_font_weight",
      "options": [
        {
          "value": "md:font-light",
          "label": "Font light"
        },
        {
          "value": "md:font-normal",
          "label": "Font normal"
        },
        {
          "value": "md:font-medium",
          "label": "Font medium"
        },
        {
          "value": "md:font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "md:font-bold",
          "label": "Font bold"
        }
      ],
      "default": "md:font-normal",
      "label": "Font weight (Tablet)"
    },
    {
      "type": "select",
      "id": "eyebrow_mobile_font_weight",
      "options": [
        {
          "value": "font-light",
          "label": "Font light"
        },
        {
          "value": "font-normal",
          "label": "Font normal"
        },
        {
          "value": "font-medium",
          "label": "Font medium"
        },
        {
          "value": "font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "font-bold",
          "label": "Font bold"
        }
      ],
      "default": "font-normal",
      "label": "Font weight (Mobile)"
    },
    {
      "type": "select",
      "id": "eyebrow_desktop_line_height",
      "options": [
        {
          "value": "lg:leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "lg:leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "lg:leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "lg:leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "lg:leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "lg:leading-p100",
      "label": "Line height (Desktop)"
    },
    {
      "type": "select",
      "id": "eyebrow_tablet_line_height",
      "options": [
        {
          "value": "md:leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "md:leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "md:leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "md:leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "md:leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "md:leading-p100",
      "label": "Line height (Tablet)"
    },
    {
      "type": "select",
      "id": "eyebrow_mobile_line_height",
      "options": [
        {
          "value": "leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "leading-p100",
      "label": "Line height (Mobile)"
    },
    {
      "type": "color",
      "id": "eyebrow_text_font_color",
      "default": "#257a60",
      "label": "Text font color"
    },
    {
      "type": "color",
      "id": "eyebrow_decoration_color",
      "default": "#c3ddd5",
      "label": "Decoration font color"
    },
    {
      "type": "header",
      "content": "Eyebrow margin settings"
    },
    {
      "type": "range",
      "id": "eyebrow_desktop_margin_top",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Eyebrow margin top (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "eyebrow_tablet_margin_top",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Eyebrow margin top (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "eyebrow_mobile_margin_top",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Eyebrow margin top (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "eyebrow_desktop_margin_bottom",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Eyebrow margin bottom (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "eyebrow_tablet_margin_bottom",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Eyebrow margin bottom (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "eyebrow_mobile_margin_bottom",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Eyebrow margin bottom (Mobile)",
      "default": 0
    },
    {
      "type": "header",
      "content": "Heading text settings"
    },
    {
      "type": "select",
      "id": "heading_font_family",
      "options": [
        {
          "value": "font-primary",
          "label": "Primary font"
        },
        {
          "value": "font-display",
          "label": "Secondary font"
        }
      ],
      "default": "font-primary",
      "label": "Font family"
    },
    {
      "type": "select",
      "id": "heading_desktop_text_position",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "lg:text-left",
          "label": "Left"
        },
        {
          "value": "lg:text-center",
          "label": "Centered"
        },
        {
          "value": "lg:text-right",
          "label": "Right"
        }
      ],
      "default": "",
      "label": "Text position (Desktop)"
    },
    {
      "type": "select",
      "id": "heading_tablet_text_position",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "md:text-left",
          "label": "Left"
        },
        {
          "value": "md:text-center",
          "label": "Centered"
        },
        {
          "value": "md:text-right",
          "label": "Right"
        }
      ],
      "default": "",
      "label": "Text position (Tablet)"
    },
    {
      "type": "select",
      "id": "heading_mobile_text_position",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "text-left",
          "label": "Left"
        },
        {
          "value": "text-center",
          "label": "Centered"
        },
        {
          "value": "text-right",
          "label": "Right"
        }
      ],
      "default": "",
      "label": "Text position (Mobile)"
    },
    {
      "type": "select",
      "id": "heading_desktop_font_size",
      "options": [
        {
          "value": "lg:text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "lg:text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "lg:text-base",
          "label": "base: 1rem"
        },
        {
          "value": "lg:text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "lg:text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "lg:text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "lg:text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "lg:text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "lg:text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "lg:text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "lg:text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "lg:text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "lg:text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "lg:text-base",
      "label": "Font size (Desktop)"
    },
    {
      "type": "select",
      "id": "heading_tablet_font_size",
      "options": [
        {
          "value": "md:text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "md:text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "md:text-base",
          "label": "base: 1rem"
        },
        {
          "value": "md:text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "md:text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "md:text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "md:text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "md:text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "md:text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "md:text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "md:text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "md:text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "md:text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "md:text-base",
      "label": "Font size (Tablet)"
    },
    {
      "type": "select",
      "id": "heading_mobile_font_size",
      "options": [
        {
          "value": "text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "text-base",
          "label": "base: 1rem"
        },
        {
          "value": "text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "text-base",
      "label": "Font size (Mobile)"
    },
    {
      "type": "select",
      "id": "heading_desktop_font_weight",
      "options": [
        {
          "value": "lg:font-light",
          "label": "Font light"
        },
        {
          "value": "lg:font-normal",
          "label": "Font normal"
        },
        {
          "value": "lg:font-medium",
          "label": "Font medium"
        },
        {
          "value": "lg:font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "lg:font-bold",
          "label": "Font bold"
        }
      ],
      "default": "lg:font-normal",
      "label": "Font weight (Desktop)"
    },
    {
      "type": "select",
      "id": "heading_tablet_font_weight",
      "options": [
        {
          "value": "md:font-light",
          "label": "Font light"
        },
        {
          "value": "md:font-normal",
          "label": "Font normal"
        },
        {
          "value": "md:font-medium",
          "label": "Font medium"
        },
        {
          "value": "md:font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "md:font-bold",
          "label": "Font bold"
        }
      ],
      "default": "md:font-normal",
      "label": "Font weight (Tablet)"
    },
    {
      "type": "select",
      "id": "heading_mobile_font_weight",
      "options": [
        {
          "value": "font-light",
          "label": "Font light"
        },
        {
          "value": "font-normal",
          "label": "Font normal"
        },
        {
          "value": "font-medium",
          "label": "Font medium"
        },
        {
          "value": "font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "font-bold",
          "label": "Font bold"
        }
      ],
      "default": "font-normal",
      "label": "Font weight (Mobile)"
    },
    {
      "type": "select",
      "id": "heading_desktop_line_height",
      "options": [
        {
          "value": "lg:leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "lg:leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "lg:leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "lg:leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "lg:leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "lg:leading-p100",
      "label": "Line height (Desktop)"
    },
    {
      "type": "select",
      "id": "heading_tablet_line_height",
      "options": [
        {
          "value": "md:leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "md:leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "md:leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "md:leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "md:leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "md:leading-p100",
      "label": "Line height (Tablet)"
    },
    {
      "type": "select",
      "id": "heading_mobile_line_height",
      "options": [
        {
          "value": "leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "leading-p100",
      "label": "Line height (Mobile)"
    },
    {
      "type": "color",
      "id": "heading_text_font_color",
      "default": "#002414",
      "label": "Text font color"
    },
    {
      "type": "header",
      "content": "Heading margin settings"
    },
    {
      "type": "range",
      "id": "heading_desktop_margin_top",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Heading margin top (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "heading_tablet_margin_top",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Heading margin top (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "heading_mobile_margin_top",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Heading margin top (Mobile)",
      "default": 0
    },
    {
      "type": "range",
      "id": "heading_desktop_margin_bottom",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Heading margin bottom (Desktop)",
      "default": 0
    },
    {
      "type": "range",
      "id": "heading_tablet_margin_bottom",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Heading margin bottom (Tablet)",
      "default": 0
    },
    {
      "type": "range",
      "id": "heading_mobile_margin_bottom",
      "min": 0,
      "max": 256,
      "step": 8,
      "unit": "px",
      "label": "Heading margin bottom (Mobile)",
      "default": 0
    },
    {
      "type": "header",
      "content": "Content text settings"
    },
    {
      "type": "select",
      "id": "content_font_family",
      "options": [
        {
          "value": "font-primary",
          "label": "Primary font"
        },
        {
          "value": "font-display",
          "label": "Secondary font"
        }
      ],
      "default": "font-primary",
      "label": "Font family"
    },
    {
      "type": "select",
      "id": "content_desktop_text_position",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "lg:text-left",
          "label": "Left"
        },
        {
          "value": "lg:text-center",
          "label": "Centered"
        },
        {
          "value": "lg:text-right",
          "label": "Right"
        }
      ],
      "default": "",
      "label": "Text position (Desktop)"
    },
    {
      "type": "select",
      "id": "content_tablet_text_position",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "md:text-left",
          "label": "Left"
        },
        {
          "value": "md:text-center",
          "label": "Centered"
        },
        {
          "value": "md:text-right",
          "label": "Right"
        }
      ],
      "default": "",
      "label": "Text position (Tablet)"
    },
    {
      "type": "select",
      "id": "content_mobile_text_position",
      "options": [
        {
          "value": "",
          "label": "None"
        },
        {
          "value": "text-left",
          "label": "Left"
        },
        {
          "value": "text-center",
          "label": "Centered"
        },
        {
          "value": "text-right",
          "label": "Right"
        }
      ],
      "default": "",
      "label": "Text position (Mobile)"
    },
    {
      "type": "select",
      "id": "content_desktop_font_size",
      "options": [
        {
          "value": "lg:text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "lg:text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "lg:text-base",
          "label": "base: 1rem"
        },
        {
          "value": "lg:text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "lg:text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "lg:text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "lg:text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "lg:text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "lg:text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "lg:text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "lg:text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "lg:text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "lg:text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "lg:text-base",
      "label": "Font size (Desktop)"
    },
    {
      "type": "select",
      "id": "content_tablet_font_size",
      "options": [
        {
          "value": "md:text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "md:text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "md:text-base",
          "label": "base: 1rem"
        },
        {
          "value": "md:text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "md:text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "md:text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "md:text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "md:text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "md:text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "md:text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "md:text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "md:text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "md:text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "md:text-base",
      "label": "Font size (Tablet)"
    },
    {
      "type": "select",
      "id": "content_mobile_font_size",
      "options": [
        {
          "value": "text-xs",
          "label": "xs: 0.75rem "
        },
        {
          "value": "text-sm",
          "label": "sm: 0.875rem"
        },
        {
          "value": "text-base",
          "label": "base: 1rem"
        },
        {
          "value": "text-lg",
          "label": "lg: 1.125rem"
        },
        {
          "value": "text-xl",
          "label": "xl: 1.25rem"
        },
        {
          "value": "text-2xl",
          "label": "2xl: 1.5rem"
        },
        {
          "value": "text-3xl",
          "label": "3xl: 1.875rem"
        },
        {
          "value": "text-4xl",
          "label": "4xl: 2.25rem"
        },
        {
          "value": "text-5xl",
          "label": "5xl: 3rem"
        },
        {
          "value": "text-6xl",
          "label": "6xl 3.75rem"
        },
        {
          "value": "text-7xl",
          "label": "7xl: 4.5rem"
        },
        {
          "value": "text-8xl",
          "label": "8xl: 6rem"
        },
        {
          "value": "text-9xl",
          "label": "9xl: 8rem"
        }
      ],
      "default": "text-base",
      "label": "Font size (Mobile)"
    },
    {
      "type": "select",
      "id": "content_desktop_font_weight",
      "options": [
        {
          "value": "lg:font-light",
          "label": "Font light"
        },
        {
          "value": "lg:font-normal",
          "label": "Font normal"
        },
        {
          "value": "lg:font-medium",
          "label": "Font medium"
        },
        {
          "value": "lg:font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "lg:font-bold",
          "label": "Font bold"
        }
      ],
      "default": "lg:font-normal",
      "label": "Font weight (Desktop)"
    },
    {
      "type": "select",
      "id": "content_tablet_font_weight",
      "options": [
        {
          "value": "md:font-light",
          "label": "Font light"
        },
        {
          "value": "md:font-normal",
          "label": "Font normal"
        },
        {
          "value": "md:font-medium",
          "label": "Font medium"
        },
        {
          "value": "md:font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "md:font-bold",
          "label": "Font bold"
        }
      ],
      "default": "md:font-normal",
      "label": "Font weight (Tablet)"
    },
    {
      "type": "select",
      "id": "content_mobile_font_weight",
      "options": [
        {
          "value": "font-light",
          "label": "Font light"
        },
        {
          "value": "font-normal",
          "label": "Font normal"
        },
        {
          "value": "font-medium",
          "label": "Font medium"
        },
        {
          "value": "font-semibold",
          "label": "Font semibold"
        },
        {
          "value": "font-bold",
          "label": "Font bold"
        }
      ],
      "default": "font-normal",
      "label": "Font weight (Mobile)"
    },
    {
      "type": "select",
      "id": "content_desktop_line_height",
      "options": [
        {
          "value": "lg:leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "lg:leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "lg:leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "lg:leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "lg:leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "lg:leading-p100",
      "label": "Line height (Desktop)"
    },
    {
      "type": "select",
      "id": "content_tablet_line_height",
      "options": [
        {
          "value": "md:leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "md:leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "md:leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "md:leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "md:leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "md:leading-p100",
      "label": "Line height (Tablet)"
    },
    {
      "type": "select",
      "id": "content_mobile_line_height",
      "options": [
        {
          "value": "leading-p100",
          "label": "Line height 100%"
        },
        {
          "value": "leading-p125",
          "label": "Line height 125%"
        },
        {
          "value": "leading-p150",
          "label": "Line height 150%"
        },
        {
          "value": "leading-p162_5",
          "label": "Line height 162.5%"
        },
        {
          "value": "leading-p200",
          "label": "Line height 200%"
        }
      ],
      "default": "leading-p100",
      "label": "Line height (Mobile)"
    },
    {
      "type": "color",
      "id": "content_text_font_color",
      "default": "#002414",
      "label": "Text font color"
    }
  ],
  "blocks": [
    {
      "type": "card",
      "name": "Card",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "image_picker",
          "id": "mobile_image",
          "label": "Image (Mobile)"
        },
        {
          "type": "text",
          "id": "eyebrow",
          "default": "CONNECTION & STRENGTH",
          "label": "Eyebrow Text"
        },
        {
          "type": "text",
          "id": "heading",
          "default": "Talk about your brand",
          "label": "Heading Text"
        },
        {
          "type": "textarea",
          "id": "content",
          "default": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
          "label": "Content"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Image text slideshow",
      "blocks": [
        {
          "type": "card"
        }
      ]
    }
  ]
}
{% endschema %}