<section class="seasonal-dispatch" data-reveal>
  <div class="container">
    <div class="seasonal-dispatch__layout">
      <div class="seasonal-dispatch__accent" aria-hidden="true">
        <svg viewBox="0 0 80 120" fill="none" xmlns="http://www.w3.org/2000/svg" width="80" height="120"><path d="M40 10C25 10 12 30 12 60c0 18 8 32 16 42" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" opacity="0.15"/><path d="M40 10c15 0 28 20 28 50 0 18-8 32-16 42" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" opacity="0.15"/><path d="M40 10v100" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" opacity="0.15"/><path d="M22 45c6 3 12 5 18 5s12-2 18-5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" opacity="0.15"/></svg>
      </div>
      <div class="seasonal-dispatch__content">
        {%- if section.settings.eyebrow != blank -%}
          <span class="section-eyebrow">{{ section.settings.eyebrow }}</span>
        {%- endif -%}
        {%- if section.settings.heading != blank -%}
          <h2 class="section-heading">{{ section.settings.heading }}</h2>
        {%- endif -%}
        {%- if section.settings.text != blank -%}
          <p class="seasonal-dispatch__text">{{ section.settings.text }}</p>
        {%- endif -%}
        <form class="seasonal-dispatch__form" action="/contact#newsletter" method="post">
          <input type="hidden" name="form_type" value="customer">
          <input type="hidden" name="contact[tags]" value="newsletter">
          <div class="seasonal-dispatch__field">
            <input type="email" name="contact[email]" class="seasonal-dispatch__input" placeholder="{{ section.settings.placeholder | default: 'Your email address' }}" required aria-label="Email address">
            <button type="submit" class="btn btn--primary seasonal-dispatch__btn">{{ section.settings.button_text | default: 'Join the Dispatch' }}</button>
          </div>
        </form>
      </div>
    </div>
  </div>
</section>

{% schema %}
{
  "name": "Seasonal Dispatch",
  "class": "section-seasonal-dispatch",
  "settings": [
    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "NEWSLETTER" },
    { "type": "text", "id": "heading", "label": "Heading", "default": "Stay in the Garden" },
    { "type": "textarea", "id": "text", "label": "Description" },
    { "type": "text", "id": "placeholder", "label": "Input placeholder", "default": "Your email address" },
    { "type": "text", "id": "button_text", "label": "Button text", "default": "Join the Dispatch" }
  ],
  "presets": [{ "name": "Seasonal Dispatch" }]
}
{% endschema %}