<?php

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

<section id="content">
    <div class="content-wrap py-0">


        <div class="section mt-0 mb-0 bg-white">
            <div class="container">
                <div class="row align-items-center justify-content-center align-items-center">


                    <div class="col-lg-10">
                        <span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block" style="--cnvs-font-size-small: .75rem"><?= $company->title ?></span>

                        <h3 class="mb-3 fw-medium text-uppercase fs-2">Conheça mais sobre a <span
                                    class="text-secondary"><?= CONF_SITE_NAME?></span></h3>
                        <h4 class="text-uppercase"></h4>
                        <p class="op-09 mb-3 fs-5">
                            <?= $company->description ?>
                        </p>

                    </div>

                </div>

            </div>
        </div>

        <div class="section parallax scroll-detect m-0 border-0 d-flex dark " data-parallax-direction="horizontal">
            <img src="<?= url("images/parallax3.jpg") ?>" class="parallax-bg">
            <div class="overlay-black-light"></div>
            <div class="container">

                <div class="col-12 py-5">
                    <div class="card rounded-xxl bg-transparent dark border-0">
                        <div class="card-body">
                            <div class="row align-items-center">
                                <h3 class="display-6 op-09 mb-3 mb-6 text-center px-6 text-uppercase">
                                    Nossas diretrizes

                                </h3>

                            </div>

                            <div class="row gy-5">

                                <div class="col-lg-5  font-small">
                                    <span class="badge rounded-pill bg-secondary px-3 py-2 fw-normal">01</span>
                                    <h4 class="mt-4 mb-2 fs-5 fw-bold"> NOSSA MISSÃO</h4>
                                    <p class="mb-0 font-small"><?= $company->mission ?>
                                    </p>
                                </div>
                                <div class="col-lg-4 font-small">
                                    <span class="badge rounded-pill bg-secondary px-3 py-2 fw-normal">02</span>
                                    <h4 class="mt-4 mb-2 fs-5 fw-bold"> NOSSA VISÃO</h4>
                                    <p class="mb-0 font-small"><?= $company->vision ?>
                                    </p>
                                </div>
                                <div class="col-lg-3  font-small">
                                    <span class="badge rounded-pill bg-secondary px-3 py-2 fw-normal">03</span>
                                    <h4 class="mt-4 mb-2 fs-5 fw-bold"> NOSSOS VALORES</h4>
                                    <p class="mb-0 font-small">

                                        <?php $ul = str_replace("<ul>", '<ul class="iconlist">', $company->company_values)?>
                                        <?=  str_replace("<li>", '<li><i class="bi-check-circle-fill text-secondary"></i> ', $ul)?>


                                    </p>
                                </div>

                                </div>


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

            </div>
        </div>



    </div>

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

<?php
$this->insert("views/brands"); ?>