@section('meta')
<title>{{__('message.decor printing')}}</title>
    <meta property="og:title" content="{{__('message.decor printing')}}" />
    <meta property="og:description" content="{{__('message.decor desc')}}" />
    <meta name="twitter:title" content="{{__('message.decor printing')}}" />
    <meta name="twitter:description" content="{{__('message.decor 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.decor printing')}}</h1>
                    <p data-aos="zoom-in">{{__('message.decor desc')}}</p>
                </div>
                <div class="col-md-6">
                    <div class="d-flex justify-content-center js-tilt">
                        <img src="{{ asset('img/decor/printing.png') }}" alt="animation" class="w-75" data-aos="zoom-in">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="pv-type py-50">
        <div class="container">
            <div class="row m-0">
                <div class="card col-6 px-1 px-md-2 col-md-4 border-0 bg-switch my-2">
                    <a href="#" class="sale text-decoration-none">
                        <img class="img-thumbnail" src="{{ asset('img/decor/banner.jpg') }}" width="100%" alt="banner">
                    </a> 
                </div>
                <div class="card col-6 px-1 px-md-2 col-md-4 border-0 bg-switch my-2">
                    <a href="#" class="sale text-decoration-none">
                        <img class="img-thumbnail" src="{{ asset('img/decor/folder.jpg') }}" width="100%" alt="folder">
                    </a>                        
                </div>
                <div class="card col-6 px-1 px-md-2 col-md-4 border-0 bg-switch my-2">
                    <a href="#" class="sale text-decoration-none">
                        <img class="img-thumbnail" src="{{ asset('img/decor/paper-bag.jpg') }}" width="100%" alt="paper-bag">
                    </a>                         
                </div>

                <div class="card col-6 px-1 px-md-2 col-md-4 border-0 bg-switch my-2">
                    <a href="#" class="sale text-decoration-none">
                        <img class="img-thumbnail" src="{{ asset('img/decor/signboard.jpg') }}" width="100%" alt="signboard">
                    </a> 
                </div>
                <div class="card col-6 px-1 px-md-2 col-md-4 border-0 bg-switch my-2">
                    <a href="#" class="sale text-decoration-none">
                        <img class="img-thumbnail" src="{{ asset('img/decor/sticker.jpg') }}" width="100%" alt="sticker">
                    </a>                        
                </div>
                <div class="card col-6 px-1 px-md-2 col-md-4 border-0 bg-switch my-2">
                    <a href="#" class="sale text-decoration-none">
                        <img class="img-thumbnail" src="{{ asset('img/decor/banner.jpg') }}" width="100%" alt="banner">
                    </a>                         
                </div>
            </div>
        </div>
    </section>
</div>