@extends('layouts.website')

{{-- @section('nav')
    @parent
@endsection --}}

@section('header')
    <x-ws-nav>

        @slot('link')
        true
        @endslot

        @slot('title')
        Reduza seus custos em 97% e aumente suas chances como nossos jogos
        @endslot

        @slot('subtitle')
        Seguindo nossos esquemas para loterias você terá uma redução de 97% no valor dos jogos e garantia da quantidade de dezenas que você vai acertar.
        @endslot

        @slot('b1')
        Saiba Mais
        @endslot

        @slot('b1link')
        /#about
        @endslot

        @slot('image')
        logo-lotofacil-tra.png
        @endslot

    </x-ws-nav>
@endsection

@section('content')

{{-- <!-- About Start --> --}}
<div class="container-xxl py-5" id="about">
    <div class="container py-5 px-lg-5">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
                <h5 class="text-primary-gradient fw-medium">Sobre nós</h5>
                <h1 class="mb-4">Como os nossos calculos funcionam:</h1>
                <p class="mb-4">Nossos jogos são eficientes por que tem a curadoria de um especialista em calculo de probabilidades unido a um software especializado em trazer o resultado final o mais refinado e cuidadoso possível. Por isso nós garantimos o resultado.</p>
                <div class="row g-4 mb-4">
                    <div class="col-sm-6 wow fadeIn" data-wow-delay="0.5s">
                        <div class="d-flex">
                            <i class="fa fa-cogs fa-2x text-primary-gradient flex-shrink-0 mt-1"></i>
                            <div class="ms-3">
                                <h2 class="mb-0" data-toggle="counter-up" style="float: left;">97</h2>
                                <h2 class="mb-0" style="float:inline-end">%</h2>

                                <p class="text-primary-gradient mb-0">De economia</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 wow fadeIn" data-wow-delay="0.7s">
                        <div class="d-flex">
                            <i class="fa fa-comments fa-2x text-secondary-gradient flex-shrink-0 mt-1"></i>
                            <div class="ms-3">
                                <h2 class="mb-0" data-toggle="counter-up">233</h2>
                                <p class="text-secondary-gradient mb-0">Clientes satisfeitos</p>
                            </div>
                        </div>
                    </div>
                </div>
                <a href="{{ url('#pricing') }}" class="btn btn-primary-gradient py-sm-3 px-4 px-sm-5 rounded-pill mt-3">Quero comprar um kit!</a>
            </div>
            <div class="col-lg-6">
                <center>
                <img class="img-fluid w-75 wow fadeInUp" data-wow-delay="0.5s" src="img/image-calc.png">
                </center>
            </div>
        </div>
    </div>
</div>
<!-- About End -->


<!-- Features Start -->
<div class="container-xxl py-5" id="feature">
    <div class="container py-5 px-lg-5">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h5 class="text-primary-gradient fw-medium">Destaques</h5>
            <h1 class="mb-5">Nossos principais produtos</h1>
        </div>
        <div class="row g-4">
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="feature-item bg-light rounded p-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
                        <!-- <i class="fa fa-eye text-white fs-4"></i> -->
                        <img src="img/favicon.png" alt="">
                    </div>
                    <a href="">
                    <h5 class="mb-3">Guia Pega-Sena</h5>
                </a>
                    <p class="m-0">No Guia Pega-Sena, com 97% de redução no valor da aposta, você tem 100% de certeza de acertar o mínimo de uma quadra em todos os concursos e mais 132.240 chances de acertar uma Quina e 22.040 chances de acertar uma Sena.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="feature-item bg-light rounded p-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
                        <!-- <i class="fa fa-layer-group text-white fs-4"></i> -->
                        <img src="img/favicon.png" alt="">
                    </div>
                    <h5 class="mb-3">Kit Lotofácil</h5>
                    <p class="m-0">Acerte no mínimo 13 pontos, com apenas 11 volantes naqueles sorteios em que as dezenas sorteadas estiverem entre as 19 do esquema.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="feature-item bg-light rounded p-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
                        <!-- <i class="fa fa-edit text-white fs-4"></i> -->
                        <img src="img/favicon.png" alt="">
                    </div>
                    <h5 class="mb-3">Kit Lotomania</h5>
                    <p class="m-0">Somente para começar, veja como garantir o mínimo de 17 acertos com apenas 06 volantes</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.1s">
                <div class="feature-item bg-light rounded p-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
                        <!-- <i class="fa fa-shield-alt text-white fs-4"></i> -->
                        <img src="img/favicon.png" alt="">
                    </div>
                    <h5 class="mb-3">Kit Dupla Sena</h5>
                    <p class="m-0">100% dos acertos garantidos até o limite de uma quina, isso quando os números sorteados estiverem entre os 10 do esquema.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.3s">
                <div class="feature-item bg-light rounded p-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
                        <!-- <i class="fa fa-cloud text-white fs-4"></i> -->
                        <img src="img/favicon.png" alt="">
                    </div>
                    <h5 class="mb-3">Kit Quina</h5>
                    <p class="m-0">Prêmio da quadra garantido se 4 ou mais dezenas sorteadas estiverem entre as 12 dezenas do sistema.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="0.5s">
                <div class="feature-item bg-light rounded p-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle mb-4" style="width: 60px; height: 60px;">
                        <!-- <i class="fa fa-mobile-alt text-white fs-4"></i> -->
                        <img src="img/favicon.png" alt="">
                    </div>
                    <h5 class="mb-3">Kit Mega-Sena</h5>
                    <p class="m-0">97% de dinheiro poupado com apostas e 35 vezes mais benefício. Confira!</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Features End -->


