{% extends 'base.twig' %}

{% block content %}
	<section class="Page-contato" style="background:#fff">
		<div class="Container">
			<div class="Row _gutters-x _content-between">
				<div class="col-4">
					<div class="cabecalho" style="max-width:100%">
						<h3 class="Title _pb-14" style="font-size:37px;line-height: 1.3;margin-bottom: 20px;">Fortaleça suas parcerias agrícolas com transparência e tecnologia</h3>
						<div class="Body" style="font-size:20px">O Informative é a 1ª solução do mercado focada em Agroindústrias, com app exclusivo que integra ERPs e sistemas agrícolas. Informações em tempo real para potencializar o relacionamento com produtores e parceiros agrícolas!</div>
					</div>
				</div>

					<div class="col-7">
						<form class="Form" action="{{site.url}}/form/contato" method="post" id="form-contato" style="background: #f6f6f9;">
							<div class="item-form">
								<label class="label">Nome</label>
								<input type="text" name="nome" required>
							</div>
							<div class="item-form">
								<label class="label">E-mail</label>
								<input type="email" name="email" required>
							</div>
							<div class="Row _gutters-x">
								<div class="col-6">
									<div class="item-form">
										<label class="label">Telefone</label>
										<input type="text" name="telefone" required class="tel">
									</div>
								</div>

								<div class="col-6">
									<div class="item-form">
										<label class="label">Preferência de contato</label>
										<select id="preferencia" name="preferencia" required>
											<option></option>
											<option value="Whatsapp">Whatsapp</option>
											<option value="Telefone">Telefone</option>
											<option value="E-mail">E-mail</option>
										</select>
									</div>
								</div>

							</div>
							<div class="Row _gutters-x">
								<div class="col-6">
									<div class="item-form">
										<label class="label">Empresa</label>
										<input type="text" name="empresa" required>
									</div>
								</div>

								<div class="col-6">
									<div class="item-form">
										<label class="label">Cargo</label>
										<input type="text" name="cargo" required>
									</div>
								</div>

							</div>
							<div class="item-form">
								<label class="label">Mensagem</label>
								<textarea type="text" name="mensagem" required></textarea>
							</div>
							<div class="_w-full">
								<div class="rcp"></div>
								<button class="Button" type="submit">
									<span class="text">Enviar</span>
									<span class="loader"></span>
								</button>
							</div>
						</form>
					</div>
				</div>
			</div>


		</section>



			<section class="_bg-gray _pt-md _pb-md Para _diferenciais" >
		<div class="Container">
			<h3 class="Title _text-center _sm _pb-40">Diferenciais</h3>
			<div class="Row _gutters-x _gutters-y">
									<div class="col-4 diferencial">
						<div class="content-icon _flex _flex-column">
															<img class="icon ls-is-cached lazyloaded" data-src="https://informative.com.br/wp-content/uploads/2024/12/padlock-square-1-combination-combo-lock-locked-padlock-secure-security-shield-keyhole.png" alt="Segurança" src="https://informative.com.br/wp-content/uploads/2024/12/padlock-square-1-combination-combo-lock-locked-padlock-secure-security-shield-keyhole.png" style="--smush-placeholder-width: 32px; --smush-placeholder-aspect-ratio: 32/32;">
													</div>
						<div class="text _flex _flex-column">
							<h3 class="Title _xs">Segurança</h3>
							<div class="Body _sm">Plataforma robusta moderna que disponibiliza de forma simples e segura, todas as consultas e demonstrativos que sejam de interesse de seus parceiros</div>
						</div>
					</div>

									<div class="col-4 diferencial">
						<div class="content-icon _flex _flex-column">
															<img class="icon ls-is-cached lazyloaded" data-src="https://informative.com.br/wp-content/uploads/2024/12/ai-generate-portrait-image-spark-picture-photography-photo-image-artificial-intelligence-ai.png" alt="Melhor experiência do usuário" src="https://informative.com.br/wp-content/uploads/2024/12/ai-generate-portrait-image-spark-picture-photography-photo-image-artificial-intelligence-ai.png" style="--smush-placeholder-width: 32px; --smush-placeholder-aspect-ratio: 32/32;">
													</div>
						<div class="text _flex _flex-column">
							<h3 class="Title _xs">Melhor experiência do usuário</h3>
							<div class="Body _sm">Com uma interface intuitiva e funcionalidades personalizadas, o sistema simplifica cada interação, elevando os padrões de eficiência</div>
						</div>
					</div>

									<div class="col-4 diferencial">
						<div class="content-icon _flex _flex-column">
															<img class="icon ls-is-cached lazyloaded" data-src="https://informative.com.br/wp-content/uploads/2024/12/cog-1-work-loading-cog-gear-settings-machine.png" alt="" src="https://informative.com.br/wp-content/uploads/2024/12/cog-1-work-loading-cog-gear-settings-machine.png" style="--smush-placeholder-width: 32px; --smush-placeholder-aspect-ratio: 32/32;">
													</div>
						<div class="text _flex _flex-column">
							<h3 class="Title _xs">Integrável</h3>
							<div class="Body _sm">O sistema se conecta aos principais sistemas de mercado, como ERPs, CRMs e Automação Industrial, para acesso a dados atualizados</div>
						</div>
					</div>

									<div class="col-4 diferencial">
						<div class="content-icon _flex _flex-column">
															<img class="icon ls-is-cached lazyloaded" data-src="https://informative.com.br/wp-content/uploads/2024/12/dashboard-3-app-application-dashboard-home-layout-vertical.png" alt="" src="https://informative.com.br/wp-content/uploads/2024/12/dashboard-3-app-application-dashboard-home-layout-vertical.png" style="--smush-placeholder-width: 32px; --smush-placeholder-aspect-ratio: 32/32;">
													</div>
						<div class="text _flex _flex-column">
							<h3 class="Title _xs">Whitelabel</h3>
							<div class="Body _sm">Utilze o Informative com sua marca e ofereça uma experiência única aos seus produtores rurais.</div>
						</div>
					</div>

									<div class="col-4 diferencial">
						<div class="content-icon _flex _flex-column">
															<img class="icon ls-is-cached lazyloaded" data-src="https://informative.com.br/wp-content/uploads/2024/12/cloud-share-cloud-network-internet-server-share.png" alt="" src="https://informative.com.br/wp-content/uploads/2024/12/cloud-share-cloud-network-internet-server-share.png" style="--smush-placeholder-width: 32px; --smush-placeholder-aspect-ratio: 32/32;">
													</div>
						<div class="text _flex _flex-column">
							<h3 class="Title _xs">Escalável</h3>
							<div class="Body _sm">Conta com recursos de escalabilidade, permitindo atender todas as suas necessidades futuras, independentemente do porte da sua operação</div>
						</div>
					</div>

									<div class="col-4 diferencial">
						<div class="content-icon _flex _flex-column">
															<img class="icon ls-is-cached lazyloaded" data-src="https://informative.com.br/wp-content/uploads/2024/12/group-26822.png" alt="Acesso em diferentes plataformas" src="https://informative.com.br/wp-content/uploads/2024/12/group-26822.png" style="--smush-placeholder-width: 58px; --smush-placeholder-aspect-ratio: 58/32;">
													</div>
						<div class="text _flex _flex-column">
							<h3 class="Title _xs">Acesso em diferentes plataformas</h3>
							<div class="Body _sm">Acessos podem ser feitos pelo App, disponível na App Store ou Google Play, ou por web através de um navegador no computador, tablet ou celular</div>
						</div>
					</div>

							</div>
		</div>

	</section>
		<section class="Para _funcionalidades _pt-xl _pb-md" style="background: #fff;">
			<div class="Container">
				<div class="Row _gutters-x _content-center">
					<div class="col-8 _pb-xl _text-center">
						<p class="Headline _pb-20">Tudo o que você precisa, em um só lugar</p>
						<h2 class="Title _sm">Conheça as principais funcionalidades da Informative que vão otimizar sua gestão e melhorar o relacionamento com seus fornecedores e parceiros:</h2>
					</div>
				</div>
				<div class="_flex _flex-column _space-80">
									<div class="Row _content-between  _reversed">
							<div class="col-5 _flex _flex-column _content-center item-funcionalidade">
								<h3 class="Title _xs _pb-24">Relatórios</h3>
															<div class="Body _sm"><p>Disponibilize relatórios completos para seus produtores e parceiros, garantindo mais transparência e agilidade no acesso às informações.</p>
		<p>Com filtros personalizados, você pode oferecer diversos relatórios, como produção, cargas, resumo diário, qualidade e muito mais. Na Informative, seus relatórios são organizados, flexíveis e sempre acessíveis.</p>
		</div>
													</div>
							<div class="col-6"><img data-src="https://informative.com.br/wp-content/uploads/2025/02/frame-314287-1.png" alt="" src="https://informative.com.br/wp-content/uploads/2025/02/frame-314287-1.png" class=" lazyloaded" style="--smush-placeholder-width: 548px; --smush-placeholder-aspect-ratio: 548/426;"></div>
						</div>
									<div class="Row _content-between  ">
							<div class="col-5 _flex _flex-column _content-center item-funcionalidade">
								<h3 class="Title _xs _pb-24">Documentos financeiros</h3>
															<div class="Body _sm"><p>Simplifique o trabalho dos setores financeiro, contábil e de controladoria, disponibilizando documentos como demonstrativos de pagamento, informes de rendimentos (IR), notas fiscais (NFs), Danfes, cronogramas de pagamento, históricos e comprovantes de forma rápida e segura.</p>
		</div>
													</div>
							<div class="col-6"><img data-src="https://informative.com.br/wp-content/uploads/2025/02/frame-314441.png" alt="" src="https://informative.com.br/wp-content/uploads/2025/02/frame-314441.png" class=" ls-is-cached lazyloaded" style="--smush-placeholder-width: 548px; --smush-placeholder-aspect-ratio: 548/426;"></div>
						</div>
									<div class="Row _content-between  _reversed">
							<div class="col-5 _flex _flex-column _content-center item-funcionalidade">
								<h3 class="Title _xs _pb-24">Comunicação</h3>
															<div class="Body _sm"><p>Mantenha uma comunicação clara, ágil e eficiente com seus fornecedores e parceiros. A plataforma permite:</p>
		<ul>
		<li>Gestão de comunicados e notícias: Mantenha todos informados sobre novidades, mudanças e atualizações.</li>
		<li>Divulgue eventos: Promova encontros, treinamentos e reuniões de forma simples.</li>
		<li>Realize enquetes: Obtenha feedback e insights diretamente dos seus fornecedores.</li>
		</ul>
		</div>
													</div>
							<div class="col-6"><img data-src="https://informative.com.br/wp-content/uploads/2025/02/frame-314287-1-1.png" alt="" src="https://informative.com.br/wp-content/uploads/2025/02/frame-314287-1-1.png" class=" ls-is-cached lazyloaded" style="--smush-placeholder-width: 548px; --smush-placeholder-aspect-ratio: 548/426;"></div>
						</div>
									<div class="Row _content-between  ">
							<div class="col-5 _flex _flex-column _content-center item-funcionalidade">
								<h3 class="Title _xs _pb-24">Dados do mercado</h3>
															<div class="Body _sm"><p>Compartilhe informações estratégicas com seus produtores e parceiros, disponibilizando indicadores de mercado, cotações, preços do ATR, previsão do tempo e outros dados relevantes para uma tomada de decisão mais assertiva.</p>
		</div>
													</div>
							<div class="col-6"><img data-src="https://informative.com.br/wp-content/uploads/2025/02/frame-314287-2.png" alt="" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==" class="lazyload" style="--smush-placeholder-width: 548px; --smush-placeholder-aspect-ratio: 548/426;"></div>
						</div>
							</div>
			</div>
		</section>


		{% include "componentes/modal-alerta.twig" with {
        title: 'Contato enviado!',
        text: 'Obrigado por entrar em contato! Em breve, nossa equipe retornará sua mensagem.',
        intent: 'success',
    } only %}

		{% include "componentes/modal-alerta.twig" with {
        title: 'Erro no envio!',
        text: 'Houve algum erro no envio do seu contato, por favor tente novamente mais tarde.',
        intent: 'negative',
    } only %}
	{% endblock %}



