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

<div class="studios-hero studios-hero--fashion">
  <div class="container">
    <div class="row">
      <div class="col-md-12 col-xl-12 col-xxl-12">
        <h1>{!! __('studios.fashion.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.fashion.do_more') !!}</h2>
      <p>{!! __('studios.fashion.do_more_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-fashion-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-fashion-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-fashion-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.fashion.precision') !!}</h2>
      <p>{!! __('studios.fashion.precision_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-fashion-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.fashion.commcreat') !!}</h2>
      <p>{!! __('studios.fashion.commcreat_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-fashion-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-fashion-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-fashion-sec-four-3.png')}}">
      </div>
    </div>
  </div>
</section>

@include('frontend.locations')

@include('frontend.crews')

@endsection