File: //home/artinside/sites.artinside.com.br/iande/themes/web/home.php
<?php
$this->layout("_theme");
?>
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-90 include-header"
data-autoplay="7000" data-speed="650" data-loop="true">
<div class="slider-inner">
<div class="swiper swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="overlay-black-light "></div>
<div class="container">
<div class="slider-caption">
<h1 class="display-2 fw-bold ls-n-1 iande-light-text font-secondary lh-1">A vida cria <span
class="text-white">condições propícias</span> à própria vida
</h1>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/bg1.jpg"
) ?>'); background-position: center center;"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
<div class="slide-number">
<div class="slide-number-current"></div>
<span>/</span>
<div class="slide-number-total"></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section>
<section id="content">
<div class="content-wrap py-0">
<div class="section bg-iande-light2 my-0 mb-0 px-lg-0">
<div class="w-100 h-100"
style="position: absolute; bottom: -20px; background: url('<?= url(
"images/bg-pele.png"
) ?>')no-repeat bottom center;"></div>
<div class="container mt-3 mb-6">
<div class="row justify-content-center align-items-center align-content-center ">
<div class="col-lg-6">
<span class="text-primary small mb-2 d-inline-block"
style="--cnvs-font-size-small: 1rem">SOBRE</span>
<h2 class="display-1 mb-4 text-secondary" style="line-height: 0.6em">iandé, <br><span class="text-primary display-4" style="line-height: 0.6em">inovação inspirada pela natureza</span>
</h2>
<p class="fw-lighter">
A iandé é uma <strong class="fw-bold">consultoria brasileira especializada em inovação e
bio-economia</strong>, no <strong class="fw-bold">desenvolvimento de pessoas</strong> e na criação de ecossistemas
regenerativos através da Biomimética (bio = vida, mimesis = imitação).
</p>
<p class="fw-lighter">
<strong class="fw-bold">Combinamos mais de 15 anos de experiência em inovação e
negócios</strong> (marketing, pesquisa e desenvolvimento, operações, liderança) <strong class="fw-bold">com
estratégias de sucesso da natureza</strong> – validadas ao longo de 3,8 bilhões de anos de pesquisa e
desenvolvimento – para construir soluções de impacto positivo para pessoas e negócios.
</p>
<p class="fw-lighter">
Ao longo da evolução, a natureza (da qual somos parte) aprendeu a entregar alta performance,
a ser eficiente, localmente atenta e responsiva, adaptável a mudanças e capaz de integrar
crescimento e desenvolvimento.
</p>
<p class="fw-lighter">
Ela aprendeu o que de fato prospera e nos mostra que <strong class="fw-bold">é possível, sim, combinar performance e
sustentabilidade</strong> (as espécies vivas hoje representam 1% de todas aquelas que já passaram por
este planeta)!
</p>
<a href="#modalOrcamento" data-lightbox="inline"
class="button px-lg-5 py-lg-3 text-white button-light bg-secondary h-bg-dark rounded-pill m-0 mb-4">Saiba
Mais <i class="bi-arrow-right"></i></a>
</div>
<div class="col-lg-6 mb-6 mb-lg-0">
<img src="<?= url("images/img1.png") ?>" data-animate="fadeIn"
alt="Imagem Martin Pesacador e trem bala"
class="">
<div class="mt-3 px-3 px-lg-6">
<h4 class="lh-1 text-secondary"><strong class="fw-bold">Trem ‘bala’ japonês – Shinkansen</strong> <br><span class="fs-6">Depois de se inspirar no bico do martim-pescador:</span></h4>
</h4>
<div class="card">
<!-- Default panel contents -->
<!-- List group -->
<ul class="list-group list-group-flush small font-xxsmall">
<li class="list-group-item bg-secondary bg-opacity-10">Modelo ficou <strong>10% mais
rápido</strong></li>
<li class="list-group-item bg-transparent ">conseguiu atingir uma velocidade de 320
km/h, <strong>sem ultrapassar o limite de 70 decibéis</strong></li>
<li class="list-group-item bg-secondary bg-opacity-10">Reduziu a pressão do ar em
<strong>30%</strong></li>
<li class="list-group-item bg-transparent">Usou <strong>15% menos
eletricidade</strong> que as versões anteriores
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide-bg"
style="background-image: url('<?= url("images/wall.jpg") ?>'); background-position: center top;"></div>
</div>
<div class="section parallax scroll-detect m-0 border-0 d-flex dark mt-0"
data-parallax-direction="horizontal">
<img src="<?= url("images/parallax-2.jpg") ?>" class="parallax-bg">
<div class="overlay-black-medium bg-secondary"></div>
<div class="vertical-middle primary-blur">
<div class="overlay-black-light"></div>
<div class="container">
<div class="row align-content-center justify-content-center center mt-3">
<div class="col-10">
<div class="emphasis-title m-5">
<h2 class="fs-1 ls-1 mb-0 lh-1">Advinda do tupi-guarani, <span class="iande-light-text"> “iandé” significa “juntos”, “nós” </span>,
e evoca um caminhar em conjunto, a simbiose da brasilidade e do respeito aos povos
originários, das inteligências natural e artificial.
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section parallax bg-dark bg-opacity-20 dark my-0 mb-0 px-lg-0">
<div class="overlay-black-medium "></div>
<div class="w-100 h-100"
style="position: absolute; bottom: -20px; background: url('<?= url(
"images/bg-coral-1.png"
) ?>') no-repeat bottom center;"></div>
<div class="container mt-3 mb-6">
<div class="row justify-content-center align-items-start align-content-center ">
<div class="col-lg-10 center">
<span class="iande-light-text small mb-2 d-inline-block text-uppercase"
style="--cnvs-font-size-small: 1rem">O que fazemos?</span>
<h2 class="fs-1 mb-4 font-extra-large text-primary lh-1">Nossas <span class="iande-light-text">soluções</span>
</h2>
</div>
<div class="services-grid gutter-30 position-relative mt-6 mb-6">
<div class="row align-items-center justify-content-center g-4">
<?php
foreach (menuCategories("services") as $solucoes): ?>
<div class="col-10 col-lg-6 col-xl-4 col-md-6 d-flex align-self-stretch">
<div class="feature-box flex-column h-shadow mx-0 bg-secondary bg-opacity-20"
style="background-image: linear-gradient(rgba(7,65,17,0.2), rgba(7,65,17,0.8)), url('<?= url(
"storage/{$solucoes->cover}"
) ?>')">
<div class="fbox-icon mb-4">
<a href="<?= url("servicos/em/{$solucoes->uri}") ?>"><i
class="uil-channel text-primary"></i></a>
</div>
<div class="fbox-content">
<h4 class="font-body fw-semibold h4 mb-4 mt-2 ls-0 text-transform-none">
<?= $solucoes->title ?></h4>
<p class="fw-lighter fs-6"><?= $solucoes->description ?></p>
<a href="<?= url("servicos/em/{$solucoes->uri}") ?>"
class="hover-button"><u>Saiba mais</u> <i
class="bi-arrow-right"></i></a>
</div>
</div>
</div>
<?php
endforeach; ?>
</div>
</div>
</div>
</div>
<div class="clear mb-6"></div>
<div class="swiper-slide-bg"
style="background-image: url('<?= url("images/wall.jpg") ?>'); background-position: center top;"></div>
</div>
<?php
$this->insert("views/brands"); ?>
<div class="section bg-iande-light2 my-0 mb-0 px-lg-0">
<div class="w-100 h-100"
style="position: absolute; bottom: -20px; background: url('<?= url(
"images/bg-pele.png"
) ?>')no-repeat bottom center;"></div>
<div class="container mt-6 mb-6">
<div class="row justify-content-center align-items-center align-content-center ">
<div class="col-lg-7">
<span class="text-primary text-uppercase small mb-2 d-inline-block"
style="--cnvs-font-size-small: 1rem">conscientização </span>
<h2 class="fs-1 mb-4 font-extra-large text-secondary lh-1">Uma mudança necessária - <span
class="text-primary">o que está em jogo?</span></h2>
<p class="fw-lighter">
Não existe economia fora da sociedade. Não existe economia e sociedade fora do Meio Ambiente. Tudo está interconectado, do mais simples ao Planeta Terra como um todo.
</p>
<p class="fw-lighter">
Vivemos várias crises, dentre as quais:
<ul class="iconlist">
<li class='bg-primary bg-opacity-10 py-2 px-3 rounded'>
<i class="bi-check-circle-fill text-primary"></i>
<span>
da Biodiversidade – nos últimos 50 anos a humanidade foi responsável pela redução de 70% das populações de outros animais
</span>
</li>
<li class='bg-primary bg-opacity-10 py-2 px-3 rounded'>
<i class="bi-check-circle-fill text-primary"></i>
<span>
do Clima - 2024 foi considerado o ano mais quente de toda a história.
</span>
</li>
</ul>
</p>
<p class="fw-lighter">
Ao ultrapassar 6 dos 9 limites planetários, já sentimos a piora na qualidade do ar, na produtividade do solo, na disponibilidade de água e energia – isso impacta diretamente todas as formas de vida e compromete profundamente a chance de qualquer negócio ou economia prosperar!
</p>
</div>
<div class="col-lg-5 mb-6 mb-lg-0">
<img src="<?= url("images/circulos.svg") ?>" data-animate="fadeInRight" alt=".." class="">
</div>
</div>
<div class="line"></div>
<div class="row justify-content-center align-items-center align-content-center ">
<div class="col-lg-5 mb-6 mb-lg-0">
<img src="<?= url("images/limites-planetarios.png") ?>" data-animate="fadeInLeft" alt=".."
class="">
</div>
<div class="col-lg-6 mb-6 mb-lg-0">
<div class="col-lg-12" data-animate="fadeInRight" data-delay="500">
<div class="p-4 rounded-xxl gx-0 dark mb-4 bg-primary dark"
style=" background: url('<?= url("images/aspas.png") ?>') no-repeat bottom right;">
<div class="row align-items-center justify-content-between">
<div class="col-12 col-lg-auto mt-4 mt-lg-0">
<p class="fs-5 font-secondary" style="line-height: 1.2em; font-style: italic">
Ao investir em soluções sustentáveis e em transição energética, as empresas
podem não
apenas cumprir com as metas climáticas, mas também impulsionar novos modelos
de
negócios, reduzir riscos e gerar valor financeiro
</p>
<p class=" fs-6 font-primary fw-bolder text-secondary">Simon Stiell, chefe de
clima da ONU
- COP 29 2025, Azerbaijão
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-12" data-animate="fadeInRight" data-delay="1000">
<div class="p-4 rounded-xxl gx-0 dark bg-primary dark"
style=" background: url('<?= url("images/aspas.png") ?>') no-repeat bottom right;">
<div class=" align-items-center justify-content-between">
<div class="col-12 col-lg-auto mt-4 mt-lg-0">
<p class="fs-5 font-secondary" style="line-height: 1.2em; font-style: italic">
$44 trilhões em geração de valor econômico – mais da metade do PIB total
mundial –
dependem moderada ou altamente da natureza. Uma nova economia baseada na
natureza pode
gerar até $10,1 trilhões em valor anual para os negócios e criar 395 milhões
de empregos
até 2030.
</p>
<p class=" fs-6 font-primary fw-bolder text-secondary">World Economic Forum,
2020
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center p-lg-6 p-4 rounded-xxl gx-0 dark mt-5 mt-lg-6 bg-secondary dark"
style=" background: url('<?= url("images/coral.svg") ?>') center center; background-size: cover;">
<div class="row align-items-center justify-content-between">
<div class="col mb-lg-0">
<h5 class="font-body fs-4 mb-1 fw-medium iande-light-text">E aí, pronto para pensar e fazer
diferente? </h5>
<h2 class=" fs-3 mb-0 lh-1">Conheça algumas das soluções que a iandé tem para você!</h2>
</div>
<div class="col-12 col-lg-auto mt-4 mt-lg-0">
<a href="<?= url("servicos/em/todos") ?>"
class="btn px-3 py-2 px-md-5 py-md-3 btn-dark btn-light bg-iande-light text-secondary rounded-pill">Saiba
Mais <i class="bi-arrow-right text-secondary me-2 position-relative"
style="top: 1px"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide-bg"
style="background-image: url('<?= url("images/wall.jpg") ?>'); background-position: center top;"></div>
</div>
<?php
$this->insert("views/newsletter-widget2"); ?>
</section><!-- #content end -->
<div class="modal1 mfp-hide fadeIn fast" id="modalOrcamento">
<div class="card border-0 mx-auto bg-white" style="max-width: 500px;">
<img src="<?= url("images/modal.png") ?>" class="card-img-top" alt="Image">
<div class="card-body p-4">
<h3 class="card-title font-body"></h3>
<div class="form-widget">
<div class="form-result"></div>
<form class="mb-0 position-relative" action="<?= url("contact") ?>" method="post"
enctype="multipart/form-data">
<div class="form-process">
<div class="css3-spinner">
<div class="css3-spinner-scaler"></div>
</div>
</div>
<div class="row">
<div class="col-12 mb-2">
<label for="modal-health-name">Nome*:</label>
<input type="text" name="name" id="modal-health-name" class="form-control required" value=""
placeholder="Seu nome">
</div>
<div class="col-12 mb-2">
<label for="modal-health-email">Email*:</label>
<input type="email" name="email" id="modal-health-email" class="form-control required"
value="" placeholder="Seu melhor Email">
</div>
<div class="col-12 mb-2">
<label for="modal-health-phone">Telefone*:</label>
<input type="text" name="phone" id="modal-health-phone"
class="form-control mask-celular required"
value="" placeholder="Seu Telefone">
</div>
<div class="col-12 mb-2">
<label for="modal-health-phone">@ do Instagram*:</label>
<input type="text" name="message" id="modal-health-phone" class="form-control required"
value="" placeholder="Seu Usuário do Instagram">
</div>
<div class="col-12 form-group">
<small></small>
</div>
<div class="col-12">
<button type="submit" name="modal-health-submit"
class="btn bg-primary white-text w-100 py-2">Enviar
</button>
</div>
<input type="hidden" name="action" value="leilao">
<input type="hidden" name="subject" value="Doação">
</div>
</form>
</div>
</div>
</div>
</div>