<!-- Screenshot Start -->
<div class="container-xxl py-5">
    <div class="container py-5 px-lg-5">
        <div class="row g-5 align-items-center">
            <div class="col-lg-8 wow fadeInUp" data-wow-delay="0.1s">
                <h5 class="text-primary-gradient fw-medium">Livro Pega-Sena</h5>
                <h1 class="mb-4">O Vencedor</h1>
                <p class="mb-4">Descubra nesse tratado a ligação que existe entre você e as pessoas bem sucedidas.</p>
                <p><i class="fa fa-check text-primary-gradient me-3"></i>O caminho da fortuna</p>
                <p><i class="fa fa-check text-primary-gradient me-3"></i>Técnicas de hipnose</p>
                <p><i class="fa fa-check text-primary-gradient me-3"></i>Esquema noológico</p>
                <p class="mb-4"><i class="fa fa-check text-primary-gradient me-3"></i>Esquemas para quem quer ganhar nas loterias</p>
                <a href="{{ url('/livro/pega-sena') }}" class="btn btn-primary-gradient py-sm-3 px-4 px-sm-5 rounded-pill mt-3">Comprar livro</a>
            </div>
            <div class="col-lg-4 d-flex justify-content-center justify-content-lg-end wow fadeInUp" data-wow-delay="0.3s">
                <div class="owl-carousel screenshot-carousel">
                    <img class="img-fluid" src="{{ url('img/livro-o-vencedor.png') }}" alt="">
                    {{-- <img class="img-fluid" src="img/screenshot-2.png" alt="">
                    <img class="img-fluid" src="img/screenshot-3.png" alt="">
                    <img class="img-fluid" src="img/screenshot-4.png" alt="">
                    <img class="img-fluid" src="img/screenshot-5.png" alt=""> --}}
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Screenshot End -->


<!-- Process Start -->
<div class="container-xxl py-5">
    <div class="container py-5 px-lg-5">
        <div class="text-center pb-4 wow fadeInUp" data-wow-delay="0.1s">
            <h5 class="text-primary-gradient fw-medium">Como entregamos</h5>
            <h1 class="mb-5">Etapas de entrega dos produtos</h1>
        </div>
        <div class="row gy-5 gx-4 justify-content-center">
            <div class="col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp" data-wow-delay="0.1s">
                <div class="position-relative bg-light rounded pt-5 pb-4 px-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow" style="width: 100px; height: 100px;">
                        <i class="fa fa-cog fa-3x text-white"></i>
                    </div>
                    <h5 class="mt-4 mb-3">Compre pelo site</h5>
                    <p class="mb-0">Nós oferecemos um método de pagamento via Mercado Pago com ele suas informações finaceiras ficam seguras.</p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp" data-wow-delay="0.3s">
                <div class="position-relative bg-light rounded pt-5 pb-4 px-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-secondary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow" style="width: 100px; height: 100px;">
                        <i class="fa fa-address-card fa-3x text-white"></i>
                    </div>
                    <h5 class="mt-4 mb-3">Receba por e-mail</h5>
                    <p class="mb-0">Assim que o pagamento for comfirmado nós lhe enviaremos o seu produto por e-mail, caso aja alguma demora ou dúvida fique a vontado para entrar em contato. Via e-mail ou telefone fornecidos nesta página.</p>
                </div>
            </div>
            <div class="col-lg-4 col-sm-6 text-center pt-4 wow fadeInUp" data-wow-delay="0.5s">
                <div class="position-relative bg-light rounded pt-5 pb-4 px-4">
                    <div class="d-inline-flex align-items-center justify-content-center bg-primary-gradient rounded-circle position-absolute top-0 start-50 translate-middle shadow" style="width: 100px; height: 100px;">
                        <i class="fa fa-check fa-3x text-white"></i>
                    </div>
                    <h5 class="mt-4 mb-3">Começe a testar</h5>
                    <p class="mb-0">Pegue nossos esquemas prontos para jogar, compre jogue e economize muito dinheiro.</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Process Start -->


