@extends('layouts.app')
@section('content')

    @include('includes.header')

    <section class="our-banner inner-banner branding-banner text-left">
        <img src="{{asset("assets/images/branding-bg.jpg")}}" alt="">
        <div class="container">
            <div class="caption">
                <h1>Reap the benefits of <br>social media</h1>
                <p>Our on fleek social media marketing services will make your brand distinguishable among the lot.</p>
                <a href="javascript:" class="chat"><span>Lets Talk</span></a>
                <a href="javascript:" class="scroll-down" id="scroll-down"><img src="{{asset("assets/images/arrow-down-1.png")}}"
                                                                                alt=""></a>
            </div>
        </div>
    </section>

    @include('includes.logos')

    <section class="creative-determination inner-creative branding-creative">
        <div class="container">
            <div class="row">
                <div class="col-md-6" data-aos="fade-right" data-aos-duration="1500">
                    <div class="inner-data">
                        <img src="{{asset("assets/images/branding-creative.png")}}" alt="">
                        <h2>Trendsetting <strong>Social Media</strong> Marketing </h2>
                        <span>We strategise the complete plan to control activities on different social media platforms. As a modern and persuasive means of communication, social media enable brands to reach the clients at their homes</span>
                        <p>Nowadays, it doesn’t matter what industry you belong to, your clients are definitely on
                            social media. In order to retain their interest and keep them involved, you need a seamless
                            presence there too. If you want to be the first choice, then you have to get a professional
                            social media marketing team like us, who manage your social accounts. Don’t let this
                            opportunity pass, you have no idea how big this social media game is.</p>
                        <a href="{{url("about-us/")}}" class="arrow-btn"><i class="fa fa-plus"></i> Read More <img
                                src="{{asset("assets/images/arrow-btn.png")}}" alt=""></a>
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-up" data-aos-duration="1500">
                    <img src="{{asset("assets/images/branding-creative1.gif")}}" alt="">
                </div>
            </div>
        </div>
    </section>

    <section class="type-of-websites socail-media-web">
        <div class="container">
            <h2>The Realms Of Social Media We Have Mastered</h2>
            <div class="row" data-aos="fade-right" data-aos-duration="1500">
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/customized-plan-vector.png")}}" alt="">
                        <figcaption>
                            <h5>Strategy</h5>
                            <p>We customize our campaign strategies according to your business goals and future
                                plans.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/community-management-vector.png")}}" alt="">
                        <figcaption>
                            <h5>Community Building</h5>
                            <p>A community around your service or product is the best thing to have on social media that
                                can keep users talking about you. Our experts know how to build one for our patrons.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/follower-growth.png")}}" alt="">
                        <figcaption>
                            <h5>Followers</h5>
                            <p>Everyone wants to have large following on social media but do you know there’s a whole
                                science behind it? Get in touch with us to enhance your social media following sorted
                                out.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/interactive-engagement.png")}}" alt="">
                        <figcaption>
                            <h5>Engagement</h5>
                            <p>Getting people to like, react, comment, and share your posts, is not that easy. It
                                requires creating posts that are worthy of attention and we have professionals who can
                                do that efficiently</p>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </section>

    <section class="creative-determination inner-creative branding-creative white-bg digital-creative socail-platform">
        <div class="container">
            <div class="row">
                <div class="col-md-6" data-aos="fade-up" data-aos-duration="1500">
                    <div class="bundle-img" data-aos="fade-up" data-aos-duration="1500">
                        <img src="{{asset("assets/images/social-media-platform.gif")}}" alt="">
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-right" data-aos-duration="1500">
                    <div class="inner-data">
                        <h2>Initiating Creative Discussions </h2>
                        <span>We work hard and tirelessly to grow the online presence of our clientele. Social media is an ideal platform to nurture relationships with the customers and build trust for the venture.</span>
                        <p>Our team assists you to initiate conversations to provide brand coverage outside the already
                            existing sphere in the immediate industry. The key is to create interactive and quick
                            updates, which grab the attention of the audience.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="creative-determination inner-creative branding-creative lblue-bg">
        <div class="container">
            <div class="row">
                <div class="col-md-6" data-aos="fade-right" data-aos-duration="1500">
                    <div class="inner-data">
                        <h2>Managing Social Media Advertising</h2>
                        <span>Social media requires a fast-track services. You will be able to witness a domino effect within no time, once we start our work.</span>
                        <p>Different networks of social media are used and various strategies are implemented to achieve
                            marketing goals. It mainly focuses on sharing of images, videos, and different content for
                            marketing purposes. It aims towards higher reach and interaction from the audience.
                            Campaigns are run and monitored effectively to gain the insights and everything majorly
                            depends upon what people are interested in.</p>
                    </div>
                </div>
                <div class="col-md-6" data-aos="fade-up" data-aos-duration="1500">
                    <img src="{{asset("assets/images/people-graph.gif")}}" alt="">
                </div>
            </div>
        </div>
    </section>

    <section class="our-place-order text-center">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <img src="{{asset("assets/images/place-order-mic.gif")}}" class="mic-img" alt="" data-aos="fade-up"
                         data-aos-duration="2000">
                    <h2>Ready to work with us? <span>Contact us to discuss your business logo design ideas.<br> your project  or general inquiries</span>
                    </h2>
                    <div class="btn-block">
                        <a href="{{url("pricing/")}}" class="various"><span>View Pricing</span></a>
                        <a href="javascript:" class="chat"><span>Live Chat</span></a>
                    </div>
                    <p data-aos="zoom-in" data-aos-duration="2000"><img class="lazy"
                                                                        src=""
                                                                        data-src="{{asset("/assets/images/place-oder-tel.png")}}"
                                                                        alt=""> <a href="tel:{{config('variables.SITE_PHONE_NUMBER')}}">{{config('variables.SITE_PHONE_NUMBER')}}</a>
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section class="digisocial">
        <section class="our-pricing-plans social-packages">
            <div class="container text-center">

                <div>
                    <div class="owl-pricing owl-carousel owl-theme">
                        @php
                            $packages = getPackagesByCategory(config('app.CATEGORY_DIGITAL_MARKETING_ID'));
                            $advancePackages = [];
                        @endphp
                        @if (count($packages))
                            @foreach ($packages as $package)
                                @if ($package['is_advance'])
                                    @php
                                        $advancePackages[] = $package;
                                    @endphp
                                @else
                                    <div class="item">
                                        <div class="package logo" data-package-box>
                                            <div class="productSku" style="display: none;">{{ $package['sku'] }}</div>
                                            <div class="head">
                                                <div class="left">

                                                    <i>
                                                        <img
                                                            src="{{asset("assets/images/" . $package['short_description'])}}"
                                                            alt="">
                                                    </i>
                                                </div>
                                                <div class="right">
                                                    <h5>{{ $package['title'] }} Package</h5>
                                                    <h6>Best Value for Money Guaranteed!</h6>
                                                </div>
                                            </div>
                                            <div class="price">
                                                <div class="left">
                                                    <h2><sup>{{ $package['currency']['symbol'] }}</sup>{{$package['price']}}
                                                    </h2>
                                                </div>
                                                <div class="right">
                                                    <strike>{{ $package['currency']['symbol'] }}{{$package['cross_price']}}</strike>
                                                    <span>Only</span>
                                                </div>
                                            </div>
                                            <div class="content mCustomScrollbar">
                                                <div class="listing" data-package-scroll>
                                                    {!! $package['html_description'] !!}
                                                </div>
                                            </div>
                                            <a data-sku="{{ $package['sku'] }}"
                                               data-category-type="{{ $package['category_id'] == config('app.CATEGORY_DIGITAL_MARKETING_ID') ? 'logo' : (($package['category_id'] == config('app.CATEGORY_DIGITAL_MARKETING_ID')) ? 'web' : '') }}"
                                               data-promotion-id="{{ isset($package['promotion_id']) ? $package['promotion_id'] : 0 }}"
                                               data-price="{{ $package['price'] }}"
                                               data-price-text="{{ $package['currency']['symbol'] }}{{ getTwoDecimalPlaces($package['price']) }}"
                                               data-title="{{ $package['title'] }}"
                                               data-package-id="{{ $package['id'] }}"
                                               href="javascript:;"
                                               class="custom-btn small-btn various order-package"><span>Start Project</span></a>
                                        </div>
                                    </div>
                                @endif
                            @endforeach
                        @endif
                    </div>
                    <div class="btn-block">
                        <a href="{{url("pricing/")}}" class="custom-btn btn-primary-border" data-aos="zoom-in"
                           data-aos-duration="1000"><span>View All Packages</span></a>
                    </div>
                </div>

            </div>
        </section>
    </section>

