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

@push('styles')

@endpush

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

<div class="main-contnet">
    <section class="digital-marketing py-50">
        <div class="container">
            <div class="row">
                <div class="col-md-6 align-self-center mb-5 my-md-0">
                    <p class="font-title text-warning position-relative after-border" data-aos="zoom-in">{{__('message.digital marketing')}}</p>
                    <p class="h3 text-capitalize" data-aos="zoom-in">{{__('message.get start your business')}}</p>
                    <h1 class="font-title text-warning text-capitalize fw-bolder" data-aos="zoom-in">{{__('message.on google search eninge')}}</h1>
                    <p data-aos="zoom-in">{{__('message.digital desc')}}</p>
                    <div class="d-flex justify-content-center">
                        <a href="#packages" class="btn btn-warning text-warning bg-transparent rounded-pill mx-2 fw-bold d-flex align-items-center text-uppercase" data-aos="zoom-in">{{__('message.join package')}} <i class='bx bx-right-arrow-alt ms-2' ></i></a>
                        <a href="https://www.youtube.com/watch?v=bixR-KIJKYM" class="image-link mx-2 text-decoration-none d-flex justify-content-center align-items-center opacity-75" data-aos="zoom-in">
                            <i class='bx bx-play-circle p-2 me-2 text-bg'></i>{{__('message.intro video')}}
                        </a>
                    </div>
                </div>
                <div class="col-md-6 js-tilt">
                    <img src="{{ asset('img/digital/header_1.png') }}" alt="header_1" class="w-100" data-aos="zoom-in">
                </div>
            </div>
        </div>
    </section>

    <section class="py-50">
        <div class="container">
            <div class="d-flex justify-content-center mb-5">
                <h3 class="font-title text-center text-warning text-capitalize text-decoration-underline" data-aos="zoom-in">{{__('message.we provide customers with spacial services')}}</h3>
            </div>
            <div class="row">
                <div class="col-md-6 col-lg-4 my-3" data-aos="zoom-in">
                    <div class="text-center">
                        <img src="{{ asset('img/digital/context-ads.png') }}" alt="context-ads" class="opacity-75" data-aos="zoom-in">
                    </div>
                    <h5 class="text-center text-capitalize text-warning mb-0 mt-2" data-aos="zoom-in">{{__('message.context ads')}}</h5>
                    <small data-aos="zoom-in">{{__('message.context ads desc')}}</small>
                </div>
                <div class="col-md-6 col-lg-4 my-3" data-aos="zoom-in">
                    <div class="text-center">
                        <img src="{{ asset('img/digital/website-audit.png') }}" alt="website-audits" class="opacity-75" data-aos="zoom-in">
                    </div>
                    <h5 class="text-center text-capitalize text-warning mb-0 mt-2" data-aos="zoom-in">{{__('message.e-commerce')}}</h5>
                    <small data-aos="zoom-in">{{__('message.e-commerce desc')}}</small>
                </div>
                <div class="col-md-6 col-lg-4 my-3" data-aos="zoom-in">
                    <div class="text-center">
                        <img src="{{ asset('img/digital/keyword.png') }}" alt="keyword" class="opacity-75" data-aos="zoom-in">
                    </div>
                    <h5 class="text-center text-capitalize text-warning mb-0 mt-2" data-aos="zoom-in">{{__('message.keyword research')}}</h5>
                    <small data-aos="zoom-in">{{__('message.keyword research desc')}}</small>
                </div>

                <div class="col-md-6 col-lg-4 my-3" data-aos="zoom-in">
                    <div class="text-center">
                        <img src="{{ asset('img/digital/content-marketing.png') }}" alt="content-marketing" class="opacity-75" data-aos="zoom-in">
                    </div>
                    <h5 class="text-center text-capitalize text-warning mb-0 mt-2" data-aos="zoom-in">{{__('message.content marketing')}}</h5>
                    <small data-aos="zoom-in">{{__('message.content marketing desc')}}</small>
                </div>
                <div class="col-md-6 col-lg-4 my-3" data-aos="zoom-in">
                    <div class="text-center">
                        <img src="{{ asset('img/digital/website-redesigns.png') }}" alt="website-redesigns" class="opacity-75" data-aos="zoom-in">
                    </div>
                    <h5 class="text-center text-capitalize text-warning mb-0 mt-2" data-aos="zoom-in">{{__('message.website redesign')}}</h5>
                    <small data-aos="zoom-in">{{__('message.website redesign desc')}}</small>
                </div>
                <div class="col-md-6 col-lg-4 my-3" data-aos="zoom-in">
                    <div class="text-center">
                        <img src="{{ asset('img/digital/seo-coaching.png') }}" alt="seo-coaching" class="opacity-75" data-aos="zoom-in">
                    </div>
                    <h5 class="text-center text-capitalize text-warning mb-0 mt-2" data-aos="zoom-in">{{__('message.seo coaching')}}</h5>
                    <small data-aos="zoom-in">{{__('message.seo coaching desc')}}</small>
                </div>
            </div>
        </div>
    </section>

    <section class="d-get-results py-50">
        <div class="container">
            <div class="row">
                <div class="col-md-6 align-self-center">
                    <small class="opacity-50 text-uppercase fw-bold" data-aos="zoom-in"><i class='bx bxs-bullseye'></i> {{__('message.we get results')}}</small>
                    <h1 class="fw-bolder text-uppercase" data-aos="zoom-in">{{__('message.social media marketing & management services')}}</h1>
                    <p data-aos="zoom-in">{{__('message.social media marketing & management services desc')}}</p>
                </div>
                <div class="col-md-6 js-tilt">
                    <img src="{{ asset('img/digital/get-result.png') }}" alt="get-result" class="w-100" data-aos="zoom-in">
                </div>
            </div>
        </div>
    </section>

    <section class="choose-plan py-50" id="packages">
        <div class="container">
            <h6 class="text-center opacity-50 text-uppercase fw-bold" data-aos="zoom-in"><i class='bx bxs-bullseye'></i> {{__('message.choose your plan')}} <i class='bx bxs-bullseye'></i></h6>
            <h1 class="fw-bolder text-center text-uppercase" data-aos="zoom-in">{{__('message.flexible princing plans')}}</h1>
            <div class="d-flex flex-column justify-content-center align-items-center">
                <div class="cp-header">
                    <p class="text-center" data-aos="zoom-in">{{__('message.flexible princing plans desc')}}</p>
                </div>
            </div>
            <div class="row text-center align-items-end">
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 my-2 my-md-1 my-lg-2 my-lg-0 px-2">
                    <div class="package-item pt-0 p-3 rounded shadow">
                        <h6 class="text-uppercase px-4 py-1 bg-warning text-white shadow mb-4 package-name fw-bolder font-title" data-aos="zoom-in">{{__('message.s-title')}}</h6>
                        <h4 class="fw-bolder text-warning" data-aos="zoom-in">$119</h4>
                        <div class="custom-separator my-4 mx-auto bg-warning"></div>
                        <ul class="list-unstyled my-2 text-small">
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.fb-page')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.s-poster')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.content-post')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.schedule-an-appearance')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.profile-and-cover')}}
                            </li>
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.s-boot-post')}}</del>
                            </li>
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.promotion')}}</del>
                            </li>
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.more-social')}}</del>
                            </li>
                            
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.s-video')}}</del>
                            </li>
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.s-promotion-on-phkay-tv')}}</del>
                            </li>
                        </ul>
                        <a href="{{route('contact',app()->getLocale())}}" class="btn btn-outline-warning btn-lg btn-custom btn-package font-title" data-aos="zoom-in">{{__('message.join-now')}}</a>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 my-2 my-md-1 my-lg-2 my-lg-0 px-2">
                    <div class="package-item pt-0 p-3 rounded shadow">
                        <h6 class="text-uppercase px-4 py-1 bg-warning text-white shadow mb-4 package-name fw-bolder font-title" data-aos="zoom-in">{{__('message.g-title')}}</h6>
                        <h4 class="fw-bolder text-warning" data-aos="zoom-in">$299</h4>
                        <div class="custom-separator my-4 mx-auto bg-warning"></div>
                        <ul class="list-unstyled my-2 text-small text-left">
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.fb-page')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.g-poster')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.content-post')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.schedule-an-appearance')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.profile-and-cover')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                5%
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.promotion')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.more-social')}}
                            </li>
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.s-video')}}</del>
                            </li>
                            <li class="mb-3 text-muted" data-aos="zoom-in">
                                <del>{{__('message.s-promotion-on-phkay-tv')}}</del>
                            </li>
                        </ul>
                        <a href="{{route('contact',app()->getLocale())}}" class="btn btn-outline-warning btn-lg btn-custom btn-package font-title" data-aos="zoom-in">{{__('message.join-now')}}</a>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 my-2 my-md-1 my-lg-2 my-lg-0 px-2">
                    <div class="package-item pt-0 p-3 rounded shadow">
                        <h6 class="text-uppercase px-4 py-1 bg-warning text-white shadow mb-4 package-name fw-bolder font-title" data-aos="zoom-in">{{__('message.d-title')}}</h6>
                        <h4 class="fw-bolder text-warning" data-aos="zoom-in">$599</h4>
                        <div class="custom-separator my-4 mx-auto bg-warning"></div>
                        <ul class="list-unstyled my-2 text-small text-left">
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.fb-page')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.d-poster')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.content-post')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.schedule-an-appearance')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.profile-and-cover')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                5%
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.promotion')}}
                            
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.more-social')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.d-video')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.d-promotion-on-phkay-tv')}}
                            </li>
                        </ul>
                        <a href="{{route('contact',app()->getLocale())}}" class="btn btn-outline-warning btn-lg btn-custom btn-package font-title" data-aos="zoom-in">{{__('message.join-now')}}</a>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 my-2 my-md-1 my-lg-2 my-lg-0 px-2 offset-lg-4 offset-xl-0">
                    <div class="package-item pt-0 p-3 rounded shadow">
                        <h6 class="text-uppercase px-4 py-1 bg-warning text-white shadow mb-4 package-name fw-bolder font-title" data-aos="zoom-in">{{__('message.star-title')}}</h6>
                        <h4 class="fw-bolder text-warning" data-aos="zoom-in">$999</h4>
                        <div class="custom-separator my-4 mx-auto bg-warning"></div>
                        <ul class="list-unstyled my-2 text-small text-left">
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.fb-page')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                Poster 24
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.content-post')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.schedule-an-appearance')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.profile-and-cover')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                5%
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.promotion')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.more-social')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.star-video')}}
                            </li>
                            <li class="mb-3" data-aos="zoom-in">
                                {{__('message.star-promotion-on-phkay-tv')}}
                            </li>
                        </ul>
                        <a href="{{route('contact',app()->getLocale())}}" class="btn btn-outline-warning btn-lg btn-custom btn-package font-title" data-aos="zoom-in">{{__('message.join-now')}}</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

</div>

@push('scripts')
    <script src="{{ mix('js/magnific-popup.js') }}"></script>
@endpush