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

<div class="studios-hero studios-hero--music">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-xl-12 col-xxl-12">
        <h1>{!! __('studios.music.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.music.musician_env') !!}</h2>
      <p>{!! __('studios.music.musician_env_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-music-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-music-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-music-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.music.eqp') !!}</h2>
      <p>{!! __('studios.music.eqp_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-music-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.music.expand_reach') !!}</h2>
      <p>{!! __('studios.music.expand_reach_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-music-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-music-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-music-sec-four-3.png')}}">
      </div>
    </div>
  </div>
</section>

@include('frontend.locations')

@include('frontend.crews')

@endsection