@extends('layouts.site')

@section('content')

<section class="page-header">
</section>

<section class="section-header">
    <div class="container container-header">
        <h2>Serviços</h2>
        @component('components.site.breadbrumb', ["itens" => ["Serviços" => ""]])
        @endcomponent
    </div>
</section>

<section class="service-one">
    <div class="container">
        <div class="block-title text-center">
            <div class="block-title__line line-two"></div>
            <h3>Full Service Digital Marketing <span>agency</span></h3>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do <br> eiusmod tempor incididunt ut
                labore et dolore.</p>
        </div>

        <div class="row">
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="000ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-1">
                        <i class="seolight-icon-pie-chart"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">Online Analysis</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="100ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-2">
                        <i class="seolight-icon-layers"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">Web Design</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a><!-- /.service-one__link -->

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="200ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-3">
                        <i class="seolight-icon-browser"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">Web Development</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="300ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-4">
                        <i class="seolight-icon-target"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">SEO Marketing</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="400ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-1">
                        <i class="seolight-icon-one-finger-click"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">SMM Marketing</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="500ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-2">
                        <i class="seolight-icon-options"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">SEM Optimizations</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="600ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-3">
                        <i class="seolight-icon-settings"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">Content Analysis</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>
            <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow fadeInUp" data-wow-duration="1500ms"
                data-wow-delay="700ms">
                <div class="service-one__single">
                    <div class="service-one__icon color-4">
                        <i class="seolight-icon-goal"></i>
                    </div>
                    <h3><a href="{{route('servico')}}">Digital Marketing</a></h3>
                    <p>Lorem ipsum dolor sit amet, contop ctetur adipisicing elit, sed do eius</p>
                    <a href="{{route('servico')}}" class="service-one__link">View more <i
                            class="fal fa-long-arrow-right"></i></a>

                </div>
            </div>

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

<section class="pricing-one">
    <div class="container">
        <div class="block-title text-center">
            <div class="block-title__line line-two"></div>
            <h3>We will offer the best <span>pricing</span></h3>
            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do <br> eiusmod tempor incididunt ut
                labore et dolore.</p>
        </div>

        <div class="row">
            <div class="col-lg-4">
                <div class="pricing-one__single">
                    <div class="pricing-one__inner">
                        <h3>Personal</h3>
                        <p><b>$</b><span>00</span>/ Per Month</p>
                        <div class="pricing-one__line"></div>
                        <ul class="list-unstyled pricing-one__list">
                            <li class="disabled">Citation building</li>
                            <li>Listings review</li>
                            <li>Report of Customer reviews</li>
                            <li>NAP check</li>
                        </ul>
                        <a href="#" class="thm-btn pricing-one__btn">Order Now</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="pricing-one__single">
                    <span class="pricing-one__label">Recommended</span>
                    <div class="pricing-one__inner">
                        <h3>Popular</h3>
                        <p><b>$</b><span>49</span>/ Per Month</p>
                        <div class="pricing-one__line"></div>
                        <ul class="list-unstyled pricing-one__list">
                            <li>Citation building</li>
                            <li>Listings review</li>
                            <li>Report of Customer reviews</li>
                            <li class="disabled">NAP check</li>
                        </ul>
                        <a href="#" class="thm-btn pricing-one__btn">Order Now</a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="pricing-one__single">
                    <div class="pricing-one__inner">
                        <h3>Big Team</h3>
                        <p><b>$</b><span>99</span>/ Per Month</p>
                        <div class="pricing-one__line"></div>
                        <ul class="list-unstyled pricing-one__list">
                            <li>Citation building</li>
                            <li>Listings review</li>
                            <li>Report of Customer reviews</li>
                            <li>NAP check</li>
                        </ul>
                        <a href="#" class="thm-btn pricing-one__btn">Order Now</a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

@component('components.site.fale-conosco')
@endcomponent

@endsection