@section('meta')
<title>{{__('message.livestream studio')}}</title>
    <meta property="og:title" content="{{__('message.livestream studio')}}" />
    <meta property="og:description" content="{{__('message.livestream desc')}}" />
    <meta name="twitter:title" content="{{__('message.livestream studio')}}" />
    <meta name="twitter:description" content="{{__('message.livestream desc')}}" />
@endsection

@push('header')
    <x-header />
@endpush

<div>
    <section class="photo-video py-50">
        <div class="container">
            <div class="row">
                <div class="col-md-6 align-self-center">
                    <h1 class="font-title text-warning text-uppercase fw-bolder" data-aos="zoom-in">{{__('message.livestream studio')}}</h1>
                    <p data-aos="zoom-in">{{__('message.livestream desc')}}</p>
                </div>
                <div class="col-md-6">
                    <div class="d-flex justify-content-center js-tilt">
                        <img src="{{ asset('img/studio/studio.png') }}" alt="animation" class="w-100" data-aos="zoom-in">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pv-type py-50">
        <div class="container">
            <div class="row">
                <div class="card col-md-4 border-0 bg-switch my-1">
                    <a href="#" class="sale text-decoration-none">
                        <h6 class="text-center text-uppercase font-title py-2">{{__('message.sound studio service')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/studio/sound-service.png') }}" width="100%" alt="thumbnail">
                    </a> 
                </div>
                <div class="card col-md-4 border-0 bg-switch my-1">
                    <a href="#" class="sale text-decoration-none">
                        <h6 class="text-center text-uppercase font-title py-2">{{__('message.livestream service')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/studio/live-stream.png') }}" width="100%" alt="thumbnail">
                    </a>                        
                </div>
                <div class="card col-md-4 border-0 bg-switch my-1">
                    <a href="#" class="sale text-decoration-none">
                        <h6 class="text-center text-uppercase font-title py-2">{{__('message.studio')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/studio/sound-service.png') }}" width="100%" alt="thumbnail">
                    </a>                         
                </div>
            </div>
        </div>
    </section>
</div>