@extends('layouts.site')

@section('title')
<title> Contato - {{env('APP_NAME')}}</title>
@endsection

@section('content')

    <!--=============== wrapper ===============-->
    <div id="wrapper">
        <div class="content-holder elem scale-bg2 transition3" >
            <div class="content">
                <!-- background animation  -->
                <div class="bg-animate"><img src="{{asset('site/images/body-bg.png')}}"  class="respimg" alt=""></div>
                <!-- wrapper-inner -->
                <div class="wrapper-inner">
                    <div class="container">
                        <div class="page-title no-border">
                            <h2>VAMOS JUNTOS DESENVOLVER O SEU PROJETO?</h2>
                            <h3><span>Entre em contato conosco</span></h3>
                        </div>
                        <!-- map  -->
                        <section class="no-border">
                            <div class="map-box">
                                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14316.875345016084!2d-52.6682773!3d-26.2220781!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94e552e50f6e4133%3A0x4c4541a4b9628449!2sCeni%20Arquitetura!5e0!3m2!1spt-BR!2sbr!4v1688677933739!5m2!1spt-BR!2sbr" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                                </div>

                        </section>
                        <!-- map  end-->
                        <!-- contact info  -->
                        <section class="no-border" style="margin-top: 30px;">
                            <div class="contact-details">
                                <div class="row">
                                    <div class="col-md-4">
                                        <h3>Detalhes para Contato : </h3>
                                    </div>
                                    <div class="col-md-3">
                                        <h4>Localização</h4>
                                        <ul>
                                            <li><a href="#">{{\App\Models\ConfiguracaoSite::find(1)->endereco}}</a></li>
                                            <li><a href="#">{{\App\Models\ConfiguracaoSite::find(1)->telefone}}</a></li>
                                            <li><a href="#">{{\App\Models\ConfiguracaoSite::find(1)->email}}</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-3">
                                        <h4>Redes Socias : </h4>
                                        <ul>
                                            <li><a target="_blank" style=" font-size: 14px" href="{{\App\Models\ConfiguracaoSite::find(1)->instagram}}">
                                                    <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512">
                                                        <path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/>
                                                    </svg> Instagram  </a></li>
                                            <li><a href="{{\App\Models\ConfiguracaoSite::find(1)->whatsapp}}"><i class="fa fa-whatsapp"></i>  WhatsApp</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </section>

                    </div>
                </div>
                <!-- wrapper inner end   -->
                <!-- parallax column   -->
                <div class="img-wrap">
                    <div class="bg" style="background-image: url({{asset('ADM/'.\App\Models\ConfiguracaoSite::find(1)->imagemcontato)}})"  data-top-bottom="transform: translateY(300px);" data-bottom-top="transform: translateY(-300px);"></div>
                </div>
                <!-- parallax column end   -->
                <!--to top    -->
                <div class="to-top">
                    <i class="fa fa-long-arrow-up"></i>
                </div>
                <!-- to top  end -->
                <!--=============== footer ===============-->
                <div class="height-emulator"></div>
                @include ('site.repeat.footer')
                <!-- footer end    -->
            </div>
            <!-- content  end  -->
        </div>
        <!-- content-holder  end  -->
    </div>
    <!-- wrapper end -->


@endsection

@section('script')

@endsection