@extends('layouts.app')
@section('content')
    @include('corporate-branding.include.header')

    <section class="our-banner inner-banner text-left">
        <img src="{{asset("assets/images/branding-bg.jpg")}}" alt="">
        <div class="container">
            <div class="caption">
                <h1>We are the best branding <br> solution providers</h1>
                <p>If you want to stand out from the lot, we are here to guide you to do that!</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-service-vector.png")}}" alt="">
                        <h2>State-of-the-art <br>designing and branding </h2>
                        <span>Branding in the right direction can set your brand off to rocketed fame. Entrust us to develop your brand identity, like no one else can.</span>
                        <p>Want to become a known name in your industry? It requires outstanding branding strategy. Our
                            marvelous branding techniques will help your business grow steadily. We keep your needs in
                            mind
                            while aiming for the future. The brand identity we create is a mixture of technology,
                            creativity, and brilliant designing skills. </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="bundle-img">
                    <img data-aos="fade-up" data-aos-duration="1500"
                         src="{{asset("assets/images/branding-service-side.png")}}"
                         alt="">
                </div>
            </div>
        </div>
    </section>

    <section class="type-of-websites branding-types">
        <div class="container">
            <h2>Areas We Can Create Magic At
                <span>Our strategised designs aim at the target audience to create everlasting experience. </span></h2>
            <div class="row" data-aos="fade-right" data-aos-duration="1500">
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/branding-types-1.png")}}" alt="">
                        <figcaption>
                            <h5>Stationary </h5>
                            <p>From pen, papers, to erasers and pencils, anything that can highlight your brand is
                                important. We will make use of all the stationery to promote brand positivity.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/branding-types-2.png")}}" alt="">
                        <figcaption>
                            <h5>Ads</h5>
                            <p>Who doesn’t want to grab the attention of potential clients? Our design gurus will map
                                out
                                perfect ad ideas to net the right kind of audience.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/branding-types-3.png")}}" alt="">
                        <figcaption>
                            <h5>Printable</h5>
                            <p>Packaging designs are the key to promote your brand and we know how to use them
                                decorously.
                                Integration of printable medium in brand marketing adds so much value.</p>
                        </figcaption>
                    </figure>
                </div>
                <div class="col">
                    <figure>
                        <img src="{{asset("assets/images/branding-types-4.png")}}" alt="">
                        <figcaption>
                            <h5>Social Media</h5>
                            <p>Designing posts that can go viral is one of our great treasures. Our social media junkies
                                make sure to grab the maximum number of eyeballs.</p>
                        </figcaption>
                    </figure>
                </div>
            </div>
        </div>
    </section>

    <section class="our-recentwork text-center">
        <div class="container">
            <h2><strong>Our Recent Work</strong></h2>
            <p>Creative designs that compel you to choose {{config('variables.SITE_EMAIL')}} as your digital partner! We
                offer you with
                nothing
                less than unprecedented quality, innovative thinking and a team that loves to bring your ideas to
                life.</p>
            <div class="row">
                <div class="col-md-6">
                    <figure>
                        <a href="{{asset("assets/images/branding/1.jpg")}}" data-fancybox="images"><img class="lazy"
                                                                                                        src="{{asset("assets/images/branding/1.jpg")}}"
                                                                                                        alt=""></a>
                    </figure>
                </div>
                <div class="col-md-6">
                    <figure>
                        <a href="{{asset("assets/images/branding/2.jpg")}}" data-fancybox="images"><img class="lazy"
                                                                                                        src="{{asset("assets/images/branding/2.jpg")}}"
                                                                                                        alt=""></a>
                    </figure>
                </div>
                <div class="col-md-6">
                    <figure>
                        <a href="{{asset("assets/images/branding/3.jpg")}}" data-fancybox="images"><img class="lazy"
                                                                                                        src="{{asset("assets/images/branding/3.jpg")}}"
                                                                                                        alt=""></a>
                    </figure>
                </div>
                <div class="col-md-6">
                    <figure>
                        <a href="{{asset("assets/images/branding/4.jpg")}}" data-fancybox="images"><img class="lazy"
                                                                                                        src="{{asset("assets/images/branding/4.jpg")}}"
                                                                                                        alt=""></a>
                    </figure>
                </div>
                <div class="col-md-6">
                    <figure>
                        <a href="{{asset("assets/images/branding/5.jpg")}}" data-fancybox="images"><img class="lazy"
                                                                                                        src="{{asset("assets/images/branding/5.jpg")}}"
                                                                                                        alt=""></a>
                    </figure>
                </div>
                <div class="col-md-6">
                    <figure>
                        <a href="{{asset("assets/images/branding/6.jpg")}}" data-fancybox="images"><img class="lazy"
                                                                                                        src="{{asset("assets/images/branding/6.jpg")}}"
                                                                                                        alt=""></a>
                    </figure>
                </div>

            </div>
            <a href="{{url('portfolio')}}" class="arrow-btn"><i class="fa fa-plus"></i>View More Of Our Work <img
                    src="{{asset("assets/images/arrow-btn.png")}}" alt=""></a>
        </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="our-pricing-plans">
        <div class="container text-center">
            <h3>Pricing Plans that Work for You!</h3>
            <p>Offering a range of competitive packages designed for your business needs</p>
            <div>
                <div class="owl-pricing owl-carousel owl-theme">
                    @php
                        $packages = getPackagesByCategory(config('app.CATEGORY_BRANDING_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_BRANDING_ID') ? 'logo' : (($package['category_id'] == config('app.CATEGORY_BRANDING_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>

    @include('includes.cta')

    @include('includes.testimonial')

    @include('includes.bottom-logo')

@endsection