@section('meta')
<title>{{__('message.tvc film')}}</title>
    <meta property="og:title" content="{{__('message.tvc film')}}" />
    <meta property="og:description" content="{{__('message.tvc desc')}}" />
    <meta name="twitter:title" content="{{__('message.tvc film')}}" />
    <meta name="twitter:description" content="{{__('message.tvc 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.tvc film')}}</h1>
                    <p data-aos="zoom-in">{{__('message.tvc desc')}}</p>
                </div>
                <div class="col-md-6">
                    <div class="d-flex justify-content-center js-tilt">
                        <img src="{{ asset('img/tvc/tvc-film.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">{{__('message.commercial')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/commercial.jpg') }}" 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">{{__('message.tvc news presenters')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/news_presenters.jpg') }}" 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">{{__('message.tvc adalah')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/adalah.jpg') }}" 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">{{__('message.action films')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/action-film.jpg') }}" 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">{{__('message.comedies')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/comedies.jpg') }}" 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">{{__('message.romantic film')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/romantic.jpg') }}" 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">{{__('message.rom-coms')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/commercial.jpg') }}" 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">{{__('message.musicails')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/comedies.jpg') }}" 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">{{__('message.drama')}}</h6>
                        <img class="img-thumbnail" src="{{ asset('img/tvc/romantic.jpg') }}" width="100%" alt="thumbnail">
                    </a>                         
                </div>
            </div>
        </div>
    </section>
</div>