{{--
  Template Name: Home Template
--}}

@extends('layouts.app')

@section('content')
  @include('partials.components.hero-slider', ['slides' => $slider])

  @component('partials.components.content-column', ['class' => 'intro', 'include_button' => $intro['intro']['include_a_button'], 'link' => $intro['intro']['link']])

    {!! wpautop($intro['intro']['description']) !!}

  @endcomponent

  @include('partials.components.cta', ['block' => $cta])

  <div class="container mb-medium mb-lg-large">
    <div class="row">
      <div class="col-12 col-md-4 mb-3 mb-md-0">
        @include('partials.components.card', ['title' => $upcoming_event->title, 'type' => 'Upcoming Event', 'bg' => 'teal', 'link' => ['title' => 'Learn More', 'url' => $upcoming_event->link]])
      </div>
      <div class="col-12 col-md-4 mb-3 mb-md-0">
        @include('partials.components.card', ['title' => $education['title'], 'type' => 'Education', 'bg' => 'mauve', 'link' => ['title' => 'Learn More', 'url' => $education['url']]])
      </div>
      <div class="col-12 col-md-4">
        @include('partials.components.card', ['title' => $latest_news->title, 'type' => 'Latest News', 'bg' => 'red', 'link' => ['title' => 'Read More', 'url' => $latest_news->link]])
      </div>
    </div>
  </div>

  @include('partials.components.large-image', ['img' => $home_image, 'margin' => 'mb-0'])

  @include('partials.components.sign-off', ['text' => $sign_off])
@endsection