<?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-around">
                <div class="col-lg-5">
                    <div>
                        <span class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-primary">Contato</span>
                    </div>
                    <h3 class="display-6 mb-3 fw-medium text-uppercase">Estamos prontos para te ajudar</h3>

                    <p class="mb-5">Saiba mais sobre nossos produtos e serviços. Peça um orçamento rápido e sem compromisso.</p>

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

                    <div class="feature-box fbox-sm mb-3">
                        <div class="fbox-icon">
                            <i class="bg-primary-subtle color fa-solid fa-location"></i>
                        </div>
                        <div class="fbox-content">
                            <h3 class="text-transform-none fw-normal color">
                                <strong class=" text-primary d-block">Endereço:</strong></h3>
                            <small class=""> Rua Rubem Braga, 58<br>
                                Conj. 102 e 103 - Barueri, SP</small>
                        </div>
                    </div>
                    <div class="feature-box fbox-sm mb-3">
                        <div class="fbox-icon">
                            <i class="bg-primary-subtle color fa-solid fa-phone"></i>
                        </div>
                        <div class="fbox-content">
                            <h3 class="text-transform-none fw-normal color">
                                <strong class=" text-primary d-block">+55 (11) 2626 - 4219</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:contato@sabbry.com">contato@sabbry.com</a></strong></h3>
                        </div>
                    </div>

                </div>

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

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

                        <form class="mb-0" id="template-contactform" name="template-contactform" 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" id="template-contactform-name" name="came" value="" class="rounded-pill 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" id="template-contactform-email" name="email" value="" class="required email rounded-pill form-control">
                                </div>

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

                                <div class="col-12 form-group mb-4">
                                    <label class="text-transform-none ls-0" for="template-contactform-subject">Assunto <small>*</small></label>
                                    <input type="email" id="template-contactform-subject" name="subject" value="" class="required email rounded-pill 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 rounded-5 form-control" id="template-contactform-message" name="message" rows="6" cols="30"></textarea>
                                </div>

                                <div class="col-12 form-group mb-4 d-none">
                                    <input type="text" id="template-contactform-botcheck" name="template-contactform-botcheck" value="" class="rounded-pill form-control">
                                </div>

                                <div class="col-12 form-group mb-4">
                                    <button class="button button-large rounded-pill 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">Enviar Mensagem</button>
                                </div>
                            </div>

                            <input type="hidden" name="prefix" value="template-contactform-">

                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3659.3737943418987!2d-46.85023778502372!3d-23.483042184721786!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94cf034669d9921b%3A0x8b35bc9a7e680ad2!2sSabbry%20Industrial%20Solutions!5e0!3m2!1spt-BR!2sbr!4v1629439022169!5m2!1spt-BR!2sbr"  height="400" style="border:0;" allowfullscreen=""></iframe>

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