

<div class='banner-v2'>
  <section class='banner-v2__lottie-container'>
    <div class='banner-v2__animation'>
      <xo-video-cover
        class='banner-v2__video'
        xo-loop='{{ section.settings.loop }}'
        xo-autoplay='true'
        xo-src='{{ section.settings.video_url }}'
      ></xo-video-cover>
    </div>
    <div class='banner-v2__subtext'>
      <div class='banner-v2__sub'>{{ section.settings.subtext1 }}</div>
      <div class='banner-v2__sub'>{{ section.settings.subtext2 }}</div>
      <div class='banner-v2__sub'>{{ section.settings.subtext3 }}</div>
    </div>
    <xo-marquee class='banner-v2__marquee'>
      <div class='banner-v2__marquee-inner'>
        <div class='marquee-v2__marquee-part'>{{ section.settings.text_marquee }}</div>
      </div>
    </xo-marquee>
  </section>
  <section class='banner-v2__gradient'></section>
  <section class='banner-v2__website-content'>
    <div class='banner-v2__end-lottie'></div>
    <span class='banner-v2__text'>{{ section.settings.text1 }}</span>
    <span class='banner-v2__img'>{%- render 'image', image: section.settings.image1, lazyload: false -%}</span>
    <span class='banner-v2__text'>{{ section.settings.text2 }}</span>
    <span class='banner-v2__img'>{%- render 'image', image: section.settings.image2, lazyload: false -%}</span>
    <span class='banner-v2__text'>{{ section.settings.text3 }}</span>
    <span class='banner-v2__img'>{%- render 'image', image: section.settings.image3, lazyload: false -%}</span>
    <span class='banner-v2__text'>{{ section.settings.text4 }}</span>
    <span class='banner-v2__img'>{%- render 'image', image: section.settings.image4, lazyload: false -%}</span>
    <span class='banner-v2__text'>{{ section.settings.text5 }}</span>
  </section>
</div>

{% schema %}
{
  "name": "t:sections.banner_v2.name",
  "tag": "section",
  "class": "section",
  "settings": [
    {
      "type": "select",
      "id": "width",
      "label": "t:sections.all.width.label",
      "default": "box",
      "options": [
        {
          "value": "box",
          "label": "t:sections.all.width.options__1.label"
        },
        {
          "value": "wide",
          "label": "t:sections.all.width.options__2.label"
        },
        {
          "value": "fullwidth",
          "label": "t:sections.all.width.options__3.label"
        }
      ]
    },
    {
      "type": "number",
      "id": "fullwidth_margin",
      "label": "t:sections.all.fullwidth_margin.label",
      "default": 0,
      "visible_if": "{{ section.settings.width == 'fullwidth' }}"
    },
    {
      "type": "textarea",
      "id": "video_url",
      "label": "t:sections.banner_v2.settings.video_url.label"
    },
    {
      "type": "checkbox",
      "id": "loop",
      "label": "t:sections.banner_v2.settings.loop.label",
      "default": false
    },
    {
      "type": "text",
      "id": "text_marquee",
      "label": "t:sections.banner_v2.settings.text_marquee.label",
      "default": "Overtake time with us"
    },
    {
      "type": "text",
      "id": "subtext1",
      "label": "t:sections.banner_v2.settings.subtext1.label",
      "default": "modern"
    },
    {
      "type": "text",
      "id": "subtext2",
      "label": "t:sections.banner_v2.settings.subtext2.label",
      "default": "high quality"
    },
    {
      "type": "text",
      "id": "subtext3",
      "label": "t:sections.banner_v2.settings.subtext3.label",
      "default": "trending"
    },
    {
      "type": "header",
      "content": "t:sections.banner_v2.settings.header1.label"
    },
    {
      "type": "text",
      "id": "text1",
      "label": "t:sections.banner_v2.settings.text1.label",
      "default": "This is ESE"
    },
    {
      "type": "image_picker",
      "id": "image1",
      "label": "t:sections.banner_v2.settings.image1.info"
    },
    {
      "type": "text",
      "id": "text2",
      "label": "t:sections.banner_v2.settings.text2.label",
      "default": "Lorem ipsum?"
    },
    {
      "type": "image_picker",
      "id": "image2",
      "label": "t:sections.banner_v2.settings.image2.info"
    },
    {
      "type": "text",
      "id": "text3",
      "label": "t:sections.banner_v2.settings.text3.label",
      "default": "Lorem ipsum?"
    },
    {
      "type": "image_picker",
      "id": "image3",
      "label": "t:sections.banner_v2.settings.image3.info"
    },
    {
      "type": "text",
      "id": "text4",
      "label": "t:sections.banner_v2.settings.text4.label",
      "default": "Lorem ipsum?"
    },
    {
      "type": "image_picker",
      "id": "image4",
      "label": "t:sections.banner_v2.settings.image4.info"
    },
    {
      "type": "text",
      "id": "text5",
      "label": "t:sections.banner_v2.settings.text5.label",
      "default": "Lorem ipsum?"
    }
  ],
  "presets": [
    {
      "name": "t:sections.banner_v2.presets.name"
    }
  ]
}
{% endschema %}
