@extends('layouts.site')
@section('content')
<div class="container">
    <a class="btn book-now" data-toggle="modal" data-target="#exampleModal" title="Quick Contact">Quick Contact</a>
  </div>

  <section class="text-center bg-parallax">
    <div class="bg-img"><img src="{{ $service->getFirstMediaUrl('banner_image') }}" alt="background"></div>
    <div class="container">
      <div class="row">
        <div class="col-8 offset-2 custom-heading__wrapper">
          <h1 class="pagetitle__heading mb-10">{{ $serviceBrochure->title }}</h1>
          <p class="pagetitle__desc">{{ $serviceBrochure->short_description }}
          </p>
        </div><!-- /.col-xl-6 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section><!-- /.page-title -->




  <section class="our-team-layout1 maccess-custom-outer">
    <div class="container custom-container">
      <div class="about__img mb-10 text-center maccess-flow-outer">
        <img src="{{ $serviceBrochure->getFirstMediaUrl('image') }}" alt="about">
      </div>
    </div>
  </section>

  @include('layouts.components.brochure_contact')
@endsection