@extends('templates.landing-page')

@section('styles')
  <link rel="stylesheet" href="{{ asset('landing-page/css/home.css') }}">
@endsection

@section('conteudo')
  <header class="masthead" id="home">
    <div class="overlay">
      <div class="container">
        <div class="row">
          <div class="col-md-12 col-lg-7">
            <div class="container text-left">
              <h1 class="text-white title">Tenha seu próprio site em minutos!</h1>
              <h2 class="text-white subtitle">Somos especialistas em projetos tecnológicos com foco no Direito, seja para você advogado ou para seu escritório corporativo. Em poucos minutos você pode ter seu site: vamos fazer juntos agora!</h2>
              <a class="btn btn-lg btn-hover-ligth scroll" href="#passo-a-passo">Como criar</a>
              <a class="btn btn-ligth btn-lg scroll" href="#marketing">Marketing</a>
            </div>
          </div>
          <div class="col-md-12 col-lg-5">
            <div class="form-banner seta-baixo">
              {!! Form::open(['route' => 'cadastro', 'id'=>'cadastro', 'name'=>'cadastro', 'class'=>'form-horizontal form-ligth', 'method'=> 'post']) !!}
                <h2 class="form-title text-left title">Cadastre-se</h2><!--h1-->
                <h2 class="form-subtitle text-left subtitle">Seu site pronto em alguns minutos</h2>
                  <div class="form-group">
                    <input type="text" class="form-control" name="nome" id="nome" placeholder="Seu nome" required>
                  </div>
                  <div class="form-group">
                    <input type="email" class="form-control" name="email" id="email" placeholder="Seu email" required>
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control phone" name="telefone" id="telefone" placeholder="Seu telefone (whatsapp)" required>
                  </div>
                  <div class="form-group">
                    <button type="submit" class="btn btn-default">Completar Cadastro</button>
                  </div>
              {!! Form::close() !!}
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>

  <section class="section-padding" id="temas">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="content">
            <h2 class="title-section text-center">Temas com a qualidade que seu escritório merece</h2><!--h1-->
            <h2 class="subtitle-section text-center">Surpreenda seus clientes com um site a altura do seu escritório, com a classe e força que melhor lhe adequar</h2>
            <div class="text-center">
              <a class="btn btn-lg" href="{{url('/cadastro')}}">Criar site agora</a>
              <!-- <button class="btn btn-ligth btn-ligth-dark btn-lg">Saiba mais</button>   -->
            </div>
          </div>
        </div>
      </div>
      <div class="slide-temas">
        <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
          <div class="carousel-inner">
            @foreach($temas as $i => $tema)
              <div class="carousel-item @if($i==0) active @endif">
                <img class="d-block w-100" src="{{asset($tema->arquivos.'/img/banner.jpg')}}" alt="{{$tema->nome}}">
              </div>
            @endforeach
          </div>
          <a class="carousel-control-prev" href="#carouselExampleSlidesOnly" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Anterior</span>
          </a>
          <a class="carousel-control-next" href="#carouselExampleSlidesOnly" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Próximo</span>
          </a>
        </div>
      </div>
    </div>
  </section>
  <section class="section-padding" id="passo-a-passo">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="content">
            <h2 class="title-section text-left">Em poucos passos, seu site pronto!</h2><!--h1-->
            <h2 class="subtitle-section text-left">São apenas 4 passos para que o site do seu escritório fique completo. Você preenche todos os dados do Cadastro, cadastra as informações do seu escritório, suas especializações e o seu site estará pronto. É muito simples!</h2>
            <div class="row block-steps">
              <div class="col-md-6 col-lg-3">
                <div class="item">
                  <div class="icon">
                    <img src="{{asset('landing-page/img/passo1.png')}}" alt="1º Passo">
                  </div>
                  <div class="content">
                    <h3>Faça seu cadastro</h3><!--h2-->
                  </div>
                </div>
              </div>
              <div class="col-md-6 col-lg-3">
                <div class="item">
                  <div class="icon">
                    <img src="{{asset('landing-page/img/passo2.png')}}" alt="2º Passo">
                  </div>
                  <div class="content">
                    <h3>Fale sobre seu escritório</h3><!--h2-->
                  </div>
                </div>
              </div>
              <div class="col-md-6 col-lg-3">
                <div class="item">
                  <div class="icon">
                    <img src="{{asset('landing-page/img/passo3.png')}}" alt="3º Passo">
                  </div>
                  <div class="content">
                    <h3>Escolha o tema do seu site</h3><!--h2-->
                  </div>
                </div>
              </div>
              <div class="col-md-6 col-lg-3">
                <div class="item">
                  <div class="icon">
                    <img src="{{asset('landing-page/img/passo4.png')}}" alt="4º Passo">
                  </div>
                  <div class="content">
                    <h3>Finalize o processo com sucesso</h3><!--h2-->
                  </div>
                </div>
              </div>
            </div>
            <div class="text-center">
              <a href="{{ url('/cadastro') }}" class="btn btn-lg btn-hover-ligth">Criar site agora</a>
              <!-- <button class="btn btn-ligth btn-lg">Saiba mais</button>   -->
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section-padding" id="marketing">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="content">
            <div class="row">
              <div class="col-md-12 col-lg-6">
                <img src="{{asset('landing-page/img/social.png')}}" alt="Mídias Sociais">
              </div>
              <div class="col-md-12 col-lg-6">
                <h2 class="title-section">Materiais para alimentar suas Redes Sociais</h2><!--h1-->
                <h2 class="subtitle-section">Tenha em mãos materiais formatados para o seu público, com a identidade do seu escritório e com conteúdo atualizado sobre sua área de atuação para postar no Facebook, Instagram e outros.</h2>
                <div class="text-left">
                  <a class="btn btn-lg" href="{{ url('/marketing') }}">Conheça os planos</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section-padding" id="planos">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="content">
            <div class="row">
              <div class="col-md-12 col-lg-6">
                <h2 class="title-section text-center">Acesso em qualquer dispositivo</h2><!--h1-->
                <h2 class="subtitle-section text-center">Quando você adquire seu site na Advogar, ele vai completo e formatado para que os sites de pesquisa (Google, Yahoo e Bing) o encontrem facilmente. Ainda disponibilizamos o nosso Advogar App para auxiliar em seu dia a dia.</h2>
                <div class="row">
                  <div class="col-md-7 col-sx-12 col-center">
                    <div class="block-price gratis">
                      <div class="title">
                        <h3>Investimento</h3>
                      </div>
                      <div class="price">
                        <h3><sup class="dollar">R$</sup>29,00</h3>
                      </div>
                      <div class="description text-center">
                        Site completo, hospedagem, domínio*, com acesso via desktop ou smartphone, personalizado com a identidade do seu escritório.
                      </div>
                      <div class="button text-center">
                        <a class="btn btn-lg btn-hover-ligth" href="{{ url('/cadastro') }}">Cadastrar agora</a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-12 col-lg-6">
                <img class="destaque" src="{{asset('landing-page/img/responsive.png')}}" alt="Sites responsivos">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section-padding" id="contato">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="content">
            <div class="row">
              <div class="col-md-5">
                <h2 class="title-section">Contato</h2><!--h1-->
                <h2 class="subtitle-section">Estamos sempre à disposição para qualquer dúvida ou para otimizar seus planos. Entre em contato.</h2>
                <p><b>Advogar Web</b></p>
                <p><a href="phone:+553832219333">38 3321-9333</a></p>
                <p><a href="mailto:contato@embratec.org">contato@embratec.org</a></p>
                @if ( count($errors) > 0)
                <div class="alert alert-warning alert-dismissible">
                  <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                  Erros encontrados:<br />
                  <ul>
                    @foreach ($errors->all() as $e)
                    <li>{{ $e }}</li>
                    @endforeach
                  </ul>
                </div>
                @endif
              </div>
              <div class="col-md-7">
                {!! Form::open(['route' => 'contatoSite', 'id'=>'contato', 'name'=>'contato', 'class'=>'form-horizontal form-ligth']) !!}
                  <div class="row form-group">
                     <div class="col-md-12">
                      <input type="text" class="form-control" placeholder="Seu nome*" name="nome" required="required">
                    </div>
                  </div>
                  <div class="row form-group">
                    <div class="col-md-6">
                      <input type="email" class="form-control" placeholder="Seu email*" name="email" required="required">
                    </div>
                    <div class="col-md-6">
                      <input type="text" class="form-control" placeholder="Seu telefone*" name="telefone" required="required">
                    </div>
                  </div>
                  <div class="row form-group">
                    <div class="col-md-12">
                      <textarea name="mensagem" placeholder="Mensagem*" required="required"></textarea>
                    </div>
                  </div>
                  <div class="form-group row">
                    <div class="col-md-12 text-right">
                        <button type="submit" class="btn btn-lg">Enviar</button>
                    </div>
                  </div>
                {!! Form::close() !!}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection