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


<section id="content" class="bg-white">


    <div class="content-wrap">
        <div class="container clearfix">
            <!-- Post Content
                        ============================================= -->
            <div class="row justify-content-center">
                <div class="col-xl-5 mt">
                    <div class="d-flex p-5 position-relative flex-column h-100 overflow-hidden"
                         style="border-radius: 20px;">
                        <div class="position-relative z-1">
                            <div>
                                            <span
                                                class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-primary">Soluções em Serviços</span>
                            </div>
                            <h3 class="display-6 mb-3 fw-medium text-uppercase">Mantemos sua produção
                                operando</h3>
                            <p class="op-09 mb-5">Com mais de 30 anos de experiência, nossa equipe possui amplo
                                conhecimento no setor gráfico, oferecendo diferentes serviços para potencializar
                                sua produção.</p>
                            <p class="op-09 mb-5">
                            <ul class="iconlist iconlist-lg">
                                <li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
                                        class="bi-check-circle-fill"></i>Manutenção corretiva mecânica e
                                    eletrônica
                                </li>
                                <li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
                                        class="bi-check-circle-fill"></i>Manutenção preventiva e inspeção
                                </li>
                                <li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
                                        class="bi-check-circle-fill"></i>Solução de atendimento via acesso
                                    remoto
                                </li>
                            </ul
                            >
                            </p>

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

                <div class="col-xl-7">
                    <div class="d-flex position-relative h-100 min-vh-25 overflow-hidden"
                         style="border-radius: 20px;">
                        <img src="<?= url("images/servicos.jpg") ?>" alt="..."
                             class="object-cover w-100 h-100 position-absolute">
                        <div class="position-relative z-1 mt-5 ms-5">
                            <span class="badge rounded-pill bg-yellow px-3 py-2 mb-2 fw-normal text-black">Assistência Especializada</span>
                        </div>
                    </div>
                </div>

            </div>

            <div class="line"></div>

            <div class="row justify-content-center">



                        <?php
                        foreach ($products as $product):
                            ?>
                            <div class="product col-lg-4 col-sm-6 col-12 mb-4">

                                <div class="flip-card text-center">
                                    <div class="flip-card-front dark" style="background-image: url('<?= image($product->cover, 600)?>')">
                                        <div class="flip-card-inner">
                                            <div class="card bg-transparent border-0 text-center">
                                                <div class="card-body text-contrast-900">
                                                    <i class="bi-screwdriver h2 mb-2"></i>

                                                    <h3 class="card-title"><?= $product->title ?></h3>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="flip-card-back bg-primary no-after">
                                        <div class="flip-card-inner">
                                            <p class="mb-2 text-white"><?= $product->subtitle ?></p>
                                            <a href="<?=url("/contato")?>" class="button bg-dark h-bg-secondary button-circle button-reveal text-end ls-0 m-0 button-small" style="padding-left: 30px;padding-right: 30px;"><span>Saiba Mais</span><i class="bi-chevron-right"></i></a>

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

                <?php

                        endforeach;
                        ?>


                </div>
            </div>

        </div>
        <?php if($paginator):?>
        <hr>
        <?= $paginator; ?>
        <?php endif; ?>

    </div>
</section><!-- #content end -->
<?php $v->insert("views/newsletter-widget"); ?>