@section('meta')
<title>{{__('message.2d 3d vfx')}}</title>
    <meta property="og:title" content="{{__('message.2d 3d vfx')}}" />
    <meta property="og:description" content="{{__('message.2d 3d vfx desc')}}" />
    <meta name="twitter:title" content="{{__('message.2d 3d vfx')}}" />
    <meta name="twitter:description" content="{{__('message.2d 3d vfx 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.2d 3d vfx')}}</h1>
                    <p data-aos="zoom-in">{{__('message.2d 3d vfx desc')}}</p>
                </div>
                <div class="col-md-6">
                    <div class="d-flex justify-content-center">
                        <img src="{{ asset('img/animate/animation.gif') }}" alt="animation" class="w-75 h-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-6 my-2 my-md-0 border-0 bg-switch">
                    <h6 class="text-center text-white text-uppercase font-title bg-primary mb-0 py-2" data-t="2d-3d.cartoon">{{__('message.cartoon')}}</h6>
                    <div class="ratio ratio-16x9">
                        <img class='img-thumbnail' src="{{ asset('img/animate/cartoon.gif') }}" width="100%" arialabelledby="cartoon" aria-label="cartoon" alt="cartoon"/>
                    </div>                        
                </div>
                <div class="card col-md-6 my-2 my-md-0 border-0 bg-switch">
                    <h6 class="text-center text-white text-uppercase font-title bg-primary mb-0 py-2" data-t="2d-3d.game">{{__('message.games')}}</h6>
                    <div class="ratio ratio-16x9">
                        <img class='img-thumbnail' src="{{ asset('img/animate/game.gif') }}" width="100%" arialabelledby="game" aria-label="game" alt="game" />
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>