@isset($image)
    <header class="{{$image}} vh-75 bg-dark bg-fixed" data-id="inicio">
        <div class="container-fluid d-grid h-100">
            @mobile()
                <div class="row align-self-center text-center">
            @else
                <div class="row align-self-center text-left {{$aligntext}} pl-md-6">
            @endmobile
            
                <div class="col-12">
                    @if(Route::currentRouteName() == 'nearshoring.index')
                        <h2 class="h2 mb-0 font-weight-bold bg-yellow-capita p-4 d-inline-flex">Discover our top service</h2>
                    @endif
                    @mobile()
                        <h1 class="display-4 futura-bold py-2 py-md-3 font-weight-bold text-white text-uppercase mb-0" style="letter-spacing: 3px">{!!$title!!}</h1>
                    @else
                        <h1 class="display-4 futura-bold py-2 py-md-3 font-weight-bold text-white text-uppercase mb-0" style="letter-spacing: 0px">{!!$title!!}</h1>
                    @endmobile
                    
                    @if(Route::currentRouteName() == 'nearshoring.index')
                        <div class="justify-content-center justify-content-md-start d-flex">
                            <a href="{{route('contact')}}" class="btn-sm mx-lg-1 btn-block btn-yellow-capita rounded-pill fw-600 fs-6 text-dark text-center text-decoration-none" style="max-width: 15rem;">Let's get started now!</a>
                        </div> 
                    @endif
                </div>
            </div> 
        </div>
    </header>
@endisset