@extends('templates.landing-page')

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

@section('conteudo')
<!-- <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 - Marketing Digital">
						</div>
						<div class="col-md-12 col-lg-6">
							<h1 class="title-section">Materiais para alimentar suas Redes Sociais</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.</h2>
							<div>
								<a class="btn btn-lg scroll" href="#planos">Conheça os planos</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section> -->

<section class="section-padding" id="facilidades">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="content">
					<h3 class="title-section text-center">Facilidades para agilizar seu relacionamento nas Redes Sociais</h3><!--h1-->
					<div class="row text-center">
						<img src="{{asset('landing-page/img/redes.png')}}" class="img-center img-fluid" alt="Mídias Sociais - Marketing Digital">
					</div>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="section-padding" id="compartilhe">
	<div class="container">
		<div class="row">
			<div class="col-sm-12">
				<div class="content">
					<h3 class="title-section text-center">Alimente suas redes sociais rapidamente</h3><!--h1-->
					<h2 class="subtitle-section text-center">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.</h2>
					<div class="row text-center">
						<ul class="social-icons">
							<li>
								<div class="facebook">
									<i class="fa fa-facebook"></i>
								</div>
							</li>
							<li>
								<div class="twitter">
									<i class="fa fa-twitter"></i>
								</div>
							</li>
							<li>
								<div class="youtube">
									<i class="fa fa-youtube"></i>
								</div>
							</li>
							<li>
								<div class="instagram">
									<i class="fa fa-instagram"></i>
								</div>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<div class="row icones-marketing">
				<div class="col-md-3 text-center">
					<div class="img-rounded">
						<img src="{{asset('landing-page/img/agilidade.png')}}" alt="Agilidade">
					</div>
					<h3>Agilidade</h3>
					<h4>Atraia mais clientes e informe com maior rapidez com nossos posts, apenas para postar.</h4>
				</div>
				<div class="col-md-3 text-center">
					<div class="img-rounded">
						<img src="{{asset('landing-page/img/foco.png')}}" alt="Foco no alvo">
					</div>
					<h3>Foco no alvo</h3>
					<h4>Distribua conteúdo nas suas redes sociais com textos sobre a sua área de atuação, sobre novidades e sobre diversos assuntos relacionados com seu foco.</h4>
				</div>
				<div class="col-md-3 text-center">
					<div class="img-rounded">
						<img src="{{asset('landing-page/img/atualizado.png')}}" alt="Atualizado">
					</div>
					<h3>Atualizado</h3>
					<h4>Cada mês você receberá material atualizado. com alterações e novas emendas que interessem seus clientes e os atraia para seu site.</h4>
				</div>
				<div class="col-md-3 text-center">
					<div class="img-rounded">
						<img src="{{asset('landing-page/img/email.png')}}" alt="Email">
					</div>
					<h3>Modelo de email</h3>
					<h4>Você recebe também um modelo de Email Marketing para enviar a todos os seus clientes de forma mais próxima e padronizada.</h4>
				</div>
			</div>
		</div>
	</div>
</section>

<section class="section-padding" id="planos">
	<div class="container">
		<div class="col-md-12">
			<h1 class="title-section text-center">Planos e preços - Marketing digital</h1>
			<div class="planos">
				<div class="row">
					<div class="col-md-4">
						<div class="item popular checked">
							<h2 class="titulo">
								PROFISSIONAL
							</h2><!--h1-->
							<div class="valor">
								<sup class="dollar">R$</sup> 99,<small>00</small>
							</div>
							<div class="descricao">
								Recomendado para você que deseja ter um produto customizado para sua empresa com um investimento acessível
							</div>
							<div class="topicos">
								<ul>
									<li><i class="fa fa-check-circle-o"></i>Site completo, com acesso via desktop ou smartphone, personalizado com a identidade do seu escritório.</li>
									<li><i class="fa fa-check-circle-o"></i>Domńio Grátis*</li>
									<li><i class="fa fa-check-circle-o"></i>Criação de perfil nas redes sociais (Facebook e Instagram)</li>
									<li><i class="fa fa-check-circle-o"></i>08 Artes Digitais Mensais</li>
									<li><i class="fa fa-check-circle-o"></i>01 Modelo de Email Marketing</li>
									<li><i class="fa fa-check-circle-o"></i>Informador Jurídico com leitura de 160 diários oficiais</li>
								</ul>
							</div>
							<div class="button text-center">
								<a class="btn btn-lg btn-hover-dark" href="{{ url('/cadastro') }}">Assinar</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="item">
							<h2 class="titulo">
								Executivo
							</h2><!--h1-->
							<div class="valor">
								<sup class="dollar">R$</sup> 299,<small>00</small>
							</div>
							<div class="descricao">
								Tenha maiores resultados, mais peças digitais para suas redes sociais e um engajamento maior dos seus clientes
							</div>
							<div class="topicos">
								<ul>
									<li><i class="fa fa-check-circle-o"></i>Site completo, com acesso via desktop ou smartphone, personalizado com a identidade do seu escritório.</li>
									<li><i class="fa fa-check-circle-o"></i>Domńio Grátis*</li>
									<li><i class="fa fa-check-circle-o"></i>Criação de perfil nas redes sociais (Facebook e Instagram)</li>
									<li><i class="fa fa-check-circle-o"></i>16 Artes Digiais Mensais</li>
									<li><i class="fa fa-check-circle-o"></i>01 Modelo de Email Marketing</li>
									<li><i class="fa fa-check-circle-o"></i>01 Relatório de Desempenho nas Redes Sociais</li>
									<li><i class="fa fa-check-circle-o"></i>Informador Jurídico com leitura de 160 diários oficiais</li>
								</ul>
							</div>
							<div class="button text-center">
								<a class="btn btn-lg btn-hover-ligth" href="{{ url('/cadastro') }}">Assinar</a>
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="item">
							<h2 class="titulo">
								On demand
							</h2><!--h1-->
							<div class="valor consulta">
								SOB CONSULTA
							</div>
							<div class="descricao">
								Quando seu projeto requer mais métricas, planos e resultados com grande efetividade em Campanhas digitais: solicite seu atendimento On Demand e entenda quão longe você pode ir
							</div>
							<div class="topicos">
							</div>
							<div class="button text-center">
								<a class="btn btn-lg btn-hover-ligth scroll" href="#contato">Orçamento</a>
							</div>
						</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