- Scan ID:
- 1e7db5d4-57bd-43e9-90c8-ea34e7cbf041Finished
- Submitted URL:
- https://adftech.com.br
- Report Finished:
Links · 1 found
The outgoing links identified from the page
Link | Text |
---|---|
https://maps.app.goo.gl/2BkxJMGpAkxqSeeB8 | SHN Quadra 01, Bloco A, Sala 1010. Edifício Le Quartier. CEP: 70.701-010. Brasília, DF. |
JavaScript Variables · 3 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
Name | Type |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
Console log messages · 0 found
Messages logged to the web console
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="pt-BR"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- FavIcons -->
<link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
<link rel="icon" type="image/x-icon" sizes="32x32" href="/favicon.ico">
<link rel="shortcut icon" href="/favicon.ico">
<meta name="msapplication-TileColor" content="#0FAABA">
<meta name="theme-color" content="#0FAABA">
<link href="./output.css" rel="stylesheet">
<title>AdForce</title>
</head>
<body>
<main>
<header class="header-logo fixed top-0 w-full px-6 z-10 backdrop-blur border-b-0 border-black border-opacity-20" style="border-bottom-width: 0px;">
<div class="container m-auto min-h-[100px] py-4 flex flex-col items-stretch md:items-center gap-4 md:gap-8 md:flex-row md:justify-between md:pt-0">
<div class="flex justify-between items-center gap-8 md:gap-4">
<a href="#hero" class="">
<img src="images/adforce-logo.svg" alt="AdForce" class="drop-shadow-logo w-full h-auto max-w-72 md:max-w-48">
</a>
<!-- hamburger icon -->
<div class="flex gap-4 items-center">
<button class="hamburger-icon md:hidden text-white" id="toggle-menu">
<svg class="w-8 h-8 drop-shadow-logo" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" stroke="currentColor" d="M4 6h16M4 12h16m-16 6h16"></path>
</svg>
</button>
<a href="/en/" class="md:hidden">
<svg width="40px" height="40px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet">
<path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z">
</path>
<path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277c.026.101.058.198.092.296c.089.259.197.509.333.743L.555 29h34.89l.002-.004a4.22 4.22 0 0 0 .332-.741a3.75 3.75 0 0 0 .152-.576c.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297a3.78 3.78 0 0 0-.092.297zM18 9h18c0-.233-.028-.459-.069-.68a3.606 3.606 0 0 0-.153-.576A4.21 4.21 0 0 0 35.445 7H18v2z">
</path>
<path fill="#3C3B6E" d="M18 5H4a4 4 0 0 0-4 4v10h18V5z"></path>
<path fill="#FFF" d="M2.001 7.726l.618.449l-.236.725L3 8.452l.618.448l-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449l-.236.725l.617-.448l.618.448l-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L5 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449l-.236.725L7 8.452l.618.448l-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448l-.236-.725l.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 11l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448l-.236-.725l.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 15l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 15l-.235.726z">
</path>
</svg>
</a>
</div>
</div>
<nav id="header-navigation" class="overflow-hidden h-full max-h-0 md:!max-h-none transition-all ease-out duration-500">
<ul class="text-neutra-00 text-base font-extralight flex flex-col md:flex-row gap-4 items-center text-center md:text-lg md:gap-6 xl:gap-12" style="text-shadow: 2px 2px 2px #000;">
<li>
<a href="#o-que-fazemos" class="transition-colors hover:text-neutral-200 focus:text-neutral-200">
O que fazemos
</a>
</li>
<li>
<a href="#quem-somos" class="transition-colors hover:text-neutral-200 focus:text-neutral-200">
Quem somos
</a>
</li>
<li>
<a href="#clientes" class="transition-colors hover:text-neutral-200 focus:text-neutral-200">
Clientes
</a>
</li>
<li>
<a href="#contato" class="transition-colors hover:text-neutral-200 focus:text-neutral-200">
Contato
</a>
</li>
<li>
<a href="https://adserver.adftech.com.br/" class="bg-primaria inline-block text-primaria-60 px-4 py-2 rounded-lg font-normal transition-colors hover:bg-primaria-00 focus:bg-primaria-00 lg:px-6 lg:py-4" style="text-shadow: none;">
Login
</a>
</li>
<li>
<a href="/en/">
<svg width="52px" height="56px" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--twemoji" preserveAspectRatio="xMidYMid meet">
<path fill="#B22334" d="M35.445 7C34.752 5.809 33.477 5 32 5H18v2h17.445zM0 25h36v2H0zm18-8h18v2H18zm0-4h18v2H18zM0 21h36v2H0zm4 10h28c1.477 0 2.752-.809 3.445-2H.555c.693 1.191 1.968 2 3.445 2zM18 9h18v2H18z">
</path>
<path fill="#EEE" d="M.068 27.679c.017.093.036.186.059.277c.026.101.058.198.092.296c.089.259.197.509.333.743L.555 29h34.89l.002-.004a4.22 4.22 0 0 0 .332-.741a3.75 3.75 0 0 0 .152-.576c.041-.22.069-.446.069-.679H0c0 .233.028.458.068.679zM0 23h36v2H0zm0-4v2h36v-2H18zm18-4h18v2H18zm0-4h18v2H18zM0 9zm.555-2l-.003.005L.555 7zM.128 8.044c.025-.102.06-.199.092-.297a3.78 3.78 0 0 0-.092.297zM18 9h18c0-.233-.028-.459-.069-.68a3.606 3.606 0 0 0-.153-.576A4.21 4.21 0 0 0 35.445 7H18v2z">
</path>
<path fill="#3C3B6E" d="M18 5H4a4 4 0 0 0-4 4v10h18V5z"></path>
<path fill="#FFF" d="M2.001 7.726l.618.449l-.236.725L3 8.452l.618.448l-.236-.725L4 7.726h-.764L3 7l-.235.726zm2 2l.618.449l-.236.725l.617-.448l.618.448l-.236-.725L6 9.726h-.764L5 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 9l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 9l-.235.726zm-8 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L5 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L9 13l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L13 13l-.235.726zm-6-6l.618.449l-.236.725L7 8.452l.618.448l-.236-.725L8 7.726h-.764L7 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 7l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 7l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 11l-.235.726zM6.383 12.9L7 12.452l.618.448l-.236-.725l.618-.449h-.764L7 11l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 11l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 11l-.235.726zm-12 4l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L3 15l-.235.726zM6.383 16.9L7 16.452l.618.448l-.236-.725l.618-.449h-.764L7 15l-.235.726h-.764l.618.449zm3.618-1.174l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L11 15l-.235.726zm4 0l.618.449l-.236.725l.617-.448l.618.448l-.236-.725l.618-.449h-.764L15 15l-.235.726z">
</path>
</svg>
</a>
</li>
</ul>
</nav>
</div>
</header>
<section id="hero" class="min-h-[98svh] bg-neutra-100 bg-[url('images/section-effect.png')] bg-no-repeat px-6">
<div class="container m-auto pt-44 pb-20 flex flex-col-reverse items-center gap-6 lg:flex-row lg:gap-0 lg:pt-60">
<div class="content-text flex-auto">
<h1 class="text-neutra-00 text-5xl font-extrabold text-center mb-4 sm:text-6xl md:text-7xl lg:text-left 2xl:text-8xl">
Gestão em publicidade para a <span class="text-primaria">era dos dados.</span>
</h1>
<p class="text-white text-lg font-extralight text-center sm:text-xl lg:text-left lg:mr-24 xl:text-2xl">
Somos uma plataforma de adserver dedicada a oferecer soluções avançadas e eficientes para a
gestão, distribuição e otimização de campanhas publicitárias online.
</p>
</div>
<div class="content-logo flex-auto">
<img src="images/[email protected]" srcset="images/section1-logo3d.png, images/[email protected] 2x" alt="AdForce Logo 3D" class="min-w-[36svw]">
</div>
</div>
</section>
<section id="o-que-fazemos" class="min-h-[98svh] bg-neutra-80 bg-o-que-fazemos bg-no-repeat bg-right-top py-40 px-6">
<div class="container m-auto">
<div class="card-dark flex flex-col items-center gap-8">
<h1 class="text-center text-5xl font-bold">
<span class="text-gradient-heading">O que fazemos?</span>
</h1>
<p class="max-w-3xl text-xl text-center">
Ao contratar a AdForce, nossos clientes contam com equipes de atendimento e suporte técnico
dedicadas ao acompanhamento de suas campanhas desde o início até o seu encerramento, oferecendo:
</p>
<div class="flex-1 grid grid-flow-row grid-cols-1 gap-10 md:grid-cols-2">
<div class="card-dark flex flex-col items-center text-center gap-4">
<div>
<img src="/images/icon-grafico-1.svg" alt="Gráfico de pizza">
</div>
<h3 class="text-2xl font-bold text-primaria">
Gestão de Campanhas
</h3>
<p class="text-xl text-neutra-20">
Simplificamos o processo de criação, agendamento e monitoramento de campanhas,
proporcionando controle total e fácil acompanhamento.
</p>
</div>
<div class="card-dark flex flex-col items-center text-center gap-4">
<div>
<img src="/images/icon-grafico-2.svg" alt="Gráfico de pizza">
</div>
<h3 class="text-2xl font-bold text-primaria">Acompanhamento em Tempo Real</h3>
<p class="text-xl text-neutra-20">
Utilizamos algoritmos avançados que possibilitam o acompanhamento dos dados em tempo
real.
</p>
</div>
<div class="card-dark flex flex-col items-center text-center gap-4">
<div>
<img src="/images/icon-grafico-3.svg" alt="Gráfico de pizza">
</div>
<h3 class="text-2xl font-bold text-primaria">Relatórios e Análises</h3>
<p class="text-xl text-neutra-20">
Fornecemos análises detalhadas e relatórios abrangentes, permitindo que nossos clientes
tomem decisões informadas baseadas em dados.
</p>
</div>
<div class="card-dark flex flex-col items-center text-center gap-4">
<div>
<img src="/images/icon-grafico-4.svg" alt="Gráfico de pizza">
</div>
<h3 class="text-2xl font-bold text-primaria">Integração Multicanal</h3>
<p class="text-xl text-neutra-20">
Nossa plataforma suporta uma ampla gama de canais, incluindo display, vídeo e mobile,
permitindo uma abordagem integrada para campanhas publicitárias.
</p>
</div>
</div>
</div>
</div>
</section>
<section id="quem-somos" class="min-h-[98svh] flex flex-col lg:flex-row">
<div class="flex-1 bg-neutra-100 flex justify-end bg-[url('images/section-effect.png')] bg-no-repeat py-44">
<div class="text-container max-lg:container max-lg:m-auto lg:container-1/2 lg:ml-auto px-6 flex flex-col gap-12 justify-center text-center">
<div class="flex flex-col gap-6">
<h2 class="text-5xl font-extrabold md:text-6xl">
<span class="text-gradient-heading">Quem somos?</span>
</h2>
<p class="font-normal text-neutra-20 text-xl">
Aqui na AdForce, a tecnologia encontra a inovação. Somos uma plataforma de adserver dedicada
a oferecer soluções avançadas e eficientes para a gestão, distribuição e otimização de
campanhas
publicitárias online.
</p>
</div>
<div class="flex flex-col gap-6">
<h2 class="text-5xl font-extrabold md:text-6xl">
<span class="text-gradient-heading">Nossa missão</span>
</h2>
<p class="font-normal text-neutra-20 text-xl">
Nossa missão é transformar a maneira como as marcas se conectam com seu público. Oferecemos
uma
plataforma robusta que auxilia anunciantes e agências a alcançar os resultados desejados com
transparência e eficiência.
</p>
</div>
</div>
</div>
<div class="flex-1 max-lg:bg-gradient-to-b from-[#202222] from-15% to-[#2B6E75] to-80% bg-gradient-section">
<div class="lg:container-1/2 min-h-[398px] h-full py-12 px-6 lg:flex lg:items-center lg:justify-start">
<img src="images/section3-illustration.png" alt="illustration image" class="w-full h-auto">
</div>
</div>
</section>
<section id="pq-escolher-a-adforce" class="min-h-[98svh] bg-neutra-00 bg-pq-escolher-a-adforce bg-no-repeat bg-right-top py-32 px-6">
<div class="container m-auto">
<h2 class="text-4xl font-extrabold text-primaria-60 mb-12 sm:text-5xl md:text-6xl lg:text-7xl">
Por que escolher a Adforce?
</h2>
<div class="light-cards flex justify-center gap-8 flex-wrap lg:gap-12 break-words">
<!-- light card 1 -->
<div class="card-light flex flex-col gap-6 sm:max-w-[85%] md:max-w-[45%] xl:max-w-[21%]">
<h3 class="text-primaria-60 text-2xl text-center font-extrabold lg:text-3xl">
Tecnologia de Ponta
</h3>
<p class="text-neutra-40 text-xl text-center">
Investimos continuamente em inovação tecnológica para oferecer as ferramentas mais avançadas
do mercado.
</p>
<img src="images/section4-icon1.png" alt="">
</div>
<!-- light card 2 -->
<div class="card-light flex flex-col gap-6 sm:max-w-[85%] md:max-w-[45%] xl:max-w-[21%]">
<h3 class="text-primaria-60 text-2xl text-center font-extrabold lg:text-3xl">
Suporte Dedicado
</h3>
<p class="text-neutra-40 text-xl text-center">
Nosso time de especialistas está sempre disponível para oferecer suporte personalizado e
garantir que você aproveite ao máximo nossa plataforma.
</p>
<img src="images/section4-icon2.png" alt="">
</div>
<!-- light card 3 -->
<div class="card-light flex flex-col gap-6 sm:max-w-[85%] md:max-w-[45%] xl:max-w-[21%]">
<h3 class="text-primaria-60 text-2xl text-center font-extrabold lg:text-3xl">
Transparência e Confiabilidade
</h3>
<p class="text-neutra-40 text-xl text-center">
Priorizamos a transparência em todas as nossas operações, proporcionando confiança e
segurança para nossos clientes.
</p>
<img src="images/section4-icon3.png" alt="">
</div>
<!-- light card 4 -->
<div class="card-light flex flex-col gap-6 sm:max-w-[85%] md:max-w-[45%] xl:max-w-[21%]">
<h3 class="text-primaria-60 text-2xl text-center font-extrabold lg:text-3xl">
Resultados Comprovados
</h3>
<p class="text-neutra-40 text-xl text-center">
Com uma vasta experiência no mercado, ajudamos inúmeros clientes a atingir e superar suas
metas de marketing.
</p>
<img src="images/section4-icon4.png" alt="">
</div>
</div>
</div>
</section>
<section id="clientes" class="min-h-[98svh] bg-neutra-80 pt-48 pb-44 px-6">
<div class="container m-auto">
<div class="clients mb-14 lg:mb-16">
<h3 class="text-primaria-00 text-3xl font-extrabold mb-4 sm:text-4xl sm:mb-6 lg:mb-10">
Clientes
</h3>
<div class="clients-logos border-4 border-[#50CEDB] border-opacity-50 rounded-[50px] px-8 py-6 xl:px-16 xl:py-12 xl:gap-16 flex flex-row flex-wrap gap-8 justify-center">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-govfederal.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-caixa.png" alt="">
<img class="max-w-[160px] max-h-[60px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-govsp.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-brb.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-sebrae.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-cldf.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-senai.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/clientes-bndes.png" alt="">
</div>
</div>
<div class="agencies">
<h3 class="text-primaria-00 text-3xl font-extrabold mb-4 sm:text-4xl sm:mb-6 lg:mb-10">
Agências
</h3>
<div class="agencies-logos border-4 border-[#50CEDB] border-opacity-50 rounded-[50px] px-8 py-6 xl:px-16 xl:py-12 xl:gap-16 flex flex-row flex-wrap gap-8 justify-center">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-calia.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-propeg.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-nova.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-meneportella.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-binder.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-um.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-dpz.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-debrito.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-calix.png" alt="">
<img class="max-w-[160px] max-h-[80px] md:max-w-[190px] md:max-h-[100px] xl:max-w-[220px] xl:max-h-[120px] w-auto h-auto object-contain" src="images/agencias-artplan.png" alt="">
<img class="max-w-[220px] max-h-[120px] w-auto h-auto object-contain" src="images/agencias-nacional.png" alt="">
</div>
</div>
</div>
</section>
<section id="contato" class="min-h-[98svh] bg-neutra-100 py-16 md:py-32 lg:py-52 px-6">
<div class="container m-auto flex flex-col gap-12 items-center lg:flex-row">
<div class="footer-contact flex-1">
<h2 class="text-5xl font-extrabold mb-12 text-center sm:text-6xl lg:text-left xl:text-7xl">
<span class="text-gradient-heading">
Fale Conosco
</span>
</h2>
<div class="flex flex-col gap-8 lg:gap-10 xl:gap-20">
<div class="local flex gap-6 items-center xl:gap-14">
<svg class="flex-shrink-0 w-12 xl:w-20" width="86" height="86" viewBox="0 0 86 86" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M43 35.8332C50.9161 35.8332 57.3333 29.416 57.3333 21.4998C57.3333 13.5838 50.9161 7.1665 43 7.1665C35.0838 7.1665 28.6666 13.5838 28.6666 21.4998C28.6666 29.416 35.0838 35.8332 43 35.8332Z" fill="#50CEDB" stroke="white" stroke-width="4" stroke-linejoin="round"></path>
<path d="M43 35.8335V68.0835" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M28.6666 57.3335H21.5L7.16663 78.8335H78.8333L64.5 57.3335H57.3333" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<p class="text-neutra-20 text-base sm:text-lg lg:text-xl xl:text-2xl">
<a href="https://maps.app.goo.gl/2BkxJMGpAkxqSeeB8" target="_blank">
SHN Quadra 01, Bloco A, Sala 1010. Edifício Le Quartier. CEP: 70.701-010.
Brasília, DF.
</a>
</p>
</div>
<div class="mail flex gap-6 items-center xl:gap-14">
<svg class="flex-shrink-0 w-12 xl:w-20" width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.86487 66.9319H75.5131V41.1889V15.4458H41.189H6.86487V41.1889V66.9319Z" fill="#50CEDB" stroke="white" stroke-width="4" stroke-linejoin="round"></path>
<path d="M6.86487 15.4458L41.189 41.1889L75.5131 15.4458" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M41.189 15.4458H6.86487V41.1889" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M75.5131 41.1889V15.4458H41.189" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
<p class="text-neutra-20 text-base sm:text-lg lg:text-xl xl:text-2xl">
<a href="mailto:[email protected]">
[email protected]
</a>
</p>
</div>
<div class="phone flex gap-6 items-center xl:gap-14">
<svg class="flex-shrink-0 w-12 xl:w-20" width="83" height="83" viewBox="0 0 83 83" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M29.1691 13.1909C30.4159 13.1909 31.5648 13.8671 32.1701 14.9573L36.3686 22.5203C36.9183 23.5106 36.9442 24.7083 36.4376 25.7214L32.3928 33.8111C32.3928 33.8111 33.565 39.8374 38.4706 44.743C43.3764 49.6486 49.3824 50.8005 49.3824 50.8005L57.4707 46.7564C58.4845 46.2494 59.6831 46.2757 60.6737 46.8264L68.2581 51.0431C69.3474 51.6488 70.0227 52.7969 70.0227 54.0431V62.7502C70.0227 67.1844 65.904 70.387 61.7027 68.9692C53.0736 66.0577 39.6792 60.514 31.1894 52.0241C22.6997 43.5344 17.1559 30.1399 14.2443 21.511C12.8267 17.3096 16.0293 13.1909 20.4633 13.1909H29.1691Z" fill="#50CEDB" stroke="white" stroke-width="4" stroke-linejoin="round"></path>
</svg>
<p class="text-neutra-20 text-base sm:text-lg lg:text-xl xl:text-2xl">
<a href="tel:+5561982475201">
61.9.8247-5201
</a>
</p>
</div>
</div>
</div>
<!-- horizontal bar -->
<div class="footer-divisor h-[2px] w-[90%] bg-gradient-to-r from-primaria-20 to-white lg:hidden"></div>
<!-- vertical bar -->
<div class="footer-divisor w-[2px] h-[496px] xl:h-[696px] self-stretch bg-gradient-to-b from-primaria-20 to-white hidden lg:block">
</div>
<div class="footer-logo flex-1 max-w-[80%] md:max-w-none flex flex-col gap-10 md:gap-20 lg:gap-28">
<a href="#hero">
<img src="images/adforce-logo.svg" alt="AdForce">
</a>
<div class="flex justify-between items-center">
<!-- Images @2x -->
<img src="images/[email protected]" srcset="images/iab-tcf.png, images/[email protected] 2x" alt="IAB Europe Registered Vendor, Transparency and Consent Framework" class="max-w-[40%] h-auto">
<img src="images/iab-associado.png" srcset="images/iab-associado.png, images/[email protected] 2x" alt="Associado IAB Brasil" class="max-w-[40%] h-auto">
</div>
</div>
</div>
</section>
</main>
<script>
(function () {
const HEADER_TRESHOLD = 160;
const header = document.querySelector('body > main > header');
document.addEventListener('DOMContentLoaded', function () {
document.addEventListener('scroll', function (event) {
if (window.scrollY > HEADER_TRESHOLD) {
header.style.borderBottomWidth = '1px'
} else {
header.style.borderBottomWidth = '0px'
}
});
const toggleMenu = document.getElementById('toggle-menu');
const nav = document.getElementById('header-navigation');
toggleMenu.addEventListener('click', function () {
if (nav.style.maxHeight === '0px' || !nav.style.maxHeight) {
nav.style.maxHeight = '200px';
} else {
nav.style.maxHeight = '0px';
}
});
document.dispatchEvent(new Event('scroll'));
})
}())
</script>
</body></html>