<!-- Download Start -->
<div class="container-xxl py-5">
    <div class="container py-5 px-lg-5">
        <div class="row g-5 align-items-center">
            <div class="col-lg-6">
                <center>
                <img class="img-fluid wow fadeInUp" data-wow-delay="0.1s" src="img/esquemas-loterias-197x300.png">
            </center>
            </div>
            <div class="col-lg-6 wow fadeInUp" data-wow-delay="0.3s">
                <h5 class="text-primary-gradient fw-medium">Nós personalizamos o seu jogo</h5>
                <h1 class="mb-4">Nós também oferecemos jogos personalizados para a lotofácil</h1>
                <p class="mb-4">Tudo o que você precisa fazer é entrar em contato conosco via e-mail ou whatsapp.</p>
                <div class="row g-4">
                    <div class="col-sm-6 wow fadeIn" data-wow-delay="0.5s">
                        <a href="{{ url('/atendimento/whatsapp') }}" class="d-flex bg-primary-gradient rounded py-3 px-4">
                            <i class="fab fa-whatsapp fa-3x text-white flex-shrink-0"></i>
                            <div class="ms-3">
                                <p class="text-white mb-0">Atendimento via</p>
                                <h5 class="text-white mb-0">WhatsApp</h5>
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-6 wow fadeIn" data-wow-delay="0.7s">
                        <a href="{{ url('/atendimento/email') }}" class="d-flex bg-secondary-gradient rounded py-3 px-4">
                            <i class="fab fa-mailchimp fa-3x text-white flex-shrink-0"></i>

                            <div class="ms-3">
                                <p class="text-white mb-0">Atendimento via</p>
                                <h5 class="text-white mb-0">E-mail</h5>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Download End -->


<!-- Pricing Start -->
<div class="container-xxl py-5" id="pricing">
    <div class="container py-5 px-lg-5">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h5 class="text-primary-gradient fw-medium">Nossos preços</h5>
            <h1 class="mb-5">Escolha seu kit</h1>
        </div>
        <div class="tab-class text-center pricing wow fadeInUp" data-wow-delay="0.1s">
            {{-- <ul class="nav nav-pills d-inline-flex justify-content-center bg-primary-gradient rounded-pill mb-5">
                <li class="nav-item">
                    <button class="nav-link active" data-bs-toggle="pill" href="#tab-1">Monthly</button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="pill" href="#tab-2">Yearly</button>
                </li>
            </ul> --}}
            <div class="tab-content text-start">
                <div id="tab-1" class="tab-pane fade show p-0 active">
                    <div class="row g-4">
                        <div class="col-lg-4">
                            <div class="bg-light rounded">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Kit Lotofácil</h4>
                                    <span>Esquemas Pega-Sena Lotofácil</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">R$</small>350.00<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;"></small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>Contém 06 esquemas</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Suporte para seus primeiros jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    {{-- <a href="https://mpago.la/1WoJb1i" target="_blank" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora!</a> --}}


                                    <a href="{{ url('/esquemas/lotofacil') }}" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora!</a>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="bg-light rounded border">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Kit Lotomanian</h4>
                                    <span>Esquemas Pega-Sena Lotomania</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">R$</small>350.00<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;"></small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>Contém 04 esquemas matemáticos composto por 100 dezenas</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
                                    <div class="d-flex justify-content-between mb-3"><span>Contém 01 esquemas estatístico</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Também enviamos junto com o Kit os números dos concursos e os números dos jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Suporte para seus primeiros jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <a href="{{ url('/esquemas/lotomania') }}" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora!</a>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="bg-light rounded">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Kit Dupla Sena</h4>
                                    <span>Esquemas Pega-Sena Dupla Sena</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">R$</small>350.00<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;"></small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>Contém 06 esquemas</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Suporte para seus primeiros jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <a href="{{ url('/esquemas/duplasena') }}" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora!</a>

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

                <br>

                <div id="tab-1" class="tab-pane show p-0 active">
                    <div class="row g-4">
                        <div class="col-lg-4">
                            <div class="bg-light rounded">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Kit Quina</h4>
                                    <span>Esquemas Pega-Sena Quina</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">R$</small>350.00<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;"></small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>Contém 05 esquemas</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Suporte para seus primeiros jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <a href="{{ url('/esquemas/quina') }}" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora!</a>

                                </div>
                            </div>
                        </div>
                        <div class="col-lg-4">
                            <div class="bg-light rounded border">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Kit Mega-Sena</h4>
                                    <span>Esquemas Pega-Sena Mega-Sena</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">R$</small>350.00<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;"></small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>Os jogos já estão montados e prontos para você jogar em qualquer concurso presente ou futuro, permanentemente.</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Suporte para seus primeiros jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <a href="{{ url('/esquemas/megasena') }}" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora!</a>

                                </div>
                            </div>
                        </div>
                        {{-- <div class="col-lg-4">
                            <div class="bg-light rounded">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Todos os nossos produtos</h4>
                                    <span>Powerful & Awesome Features</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">$</small>134.99<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;">/ Yearly</small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>HTML5 & CSS3</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
                                    <div class="d-flex justify-content-between mb-3"><span>Bootstrap v5</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
                                    <div class="d-flex justify-content-between mb-3"><span>Responsive Layout</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
                                    <div class="d-flex justify-content-between mb-2"><span>Cross-browser Support</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
                                    <a href="" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Get Started</a>
                                </div>
                            </div>
                        </div> --}}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Pricing End -->


