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

        <div class="container">

            <div class="row justify-content-around px-lg-0 px-3">
                <div class="col-lg-5">
                    <span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block" style="--cnvs-font-size-small: .75rem">Contact Us</span>

                    <h3 class="display-6 mb-3 fw-medium text-uppercase">Need Help?</h3>

                    <p class="mb-5">
                        Nous simplifions votre expérience en confirmant vos informations sans que vous ayez à les ressaisir. Dès que vous avez complété votre réservation, vos données sont enregistrées, vous n'aurez donc plus à les répéter inutilement. Cela garantit une communication fluide et harmonieuse. 
                        Bien que vous soyez au coeur de l'aventure, soyez assuré que vous n'êtes jamais seul. À tout moment, vous pouvez nous solliciter pour un accompagnement personnalisé. 
                        De plus, nous vous proposerons régulièrement des offres promotionnelles ainsi que des nouveautés pour vous offrir une expérience toujours plus enrichissante. Grâce à notre expertise en marketing digital, nous serons présents pour vous informer de ces opportunités sur vos réseaux sociaux favoris. 
                    </p>

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

<!--                    <div class="feature-box fbox-sm mb-3">-->
<!--                        <div class="fbox-icon">-->
<!--                            <i class="bg-primary-subtle color bi-globe-americas"></i>-->
<!--                        </div>-->
<!--                        <div class="fbox-content">-->
<!--                            <h3 class="text-transform-none fw-normal color">-->
<!--                                <strong class=" text-primary d-block">Matriz – São Paulo</strong></h3>-->
<!--                            <small class=""> Av. Inconfidência Mineira, 337<br>-->
<!--                                Vila Rica | São Paulo/SP<br>-->
<!--                                CEP 03911–000-->
<!--                                </small>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="feature-box fbox-sm mb-3">-->
<!--                        <div class="fbox-icon">-->
<!--                            <i class="bg-primary-subtle color bi-globe-americas"></i>-->
<!--                        </div>-->
<!--                        <div class="fbox-content">-->
<!--                            <h3 class="text-transform-none fw-normal color">-->
<!--                                <strong class=" text-primary d-block">Filial – Minas Gerais</strong></h3>-->
<!--                            <small class=""> Av. Wilson Megale, 602<br>-->
<!--                                Centro | Borda da Mata/MG<br>-->
<!--                                CEP 37564-000-->
<!--                            </small>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="feature-box fbox-sm mb-3">
                        <div class="fbox-icon">
                            <i class="bg-primary-subtle color bi-whatsapp"></i>
                        </div>
                        <div class="fbox-content">
                            <h3 class="text-transform-none fw-normal color">
                                <strong class=" text-primary d-block">06 67 52 52 25</strong></h3>
                        </div>
                    </div>


                    <div class="feature-box fbox-sm mb-5">
                        <div class="fbox-icon">
                            <i class="bg-primary-subtle color fa-solid fa-envelope"></i>
                        </div>
                        <div class="fbox-content">
                            <h3 class="text-transform-none fw-normal color"> <strong class=" text-primary d-block"><a href="mailto:<?= CONF_EMAIL ?>"><?= CONF_EMAIL ?></a></strong></h3>
                        </div>
                    </div>

                </div>

                <div class="col-lg-5">
                    <div class="form-widget">

                        <div class="form-result"></div>

                        <form class="mb-0" action="<?= url("contact")?>" method="post">

                            <div class="form-process">
                                <div class="css3-spinner">
                                    <div class="css3-spinner-scaler"></div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-name">Name <small>*</small></label>
                                    <input type="text" name="name" value="" class="form-control required">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-email">Email <small>*</small></label>
                                    <input type="email"  name="email" value="" class="required email form-control">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-phone">Phone <small>*</small></label>
                                    <input type="text" name="phone" value="" class="required form-control mask-celular">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-subject">Subject <small>*</small></label>
                                    <input type="text"  name="subject" value="" class="required form-control">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-message">Message <small>*</small></label>
                                    <textarea class="required form-control" id="template-contactform-message" name="message" rows="6" cols="30"></textarea>
                                </div>


                                <div class="col-12 form-group mb-4">
                                    <button class="button button-large bg-color px-4 py-2 h-op-09 op-ts m-0  ls-1 text-uppercase" type="submit" id="template-contactform-submit" name="template-contactform-submit" value="submit">Send</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section><!-- #content end -->


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