@extends('layouts.main')

@section('page-id', '606b58117e5b79333201d9bf')

@section('content')
  <section class="section">
    <div class="wide-container">
      <div class="home-slider-columns w-row">
        <div class="home-slide-left-column brochure w-col w-col-6">
          <div>
            <div class="article-category">Brochures</div>
            <div class="mt-20 mb-20">
              <div class="vertical-divider"></div>
            </div>
            <h1 class="mb-20 mt-0">Download our brochures</h1>
            <p class="mb-20 mb-md-0">Find out more information about how to select, prepare soil for, and sow our various grass and crop seeds and mixtures, plus more.</p>
          </div>
        </div>
        <div class="pr-0 pl-sm-0 w-col w-col-6"><img src="{{ url('images/A5-Magazine-MockUp.png') }}" loading="lazy" alt="" class="brochure-image"></div>
      </div>
      <div class="mt-60 mb-100 mb-md-60">
        <div class="divider"></div>
      </div>
      <div data-animation="slide" data-duration="500" data-infinite="1" class="brochure-slider w-slider">
        <div class="brochure-slider-mask w-slider-mask">
          <div class="w-slide">
            <div class="w-row">
              <div class="w-col w-col-6"><img src="{{ url('images/IMG_2409.png') }}" loading="lazy" alt=""></div>
              <div class="w-col w-col-6">
                <h2 class="mb-30 mt-md-0 mt-sm-30">Saltire Mixtures</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
              </div>
            </div>
          </div>
          <div class="w-slide">
            <div class="w-row">
              <div class="w-col w-col-6"><img src="{{ url('images/IMG_2409.png') }}" loading="lazy" alt=""></div>
              <div class="w-col w-col-6">
                <h2 class="mb-30 mt-md-0 mt-sm-30">Saltire Mixtures</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="brochure-slider-arrow w-slider-arrow-left"><img src="{{ url('images/slider-left-arrow-dark.svg') }}" loading="lazy" alt="" class="brochure-slider-arrow-icon"></div>
        <div class="brochure-slider-arrow w-slider-arrow-right"><img src="{{ url('images/slider-right-arrow-dark.svg') }}" loading="lazy" alt="" class="brochure-slider-arrow-icon"></div>
        <div class="brochure-slider-nav w-slider-nav w-round"></div>
      </div>
    </div>
  </section>
@endsection