@extends('layouts.main')
@section('title', 'Nomadic - Video Studios')
@section('content')

<div class="studios-hero studios-hero--video">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-xl-12 col-xxl-12">
        <h1>{!! __('studios.video.heading') !!}</h1>
      </div>
    </div>
  </div>
</div>

<section class="section studios-individual-section dark-content">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-8 col-xxl-8">
        <h2>{!! __('studios.video.creator') !!}</h2>
        <p>{!! __('studios.video.creator_desc') !!}</p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-7 col-xxl-7">
        <img src="{{asset('images/fe/studio-video-sec-two-1.png')}}">
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 col-xl-5 col-xxl-5"></div>
      <div class="col-md-12 col-xl-7 col-xxl-7">
        <img src="{{asset('images/fe/studio-video-sec-two-2.png')}}">
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-7 col-xxl-7">
        <img src="{{asset('images/fe/studio-video-sec-two-3.png')}}">
      </div>
    </div>

    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-8 col-xxl-8">
      <h2>{!! __('studios.video.elevate') !!}</h2>
      <p>{!! __('studios.video.elevate_desc') !!}</p>
      </div>
    </div>
    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-8 col-xxl-8">
        <img src="{{asset('images/fe/studio-video-sec-three.png')}}">
      </div>
    </div>

    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-8 col-xxl-8">
      <h2>{!! __('studios.video.impress') !!}</h2>
      <p>{!! __('studios.video.impress_desc') !!}</p>
      </div>
    </div>

    <div class="row">
      <div class="col-md-12 col-xl-4 col-xxl-4"></div>
      <div class="col-md-12 col-xl-2 col-xxl-2">
        <img src="{{asset('images/fe/studio-video-sec-four-1.png')}}">
      </div>
      <div class="col-md-12 col-xl-1 col-xxl-1">
      </div>
      <div class="col-md-12 col-xl-2 col-xxl-2">
        <img src="{{asset('images/fe/studio-video-sec-four-2.png')}}">
        <div class="row">
        <a @if (Auth::guest()) href="{{url('login')}}" @else href="{{url('choose-your-preference/studio')}}" @endif class="btn section-btn text-decoration-none">Book now</a>
        </div>
      </div>
      <div class="col-md-12 col-xl-1 col-xxl-1">
      </div>
      <div class="col-md-12 col-xl-2 col-xxl-2">
        <img src="{{asset('images/fe/studio-video-sec-four-3.png')}}">
      </div>
    </div>
  </div>
</section>

@include('frontend.locations')

@include('frontend.crews')

@endsection