{{--    <section class="our-combopack">--}}
{{--        <div class="container">--}}
{{--            <div class="row">--}}
{{--                <div class="col-md-7">--}}
{{--                    <h5>Ultimate Value for Start-ups and Businesses</h5>--}}
{{--                    <h2>All-In-One Combo</h2>--}}
{{--                    <p>This is a dream custom logo design and digital solution package for all ventures that are ready--}}
{{--                        to dive into digital excellence. We have covered everything in here that you need to establish--}}
{{--                        yourself as the jack of all trades in digital branding.</p>--}}
{{--                    <div class="row">--}}
{{--                        <div class="col-md-6">--}}
{{--                            <h6>Logo Design</h6>--}}
{{--                            <ul>--}}
{{--                                <li>Unlimited Logo Design Concepts</li>--}}
{{--                                <li>Unlimited Revisions</li>--}}
{{--                                <li>Icon Design</li>--}}
{{--                                <li>All Final File Formats</li>--}}
{{--                            </ul>--}}
{{--                            <h6>Website Design</h6>--}}
{{--                            <ul>--}}
{{--                                <li>UNLIMITED Pages Website</li>--}}
{{--                                <li>Content Management System (CMS)</li>--}}
{{--                                <li>Mobile Responsive</li>--}}
{{--                                <li>5 Stock Photos + 3 Banner Designs</li>--}}
{{--                                <li>Any 3 Social Media Platforms</li>--}}
{{--                                <li>Complete W3C Certified HTML</li>--}}
{{--                                <li>Complete Deployment</li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
{{--                        <div class="col-md-6">--}}
{{--                            <h6>Stationary Design</h6>--}}
{{--                            <ul>--}}
{{--                                <li>Business Card, Letterhead, Envelope</li>--}}
{{--                                <li>MS Word Letterhead</li>--}}
{{--                            </ul>--}}
{{--                            <h6>Value Added Services</h6>--}}
{{--                            <ul>--}}
{{--                                <li>Dedicated Account Manager</li>--}}
{{--                                <li>100% Ownership Rights</li>--}}
{{--                                <li>100% Money Back Guarantee</li>--}}
{{--                                <li>Complete Deployment</li>--}}
{{--                            </ul>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                    <div class="btn-pack">--}}
{{--                        <a href="javascript:" name="999" data-fancybox="" title="Combo Package Only £999"--}}
{{--                           data-src="#popupformCombo"--}}
{{--                           class="custom-btn various get-now small-btn"><span>Order Now</span></a>--}}
{{--                        <a href="javascript:" class="custom-btn view-detail small-btn chat"><span>Live Chat</span></a>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="col-md-5">--}}
{{--                    <div class="bundle-img">--}}
{{--                        <div id="scene">--}}
{{--                            <div class="layer" data-depth="0.1"><img class="lazy"--}}
{{--                                                                     src=""--}}
{{--                                                                     data-src="{{asset("/assets/images/main-combo-pack2.png")}}"--}}
{{--                                                                     alt=""></div>--}}
{{--                            <div class="layer" data-depth="0.3"><img class="lazy"--}}
{{--                                                                     src=""--}}
{{--                                                                     data-src="{{asset("/assets/images/combo-pack-1.png")}}"--}}
{{--                                                                     alt=""></div>--}}
{{--                            <div class="layer" data-depth="0.6"><img class="lazy"--}}
{{--                                                                     src=""--}}
{{--                                                                     data-src="{{asset("/assets/images/combo-pack-2.png")}}"--}}
{{--                                                                     alt=""></div>--}}
{{--                            <div class="layer" data-depth="0.6"><img class="lazy"--}}
{{--                                                                     src=""--}}
{{--                                                                     data-src="{{asset("/assets/images/combo-pack-4.png")}}"--}}
{{--                                                                     alt=""></div>--}}
{{--                            <div class="layer" data-depth="0.2"><img class="lazy"--}}
{{--                                                                     src=""--}}
{{--                                                                     data-src="{{asset("/assets/images/combo-pack-5.png")}}"--}}
{{--                                                                     alt=""></div>--}}
{{--                            <div class="layer" data-depth="0.1" data-aos="zoom-in" data-aos-duration="5000"><img--}}
{{--                                    src="{{asset("assets/images/combo-price.png")}}" alt=""></div>--}}
{{--                        </div>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </section>--}}

    @include('includes.cta')

    @include('includes.testimonial')

    @include('includes.bottom-logo')

@endsection