<!-- Pricing Start -->
<div class="container-xxl py-5" id="pricing">
    <div class="container py-5 px-lg-5">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            {{-- <h5 class="text-primary-gradient fw-medium">Nossos preços</h5> --}}
            <h1 class="mb-5">Ou compre o guia completo do apostador</h1>
        </div>
        <div class="tab-class text-center pricing wow fadeInUp" data-wow-delay="0.1s">
            {{-- <ul class="nav nav-pills d-inline-flex justify-content-center bg-primary-gradient rounded-pill mb-5">
                <li class="nav-item">
                    <button class="nav-link active" data-bs-toggle="pill" href="#tab-1">Monthly</button>
                </li>
                <li class="nav-item">
                    <button class="nav-link" data-bs-toggle="pill" href="#tab-2">Yearly</button>
                </li>
            </ul> --}}
            <div class="tab-content text-start">
                <div id="tab-1" class="tab-pane fade show p-0 active">
                    <div class="row g-4">
                        <div class="col-lg-4">
                            <div class="bg-light rounded">
                                <div class="border-bottom p-4 mb-4">
                                    <h4 class="text-primary-gradient mb-1">Todos os nossos esquemas</h4>
                                    <span>Mais de 132.240 chances de acertar uma Quina e 22.040 chances de acertar uma Sena</span>
                                </div>
                                <div class="p-4 pt-0">
                                    <h1 class="mb-3">
                                        <small class="align-top" style="font-size: 16px; line-height: 45px;">De R$ 1.750,00 por apenas</small>

                                        <small class="align-top" style="font-size: 22px; line-height: 45px;">R$</small>1.312,50<small
                                            class="align-bottom" style="font-size: 16px; line-height: 40px;"></small>
                                    </h1>
                                    <div class="d-flex justify-content-between mb-3"><span>Todos os nossos kits</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>
                                    <div class="d-flex justify-content-between mb-3"><span>Receba também o livro</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <div class="d-flex justify-content-between mb-2"><span>Suporte para seus primeiros jogos</span><i class="fa fa-check text-primary-gradient pt-1"></i></div>

                                    <a href="{{ url('/esquemas/kitdoapostador') }}" class="btn btn-primary-gradient rounded-pill py-2 px-4 mt-4">Comprar Agora</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Pricing End -->


