@extends('layouts.app')

@section('title', 'Agradecemos sua inscrição')

@section('meta')
<meta name="description" content="Obrigado por se inscrever na CoteFrete. Você receberá atualizações sobre nossos serviços, novidades e conteúdos exclusivos sobre transporte de cargas e logística.">
<meta name="robots" content="index, follow">
<meta name="author" content="CoteFrete">
<link rel="canonical" href="https://cotefrete.com.br/agradecimento" />
<meta property="og:type" content="website">
<meta property="og:title" content="Agradecemos sua Inscrição - CoteFrete">
<meta property="og:url" content="https://cotefrete.com.br/agradecimento">
<meta property="og:description" content="Obrigado por se inscrever na CoteFrete. Você receberá atualizações sobre nossos serviços e novidades.">
<meta property="og:image" itemprop="image" content="{{ asset('assets/img/img-comp.webp') }}">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="300">
<meta property="og:image:height" content="300">
@endsection

@section('content')
  <div class='container' style='margin-top: 100px'>
    <div class='row '>
      <div class='df-ac-jc'>
        <div class='col-md-7'>
          <div>
            <h1 class='titulo-agradecimento fwb black'>A CoteFrete agradece sua inscrição!</h1>
          </div>
          <div class='mt30 fw600 fs18'>
            Agora que você está inscrito em nossa lista de e-mails,<br>você terá acesso regularmente a nossos conteúdos sobre<br>o mercado de fretes e transportes.<br>Mantenha-se informado!
          </div>
        </div>
        <div class='col-md-5'>
          <img loading='lazy' src="{{ asset('assets/img/mail-gif.gif') }}" alt="Inscrição Blog">
        </div>
      </div>
      <div class='w100 linha linhadesk mb50m mt10' style='gap: 30px;'>
        <a class='fwb white' href="/cotacao">
          <div class='btn-voltar br7 white linha'>
            <div style='width: 24px; height: 24px; margin-right: 5px; border-radius: 20px' class='df-ac-jc bg-white'>
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#000" class="bi bi-file-earmark-plus" viewBox="0 0 16 16">
                <path d="M8 6.5a.5.5 0 0 1 .5.5v1.5H10a.5.5 0 0 1 0 1H8.5V11a.5.5 0 0 1-1 0V9.5H6a.5.5 0 0 1 0-1h1.5V7a.5.5 0 0 1 .5-.5z"/>
                <path d="M14 4.5V14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5.5L14 4.5zm-3 0A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V4.5h-2z"/>
              </svg>
            </div> Nova Cotação
          </div>
        </a>
        <a class='fwb white' href="/">
          <div class='btn-voltar br7 white linha'>
            <div style='width: 24px; height: 24px; margin-right: 5px; border-radius: 20px' class='df-ac-jc bg-white'>
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#000" class="bi bi-house" viewBox="0 0 16 16">
                <path d="M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.707 1.5ZM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5 5 5Z"/>
              </svg>
            </div> Página Inicial
          </div>
        </a>
      </div>
    </div>
  </div>
@endsection