<?php $v->layout("_theme");
$v->start("css"); ?>

<?php $v->end(); ?>


<section id="content">
    <div style="position: absolute; top: -13px; left: 0; width: 100%;height: 30px; background: url('<?= theme("assets/burger/images/svg/brush.svg")?>') no-repeat top center / 110% auto; z-index: 2;"></div>
    <div class="content-wrap p-0">

        <div id="story" class="page-section">

            <div class="section my-0" style="background: #F0ECE7 url('<?= theme("assets/burger/images/icon-bg.png")?>') repeat center center;">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 mb-5">
                            <div class="before-heading font-primary color">Mais Vida</div>
                            <h1 class="font-secondary display-4 fw-bold">Para sua empresa </h1>
                            <p class="price-desc font-medium ">Refeições transportadas, quentes ou congeladas para empresas públicas ou privadas que buscam praticidade na hora da alimentação de seus colaboradores, garantindo a mesma qualidade de uma comida preparada localmente.</p>
                            <p class="price-desc font-medium ">Com refeições nutritivas e saborosas preparadas pela nossa equipe de chefs e nutricionistas, atendemos indústrias, hospitais, escolas, centros de estudos, locais remotos, canteiros de obras ou lugares com pouco espaço para produção. Nossas embalagens específicas, asseguram o perfeito armazenamento, controle de temperatura, valor nutritivo e sabor dos alimentos.</p>
                            <p class="price-desc font-medium ">Nós também administramos sua cozinha ou restaurante local com os mesmos critérios e carinho da nossa cozinha central.</p>
                            <p class="price-desc font-medium ">Concentre-se no que mais importa e confie a alimentação dos seus colaboradores a quem entende de qualidade e sabor.</p>
                        </div>
                        <div class="col-lg-6">
                            <div class="before-heading font-primary color">Mais Vida</div>
                            <h1 class="font-secondary display-4 fw-bold">Para Você </h1>
                            <p class="price-desc font-medium mb-3">Que tal MAIS VIDA? Aposte em uma alimentação saudável e saborosa, que não utiliza nenhum tipo de conservante, estabilizante, aditivos ou corantes! Nas nossas linhas de alimentação saudável, priorizamos o uso de produtos frescos e locais com a seleção dos melhores ingredientes para que cada refeição tenha um sabor único e especial. Organize sua rotina com refeições congeladas e garanta praticidade e sabor no seu dia a dia. E tudo isso com valores acessíveis!
                            </p>
                            <p class="price-desc font-medium mb-3">Aqui na MAIS VIDA, abriu, aqueceu, comeu! Acesse abaixo nosso cardápio e confira todas as oportunidades de se alimentar bem!

                            </p>
                            <p>
                                <a href="https://mais-vida-alimentos.goomer.app/menu" target="_blank" class="button button-large button-rounded button-reveal px-4 tright fw-semibold"><i class="icon-line-arrow-right"></i><span>Nosso Cardápio</span></a>
                            </p>
                        </div>
                    </div>
                    <div class="center bottommargin mx-auto" style="">


                        <div class="card mx-auto my-5 slide-img border-0" style="max-width: 550px">
                            <img src="<?= theme("assets/images/food1.jpg")?>" class="card-img" alt="Comida transportada para empresas">
                            <div class="card-img-overlay dotted-bg dotted-bg-light d-flex align-items-center justify-content-center">
                                <a class="stretched-link display-3 text-white image_fade"></a>
                            </div>
                        </div>

                        <!--                        <img src="--><?//= theme("assets/burger/images/svg/items.svg")?><!--" alt="All Items">-->
                    </div>
                </div>

                <div class="container">
                    <div class="center bottommargin mx-auto" style="max-width: 800px; margin-top: 100px">
                        <div class="before-heading font-primary color">A Empresa</div>
                        <h1 class="font-secondary display-4 fw-bold">Sobre a Mais Vida </h1>
                        <p class="price-desc font-medium">Nascemos para simplificar a sua vida e fazer seu tempo ser aproveitado da melhor maneira. Mas começamos fornecendo refeições congeladas diretamente para o consumidor!
                        </p>
                        <p class="price-desc font-medium">                            Hoje evoluímos para atender as necessidades de refeições individualizadas nas operações da sua empresa, oferecendo soluções práticas e de qualidade com alternativas inteligentes e economicamente viáveis para a alimentação da sua equipe.
                        </p>
                        <p class="price-desc font-medium">                            Com refeições transportadas individualizadas ou não, quentes ou congeladas, operamos com empresas públicas ou privadas e personalizamos a solução para se adaptar ao seu negócio.
                        </p>

                        <!--                        <img src="--><?//= theme("assets/burger/images/svg/items.svg")?><!--" alt="All Items">-->
                    </div>
                </div>

            </div>


            <div class="section bg-white m-0 p-0" id="dif">
                <div style="position: absolute; top: -13px; left: 0; width: 100%;height: 30px; background: url('<?= theme("assets/burger/images/svg/brush.svg")?>') no-repeat top center / 110% auto; z-index: 2;"></div>

                <img src="<?= theme("assets/images/bg-food.jpg")?>" alt="Section Image">
                <div class="container mt-0 mb-5">
                    <div class="center bottommargin-lg dark">
                        <div class="before-heading font-secondary color">8 motivos para escolher a</div>
                        <h1 class="font-border display-4 ls1 fw-bold">Mais Vida </h1>
                    </div>

                    <div class="clear"></div>

                    <div class="row align-items-center">

                        <div class="col-lg-4 col-md-6">

                            <div class="feature-box px-0" data-animate="fadeInLeft">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Economia</h3>
                                    <p>Reduza os custos com alimentação de seus colaboradores e ofereça comida de verdade</p>
                                </div>
                            </div>

                            <div class="feature-box topmargin-lg" data-animate="fadeInLeft" data-delay="
									100">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Comida de verdade</h3>
                                    <p>Alimentação de qualidade, nutritiva e saudável, sem conservantes ou aditivos químicos.</p>
                                </div>
                            </div>

                            <div class="feature-box topmargin-lg" data-animate="fadeInLeft" data-delay="
									100">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Segurança Alimentar</h3>
                                    <p>Nossos produtos são feitos e conservados com rigoroso padrão de qualidade, conforme legislação e exigências da ANVISA.</p>
                                </div>
                            </div>

                            <div class="feature-box topmargin-lg bottommargin-lg" data-animate="fadeInLeft" data-delay="
									200">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Maior produtividade</h3>
                                    <p>É comprovado: qualidade na alimentação gera produtividade.</p>
                                </div>
                            </div>

                        </div>

                        <div class="col-lg-4 d-md-none d-lg-block center slide-img" data-animate="img-to-bottom">
                            <img src="<?= theme("assets/images/ingredients.jpg")?>" alt="iphone 2" style="max-width: 350px">
                        </div>

                        <div class="col-lg-4 col-md-6">

                            <div class="feature-box" data-animate="fadeInRight">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Customização</h3>
                                    <p>Cardápio customizado de acordo com as necessidades mais exigentes da sua empresa e dos seus colaboradores.</p>
                                </div>
                            </div>

                            <div class="feature-box px-0 topmargin-lg" data-animate="fadeInRight" data-delay="
									100">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Compromisso social</h3>
                                    <p>Selo Eureciclo, responsável pela logística reversa de todo o material reciclável que colocamos no mercado.</p>
                                </div>
                            </div>

                            <div class="feature-box px-0 topmargin-lg" data-animate="fadeInRight" data-delay="
									100">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Transporte específico</h3>
                                    <p>As refeições são levadas até o destino em transporte apropriado que garante segurança, integridade e temperatura do alimento.</p>
                                </div>
                            </div>

                            <div class="feature-box topmargin-lg bottommargin-lg" data-animate="fadeInRight" data-delay="
									200">
                                <div class="fbox-content">
                                    <h3 class="color"><i class="icon-check-circle"></i> Know-How</h3>
                                    <p>A experiência com a operação direta aos consumidores e o entendimento das suas preferências e necessidades evoluiu para o atendimento às empresas.</p>
                                </div>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="clear"></div>

        <div id="menu" class="page-section">

            <div class="section mb-0" style="background: #F0ECE7 url('<?= theme("assets/burger/images/icon-bg.png")?>') repeat center center;">

                <div class="container">

                    <div class="row align-items-center">
                        <div class="col-md-5 order-2 order-md-1">
                            <div class="bottommargin">
                                <div class="before-heading font-secondary color mb-2">Nossos Serviços</div>
                                <div class="d-flex align-items-center dotted-bg">
                                    <h1 class="font-border display-4 ls1 fw-bold">Refeições Transportadas</h1>
                                </div>
                            </div>

                            <div class="clear"></div>

                            <div class="price-menu-warp img-hover-block">
                                <p class="price-desc font-medium">Ideal para empresas que não possuem ambiente interno adequado para a preparação das refeições. Com cardápios desenvolvidos por profissionais especializados, preparamos as refeições em nossa cozinha industrial e transportamos via frotas específicas para este fim. Praticidade e economia aliados a uma refeição balanceada e de muita qualidade.
                                </p>
                            </div>

                        </div>

                        <div class="col-md-6 center order-1 order-md-2" data-animate="zoomIn faster">
                            <img src="<?= theme("assets/images/transportada.png")?>" alt="Image" class="parallax price-img mb-5 mb-md-0" data-top-bottom="transform:translateY(-30px)" data-bottom-top="transform:translateY(140px)">
                        </div>
                    </div>
                </div>

            </div>

            <div id="menu-snacks" class="section m-0" style="background: #F0ECE7 url('<?= theme("assets/burger/images/icon-bg.png")?>') repeat center center;">

                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-6 offset-md-1" data-animate="zoomIn faster">
                            <img src="<?= theme("assets/images/catering.png")?>" alt="" class="parallax price-img mb-5 mb-md-0" data-top-bottom="transform:translateY(-30px)" data-bottom-top="transform:translateY(140px)">
                        </div>

                        <div class="col-md-5">
                            <div class="bottommargin">
                                <div class="before-heading font-secondary color mb-2">Nossos Serviços</div>
                                <div class="d-flex align-items-center dotted-bg">
                                    <h1 class="font-border display-4 ls1 fw-bold">Catering</h1>
                                </div>
                            </div>

                            <div class="clear"></div>

                            <div class="price-menu-warp img-hover-block">
                                <p class="price-desc font-medium">Soluções personalizadas para eventos de pequeno e grande porte com opções variadas de alimentação, seja de refeições, kit lanche ou café da manhã, de acordo com a demanda específica da sua empresa.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="menu-beverages" class="section mt-0"  style="background: #F0ECE7 url('<?= theme("assets/burger/images/icon-bg.png")?>') repeat center center;">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-5 order-2 order-md-1">
                            <div class="bottommargin">
                                <div class="before-heading font-secondary color mb-2">Nossos Serviços</div>
                                <div class="d-flex align-items-center dotted-bg">
                                    <h1 class="font-border display-4 ls1 fw-bold">Para você </h1>
                                </div>
                            </div>

                            <div class="clear"></div>

                            <div class="price-menu-warp img-hover-block">
                                <p class="price-desc font-medium mb-3">Que tal MAIS VIDA? Aposte em uma alimentação saudável e saborosa, que não utiliza nenhum tipo de conservante, estabilizante, aditivos ou corantes! Nas nossas linhas de alimentação saudável, priorizamos o uso de produtos frescos e locais com a seleção dos melhores ingredientes para que cada refeição tenha um sabor único e especial. Organize sua rotina com refeições congeladas e garanta praticidade e sabor no seu dia a dia. E tudo isso com valores acessíveis!
                                </p>
                                <p class="price-desc font-medium mb-3">Aqui na MAIS VIDA, abriu, aqueceu, comeu! Acesse abaixo nosso cardápio e confira todas as oportunidades de se alimentar bem!

                                </p>
                                <p>
                                    <a href="https://mais-vida-alimentos.goomer.app/menu" target="_blank" class="button button-large button-rounded button-reveal px-4 tright fw-semibold"><i class="icon-line-arrow-right"></i><span>Nosso Cardápio</span></a>
                                </p>
                            </div>

                        </div>

                        <div class="col-md-6 center order-1 order-md-2 bottommargin-lg" data-animate="zoomIn faster">
                            <img src="<?= theme("assets/images/voce.png")?>" alt="Image" class="parallax price-img mb-5 mb-md-0" data-top-bottom="transform:translateY(-30px)" data-bottom-top="transform:translateY(140px)">
                        </div>
                    </div>
                </div>


                <?php if($posts): ?>


                <div class="section bg-white m-0 p-0" style="margin-bottom: -40px !important;" id="dif">
                    <div style="position: absolute; top: -13px; left: 0; width: 100%;height: 30px; background: url('<?= theme("assets/burger/images/svg/brush.svg")?>') no-repeat top center / 110% auto; z-index: 2;"></div>

                    <div class="container mt-5 mb-5">
                        <div class="center bottommargin-lg dark">
                            <div class="before-heading font-secondary color">Novidades</div>
                            <h1 class="font-border display-4 ls1 fw-bold">O que temos de novo!</h1>
                        </div>

                        <div class="clear"></div>
                        <div class="row posts-md col-mb-30 p-5">


                            <?php foreach($posts as $p):?>
                                <div class="entry col-sm-12 col-md-4">
                                    <div class="grid-inner">
                                        <div class="entry-image">
                                            <a href="<?= url("/blog/".$p->uri)?>" title="<?= $p->title ?>"><img src="<?= image($p->cover, 500, 300)?>" alt="<?= $p->title ?>" title="<?= $p->title ?>"></a>
                                        </div>
                                        <div class="entry-title title-xs nott">
                                            <h3><a href="<?= url("/blog/".$p->uri)?>"><?= $p->title ?></a></h3>
                                        </div>
                                        <div class="entry-meta">
                                            <ul>
                                                <li><i class="icon-calendar3"></i> <?= date_fmt($p->post_at, "d/m/Y")?></li>
                                            </ul>
                                        </div>
                                        <div class="entry-content">
                                            <p class="mb-0"><?= $p->subtitle ?></p>
                                        </div>
                                    </div>

                                </div>
                            <?php endforeach; ?>
                            <div class="clear"></div>
                            <div class="col-md-12 text-center">
                                <div class="center">
                                    <a href="<?= url("blog")?>"  class="button bg-theme-secondary button-3d button-circle button-xlarge mb-0" style="letter-spacing: -0.01em">Ver todas matérias</a>
                                </div>

                            </div>



                        </div>
                    </div>
                </div>
                <?php endif; ?>
            </div>

        </div>


        <div class="section my-0 header-stick bg-dark-green dark">
            <div class="container mx-auto" style="max-width: 1000px">
                <div class="row align-items-center">
                    <div class="col-md-6 text-center text-md-start">
                        <h2 class="display-4 fw-bold text-uppercase ls1" data-animate="fadeInUp">Não perca tempo!</h2>
                        <h4 class="font-secondary color mb-5" data-animate="fadeInUp" data-delay="100"> Temos uma equipe preparada para atender seu pedido em pouquíssimo tempo!</h4>
                        <div class="side-panel-trigger">
                            <a href="#" class="button button-large button-rounded button-reveal px-4 tright fw-semibold"><i class="icon-line-arrow-right"></i><span>Solicite agora!</span></a>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="slide-img" data-animate="img-to-left">
                            <img src="<?= theme("assets/burger/images/svg/delivery.svg")?>" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>

</section>