<!-- Testimonial Start -->
{{-- <div class="container-xxl py-5" id="review">
    <div class="container py-5 px-lg-5"> --}}
        {{-- <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h5 class="text-primary-gradient fw-medium">FAQs</h5>
            <h1 class="mb-5">Perguntas frequentes</h1>
        </div>

        <div class="owl-carousel testimonial-carousel wow fadeInUp" data-wow-delay="0.1s">

            <div class="testimonial-item rounded p-4">
                <div class="d-flex align-items-center mb-4">
                    <h5 class="mb-1">Como funcionan os esquemas 01?</h5>
                </div>
                <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
            </div>

            <div class="testimonial-item rounded p-4">
                <div class="d-flex align-items-center mb-4">
                    <h5 class="mb-1">Como funcionan os esquemas 02?</h5>
                </div>
                <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
            </div>

            <div class="testimonial-item rounded p-4">
                <div class="d-flex align-items-center mb-4">
                    <h5 class="mb-1">Como funcionan os esquemas 03?</h5>
                </div>
                <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
            </div> --}}

            {{-- <div class="testimonial-item rounded p-4">
                <div class="d-flex align-items-center mb-4">
                    <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="img/testimonial-2.jpg" style="width: 85px; height: 85px;">
                    <div class="ms-4">
                        <h5 class="mb-1">Client Name</h5>
                        <p class="mb-1">Profession</p>
                        <div>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                        </div>
                    </div>
                </div>
                <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
            </div>
            <div class="testimonial-item rounded p-4">
                <div class="d-flex align-items-center mb-4">
                    <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="img/testimonial-3.jpg" style="width: 85px; height: 85px;">
                    <div class="ms-4">
                        <h5 class="mb-1">Client Name</h5>
                        <p class="mb-1">Profession</p>
                        <div>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                        </div>
                    </div>
                </div>
                <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
            </div>
            <div class="testimonial-item rounded p-4">
                <div class="d-flex align-items-center mb-4">
                    <img class="img-fluid bg-white rounded flex-shrink-0 p-1" src="img/testimonial-4.jpg" style="width: 85px; height: 85px;">
                    <div class="ms-4">
                        <h5 class="mb-1">Client Name</h5>
                        <p class="mb-1">Profession</p>
                        <div>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                            <small class="fa fa-star text-warning"></small>
                        </div>
                    </div>
                </div>
                <p class="mb-0">Tempor erat elitr rebum at clita. Diam dolor diam ipsum sit diam amet diam et eos. Clita erat ipsum et lorem et sit.</p>
            </div> --}}

        {{-- </div>
    </div>
</div> --}}
<!-- Testimonial End -->


<!-- Contact Start -->
<div class="container-xxl py-5" id="contact">
    <div class="container py-5 px-lg-5">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h5 class="text-primary-gradient fw-medium">Para mostrar que nossos esquemas matemáticos são funcionais te oferecemos, gratuitamente, o conjunto de jogos Grupo A do Livro Pega-Sena.</h5>
            <h1 class="mb-5">Receba uma amostra grátis e comprove!!!</h1>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="wow fadeInUp" data-wow-delay="0.3s">
                    <p class="text-center mb-4" style="font-size: 18px;">O Grupo garante acerto mínimo de duas dezenas  em todos os sorteios. Você receberá também o programa que te permite testar seus jogos e ele vai te mostrar que em todos os sorteios haverá o mínimo de duas dezenas correspondentes com o gabarito.

                    Lembrando: essa é uma demonstração. Temos esquemas que te permitem acertar no mínimo quatro dezenas em qualquer sorteio.</p>


                    @if ($errors->any())

                    @foreach ($errors->all() as $error)
                        <div class="alert alert-warning alert-dismissible fade show" role="alert">
                            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>    {{$error}}
                        </div>
                    @endforeach

                    @endif

                    {{-- https://getform.io/f/c5834167-cb9d-4211-8e36-6d6c9760ca23 --}}

                    <form action="{{ url('/lead/add') }}" method="POST">
                        @csrf

                        <div class="row g-3">
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="name" placeholder="Seu Nome" name="name" value="{{ old('name') }}">
                                    <label for="name">Seu Nome</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="phone" placeholder="Nos diga qual é o seu telefone" name="phone" value="{{old('phone')}}">
                                    <label for="phone">WhatsApp <span>(opcional)</span></label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-floating">
                                    <input type="email" class="form-control" id="email" placeholder="E-mail" name="email" value="{{ old('email') }}">
                                    <label for="subject">E-mail</label>
                                </div>
                            </div>
                            {{-- <div class="col-12">
                                <div class="form-floating">
                                    <textarea class="form-control" placeholder="Mande sua menssagem..." id="message" style="height: 150px" name="message">{{old('mesage')}}</textarea>
                                    <label for="message">Menssagem (opcional)</label>
                                </div>
                            </div> --}}
                            <div class="col-12 text-center">
                                <button class="btn btn-primary-gradient rounded-pill py-3 px-5" type="submit">Receber Amostra</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Contact End -->

@endsection


@section('footer')
    @parent
@endsection