@extends('layouts.main')
@section('title', 'Studios')
@section('content')
<section class="p-0">
  <div class="row content">
    <div class="video-image">
      <div class="facilities-and-resources mt160">
        <div style="color: #ccc;">What you need to create<br><p style="color: #fff;">{{$studioType->name}}</p></div>
      </div>
      <img class="img-fluid w-100" src="{{asset('images/studio-types/banner/'.$studioType->id.'.png')}}" />
    </div>
  </div>
</section>

<section>
  <div class="container" data-aos="fade-up">
    <div class="row">
      <div class="col-md-7 mx-auto"> 
        <div class="content1 heading5">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Praesent tristique leo vitae purus lacinia, ut euismod nulla
          viverra. Duis rutrum fringilla vestibulum. Quisque
          gravida, tortor eget accumsan aliquet, turpis urna elementum
          nisl, finibus hendrerit enim dui vel magna. Praesent fringilla
          magna diam, vitae ullamcorper lectus pulvinar eu. Pellentesque
          habitant morbi tristique senectus.
        </div>
      </div>
    </div>

    <div class="row mt-5">
      <div class="col-md-7 mx-auto">
        <div>
          <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'1.png')}}" />
        </div>
        <div class="ps-5 mt-4">
          <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'7.png')}}" />
        </div>
        <div class="mt-4">
          <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'6.png')}}" />
        </div>
      </div>
    </div>

    <div class="row mt-5">
      <div class="col-md-6 mx-auto"> 
        <div class="content1 heading5">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Praesent tristique leo vitae purus lacinia, ut euismod nulla
          viverra. Duis rutrum fringilla vestibulum. Quisque
          gravida, tortor eget accumsan aliquet, turpis urna elementum
          nisl, finibus hendrerit enim dui vel magna. Praesent fringilla
          magna diam, vitae ullamcorper lectus pulvinar eu. Pellentesque
          habitant morbi tristique senectus.
        </div>
      </div>
    </div>

    <div class="row mt-5">
      <div class="col-md-12 mx-auto">
        <div>
          <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'5.png')}}" />
        </div>
      </div>
    </div>

    <div class="row mt-5">
      <div class="col-md-6 mx-auto"> 
        <div class="content1 heading5">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Praesent tristique leo vitae purus lacinia, ut euismod nulla
          viverra. Duis rutrum fringilla vestibulum. Quisque
          gravida, tortor eget accumsan aliquet, turpis urna elementum
          nisl, finibus hendrerit enim dui vel magna.
        </div>
      </div>
    </div>

    <div class="row mt-5">
      <div class="col-md-4">
        <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'4.png')}}" />
      </div>
      <div class="col-md-4">
        <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'3.png')}}" />
      </div>
      <div class="col-md-4">
        <img class="img-fluid" src="{{asset('images/'.$studioType->slug.'2.png')}}" />
      </div>
    </div>

    <div class="row mt-5">
      <div class="col-md-6 mx-auto"> 
        <div class="content1 heading5">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Praesent tristique leo vitae purus lacinia, ut euismod nulla
          viverra. Duis rutrum fringilla vestibulum. Quisque
          gravida, tortor eget accumsan aliquet, turpis urna elementum
          nisl, finibus hendrerit enim dui vel magna.
        </div>
      </div>
    </div>
  
    <div class="row mt-5">
      <div class="col-md-12 text-center">
        <div class="heading4">Book Now
        <svg class="_252" width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
          <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5712 9.24819L6.55037 20.269L5.13616 18.8548L16.157 7.83397L7.25748 7.83397L7.25748 5.83397L19.5712 5.83397L19.5712 18.1477L17.5712 18.1477L17.5712 9.24819Z" fill="#111111"></path>
        </svg>
        </div>
      </div>
    </div>

    @include('frontend.locations')

    @include('frontend.crews')

</div>
</section>
@endsection