<?php

$this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">
    <div class="content-wrap py-0">
        <div class="section bg-summit dark m-0">
            <div class="w-100 h-100 d-none d-lg-block"
                 style="position: absolute; top:0; background: url('<?= url(
                     "images/summit-parallax2.png"
                 ) ?>') no-repeat top right ;"></div>
            <div class="container px-5">
                <div class="row align-items-center justify-content-center  align-content-center">
                    <div class="col-lg-3 col-9 mb-5 mb-lg-0" data-animate="fadeIn">
                        <img class="rounded-6" src="<?= url("images/logo-summit2.png")?>">
                    </div>
                    <div class="col-lg-6 col-10" data-delay="500" data-animate="fadeIn">
                        <h2 class="fw-lighter lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Onde a

                            <span class="text-primary fw-bolder">inovação e a sustentabilidade movem o futuro do turismo</span>
                        </h2>
                        <p class="fs-5 lh-1 fw-lighter">
                            O Summittour é o mundo onde inovação se mistura à identidade cultural e territorial e onde a criatividade encontra o empreendedorismo. Aqui, o turismo se transforma em experiências sustentáveis, os talentos locais ganham espaço e conexão, e gestores públicos e privados são inspirados a transformar suas realidades por meio de ideias e soluções inovadoras. Um território vivo, em constante movimento, que valoriza raízes, gera negócios, fortalece Foz como hub de inovação e criatividade e promove uma gestão mais criativa, sustentável e alinhada aos desafios do presente.
                        </p>
                    </div>

                    <div class="row align-items-center align-content-center justify-content-center">
                        <div class="col-10 col-md-8 col-lg-6 col-xl-5">
                            <p class="center fs-3 mt-5 fw-lighter p-3 border rounded-ultra bg-primary dark">Retire aqui seu
                                <a href="https://www.sympla.com.br/evento/mundo-summit-tour/3102323"
                                   target="_blank" class="button bg-summit rounded-pill m-0 "
                                   style="margin-left: 10px !important; margin-top: -10px !important;">Ingresso<i
                                            class="fa-solid fa-arrow-right ms-3"></i></a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="section bg-primary m-0 border-0 d-flex dark mt-0">
            <div class="w-100 h-100 d-none d-lg-block"
                 style="z-index:9999; position: absolute; top: -5px; right: -50px; background: url('<?= url(
                     "images/summit-parallax.png"
                 ) ?>') no-repeat top left ;"></div>
            <div class="container">
                <div class="row align-items-center justify-content-center align-content-center">
                    <div class="col-10 col-lg-3"  data-animate="fadeIn">
                        <h2 class="fw-bold lh-1 ls-0 mb-4 mt-3 display-3" >O que
                            <span class="text-summit"> move esse mundo?</span>
                        </h2>
                    </div>
                    <div class="col-10 col-lg-5 " data-delay="500" data-animate="fadeIn">
                        <img class="rounded-6" src="<?= url("images/summit-1.svg")?>">
                    </div>
                </div>
            </div>
        </div>
        <div class="section parallax scroll-detect m-0 border-0 d-flex dark mt-0" style="min-height: 600px"
             data-parallax-direction="horizontal">
            <img src="<?= image("images/site/parallax-summit.jpg", 1920) ?>" class="parallax-bg">
        </div>
<!--        <div class="section bg-white-light m-0">-->
<!---->
<!--            <div class="container">-->
<!--                <div class="row align-items-center justify-content-center align-content-center" data-animate="fadeIn">-->
<!--                    <div class="col-lg-4 col-10">-->
<!--                        <img class="rounded-6" src="--><?php //= url("images/ic-summit.svg")?><!--" style="max-width: 300px">-->
<!---->
<!--                    </div>-->
<!--                    <div class="col-lg-6 col-10">-->
<!--                        <h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">-->
<!--                            <span class="text-summit">HackTour</span></h2>-->
<!--                        <p class="">-->
<!--                            O HackTour é um espaço dedicado à inovação e à tecnologia aplicada ao turismo. Equipes multidisciplinares trabalham em desafios práticos para criar soluções digitais, produtos e serviços que transformem a experiência turística, tornando-a mais conectada, sustentável e inteligente. O submundo promove criatividade, colaboração e aprendizado prático, conectando participantes a mentores, startups e especialistas do setor.-->
<!--                        </p>-->
<!---->
<!--                    </div>-->
<!---->
<!--                </div>-->
<!---->
<!--            </div>-->
<!--        </div>-->
    </div>
</section><!-- #content end -->