<?php $v->layout("_theme");
$v->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content">

    <div class="content-wrap">
        <div class="container">

            <div class="row justify-content-between align-items-center col-mb-30 mw-md mt-4 px-3">
                <div class="col-md-3 offset-md-2 ">
                    <h1 class="color-2 font-weight-bolder" style="font-size: 2.5em"><?= $page->title?></h1>
                </div>
                <div class="col-md-7">
                    <p class="mb-4 font-weight-normal mt-0 font-medium2"><?= $page->field1?></p>

                </div>
                <div class="col-12 mt-1">
                    <p class="center">
                        <a href="<?= url("/agende-sua-mentoria") ?>"
                           class="button button-circle">Agende sua Mentoria <i class="icon-chevron-right color-2 mr-2 position-relative"
                                                                               style="top: 1px; left: 5px"></i></a>
                    </p>
                </div>
            </div>
        </div>


    </div>

    <div class="section mt-0 mb-0 bg-gray px-3">
        <div class="container">

            <div class="row justify-content-between align-items-center col-mb-30 mw-md mt-4 px-3">
                <div class="col-md-3 offset-md-2 ">
                    <h1 class="color-2 font-weight-bolder" style="font-size: 2.5em"><?= $page->subtitle?></h1>
                </div>
                <div class="col-md-7 pl-lg-6">
                    <?= $page->field2?>


                </div>
                <div class="col-12 mt-1">
                    <p class="center">
                        <a href="<?= url("/agende-sua-mentoria") ?>"
                           class="button button-circle">Agende sua Mentoria <i class="icon-chevron-right color-2 mr-2 position-relative"
                                                                                                                          style="top: 1px; left: 5px"></i></a>
                    </p>
                </div>


            </div>
        </div>
        <div class="row justify-content-between align-items-center col-mb-30 mw-md mt-4 px-3">
            <div class="col-lg-7 center-col">

            </div>
        </div>
    </div>
    <?php if(isset($services) AND $services != ""):?>
    <div class="container">
        <div class="heading-block mw-xs mx-auto text-center mb-6 mt-6">
            <h5 class="font-body text-uppercase ls2 color-2"><?= CONF_SITE_NAME?></h5>
            <h3 class="color nott ls0 text-uppercase">Conheça nossas Mentorias</h3>
        </div>
        <div class="row posts-md col-mb-30 mb-6">
            <?php

            foreach ($services as $service): ?>
                <div class="col-lg-4 col-sm-6 mb-4">
                    <div class="i-products">
                        <div class="products-image">
                            <a href="<?= url("servicos/{$service->uri}") ?>">
                                <img src="<?= image($service->cover, 500, 300) ?>"
                                     alt="Serviços - <?= $service->title ?>"
                                     title="Serviços - <?= $service->title ?>">
                                <!--                                    <span class="badge">Gadgets</span>-->
                            </a>
                        </div>
                        <div class="products-desc">
                            <h3><a href="<?= url("servicos/{$service->uri}") ?>"><?= $service->title ?></a></h3>
                            <p><?= str_limit_words($service->subtitle, 20, "...") ?></p>
                            <div class="clear"></div>
                            <div class="products-hoverlays">

                                <p class="text-black-50"><a href="<?= url("servicos/{$service->uri}") ?>"
                                                            class="button button-small button-circle">Saiba Mais
                                        <i class="icon-chevron-right"></i></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            <?php endforeach; ?>
        </div>

    </div>
    <?php endif; ?>



    <?php $v->insert("views/newsletter-widget-2"); ?>


</section><!-- #content end -->