@extends('layouts.app')

@section('content')

<!-- SLIDER -->
<div class="swiper-container hero-slider">
    <div class="swiper-wrapper">
        <div class="swiper-slide hero-content-wrap">
            <img src="/images/banner_02.jpg" alt="">
            <div class="hero-content-overlay position-absolute w-100 h-100">
                <div class="container h-100">
                    <div class="row h-100">
                        <div class="col-12 col-lg-8 d-flex flex-column justify-content-center align-items-start">
                            <header class="entry-header">
                                <h4>Contabilidade Online</h4>
                            </header>
                            <div class="entry-content mt-4">
                                <p>Reduza seus custos com a contabilidade tradicional, em um sistema online simples. <b>Mensalidades a partir de R$ 49,00</b></p>
                            </div>
                            <footer class="entry-footer d-flex flex-wrap align-items-center mt-5">
                                <a href="https://gcontrol.osayk.com.br/#/cadastro" class="btn orange-border" style="margin-right: 20px;">Cadastre-se Agora</a>
                                <a href="https://gcontrol.osayk.com.br/#/login" class="btn orange-border">Acessar</a>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- <div class="swiper-slide hero-content-wrap">
            <img src="/images/banner_01.jpg" alt="">
            <div class="hero-content-overlay position-absolute w-100 h-100">
                <div class="container h-100">
                    <div class="row h-100">
                        <div class="col-12 col-lg-8 d-flex flex-column justify-content-center align-items-start">
                            <header class="entry-header">
                                <h4>Assessoria e Consultoria</h4>
                            </header>
                            <div class="entry-content mt-4">
                                <p>Para Pequenas e Médias Empresas. Uma consultoria de qualidade, é fundamental para qualquer empresa alcançar o sucesso.</p>
                            </div>
                            <footer class="entry-footer d-flex flex-wrap align-items-center mt-5">
                                <a href="/contato" class="btn orange-border">Entre em Contato</a>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="swiper-slide hero-content-wrap">
            <img src="/images/banner_03.jpg" alt="">
            <div class="hero-content-overlay position-absolute w-100 h-100">
                <div class="container h-100">
                    <div class="row h-100">
                        <div class="col-12 col-lg-8 d-flex flex-column justify-content-center align-items-start">
                            <header class="entry-header">
                                <h4>Administração de Condomínios</h4>
                            </header>
                            <div class="entry-content mt-4">
                                <p>Administração de condomínios residenciais, comerciais ou industriais. Além dos serviços específicos para condomínio, também são prestados serviços relativos a área fiscal, contábil e pessoal.</p>
                            </div>
                            <footer class="entry-footer d-flex flex-wrap align-items-center mt-5">
                                <a href="/contato" class="btn orange-border">Entre em Contato</a>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
    </div>

    <div class="pagination-wrap position-absolute w-100">
        <div class="container">
            <div class="swiper-pagination"></div>
        </div>
    </div>
    <!-- <div class="swiper-button-next flex justify-content-center align-items-center">
        <span><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"/></svg></span>
    </div>
    <div class="swiper-button-prev flex justify-content-center align-items-center">
        <span><svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"/></svg></span>
    </div> -->
</div>

<!-- INFORMAÇÕES -->
<div class="home-page-icon-boxes">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6 col-lg-4 mt-4 mt-lg-0">
                <div class="icon-box active">
                    <figure class="d-flex justify-content-center">
                        <img src="/images/equipe.png" style="height: 100px;width: 100px;" alt="">
                    </figure>

                    <header class="entry-header" style="margin-top: -24px;">
                        <h3 class="entry-title">Totalmente <br/> Online</h3>
                    </header>

                    <div class="entry-content">
                        <p>Emita notas fiscais, fature e acompanhe sua contabilidade pela internet</p>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4 mt-4 mt-lg-0">
                <div class="icon-box active">
                    <figure class="d-flex justify-content-center">
                        <img src="/images/assessoria.png" style="height: 100px;width: 100px;" alt="">
                    </figure>

                    <header class="entry-header" style="margin-top: -24px;">
                        <h3 class="entry-title">Sistema <br/> Completo</h3>
                    </header>

                    <div class="entry-content">
                        <p>Cuidamos de todas as suas obrigações contábeis, economize tempo e dinheiro</p>
                    </div>
                </div>
            </div>

            <div class="col-12 col-md-6 col-lg-4 mt-4 mt-lg-0">
                <div class="icon-box active">
                    <figure class="d-flex justify-content-center">
                        <img src="/images/equipe.png" style="height: 100px;width: 100px;" alt="">
                    </figure>

                    <header class="entry-header" style="margin-top: -24px;">
                        <h3 class="entry-title">Contadores experientes</h3>
                    </header>

                    <div class="entry-content">
                        <p>Acompanhamos sua contabilidade de perto, garantindo obrigações contábeis sempre corretas.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- VANTAGENS -->
<div class="our-causes" id="contabilidade-online">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="section-heading">
                    <h2 class="entry-title">Vantagens da Contabilidade Online</h2>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-12">
                <div class="cause-wrap">
                    <div class="cause-content-wrap">
                        <div class="entry-content">
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Acompanhe tudo pela internet de forma simples, rápida e interativa de casa ou do celular.</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Controle de despesas e receitas em tempo real</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Controle de fluxo de caixa</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Emissão de Relatórios financeiros, com datas de pagamentos e recebimentos</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Ferramenta intuitiva</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Emissão de NFs-e (somente notas de serviço)</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Conversão de relatórios em planilhas excel, pdf etc..</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Emissão de boletos bancários e muito mais....</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Transformação de MEI para ME</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Migração para nossa plataforma</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Mensalidades a partir de 49,90</p> <br/>
                            <p class="m-0"><i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> Especialistas em profissionais de serviços, como: Advogados, Arquitetos, Consultores, Corretores, Designers, Jornalistas, profissionais da saúde (Médico, Dentistas etc.), Programadores, Publicitários, Agências de publicidade, entre outras (verifique com nossa equipe)!</p>
                            <p class="m-0"></p>
                            <p class="m-0"></p>
                            <p class="m-0"></p>
                            <p class="m-0"></p>
                            <p class="m-0"></p>
                            <p class="m-0"></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    jQuery(document).ready(function() {
        jQuery('#menu-item-home').addClass('current-menu-item');
    });
</script>

@endsection