@extends('layouts.front.app')
@section('meta')
	<title>Contact | {{ env('APP_NAME') }}</title>
    <meta name="description" content="Providing high-quality workforce and hosted services to Quanta Operating units" />
@stop

@section('content')
<!--Page Header Start-->
<section class="page-header" style="background-position:center; background-size: cover; background-image: url({{asset('/images/backgrounds/contact-banner.jpg')}});">

    <div class="container">
        <div class="page-header__inner">
            {{-- <ul class="thm-breadcrumb list-unstyled">
                <li><a href="index.html">Home</a></li>
                <li><span>/</span></li>
                <li>Contact</li>
            </ul> --}}
            <h2 class="text-uppercase text-website-secondary">Contact</h2>
        </div>
    </div>
</section>
<!--Page Header End-->

<!--Contact Page Start-->
<section class="my-5">
    <div class="container">
        <div class="pt-5">
            {{-- <div class="section-title text-center">
                <span class="section-title__tagline">Ask Any question</span>
                <h2 class="section-title__title">Contact Info</h2>
            </div> --}}
                
            {{-- <div class="text-center mb-5">
                <img class="img-fluid w-50" src="{{asset('images/resources/logo-3.png')}}/" alt="">
                <h6>723 Aurora Blvd, Quezon City Manila 1112</h6>
            </div>
            <div class="row">
                <div class="col-xl-4 col-lg-6 col-sm-6 mb-5">
                    <h4 class="text-uppercase">Jonathan Prater</h4>
                    <h5 class="mb-3">President</h5>
                    <ul class="list-unstyled widget__contact-list">
                        <li>
                            <div class="icon">
                                <h6><span class="icon-email"></span></h6>
                            </div>
                            <div class="text">
                                <h6><a href="mailto:Jprater@QuantaServices.com">Jprater@QuantaServices.com</a></h6>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Manila Cell:
                                    <br>
                                    <a href="tel:6329772773148"> 632-9772773148</a>
                                </h6>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Manila Landline:
                                    <br>
                                    <a href="tel:6326619398">632 661-9398</a>
                                </h6>  
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Landline:
                                    <br>
                                    <a href="tel:7319856417">731-9856417</a> 
                                </h6>   
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>USA Cell:
                                    <br>
                                    <a href="tel:8326465460">832-646-5460</a>
                                </h6> 
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-6 mb-5">
                    <h4 class="text-uppercase">Aldrin Alberto</h4>
                    <h5 class="mb-3">Director of Engineering</h5>
                    <ul class="list-unstyled widget__contact-list">
                        <li>
                            <div class="icon">
                                <h6><span class="icon-email"></span></h6>
                            </div>
                            <div class="text">
                                <h6><a href="mailto:aalberto@QuantaServices.com">aalberto@QuantaServices.com</a> </h6>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Manila Cell:
                                    <br>
                                    <a href="tel:6329163346207"> 632-9163346207</a>
                                </h6>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Manila Landline:
                                    <br>
                                    <a href="tel:6326619398">632 661-9398</a>
                                </h6>  
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Landline:
                                    <br>
                                    <a href="tel:7319856417">731-9856417</a> 
                                </h6>   
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="col-xl-4 col-lg-6 col-sm-6 mb-5">
                    <h4 class="text-uppercase">Adrian Macabuag</h4>
                    <h5 class="mb-3">Project Manager</h5>
                    <ul class="list-unstyled widget__contact-list">
                        <li>
                            <div class="icon">
                                <h6><span class="icon-email"></span></h6>
                            </div>
                            <div class="text">
                                <h6><a href="mailto:AMacabuag@QuantaServices.com">AMacabuag@QuantaServices.com</a> </h6>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Manila Cell:
                                    <br>
                                    <a href="tel:6329177928877">632-9177928877</a>
                                </h6>
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Manila Landline:
                                    <br>
                                    <a href="tel:6326619398">632 661-9398</a>
                                </h6>  
                            </div>
                        </li>
                        <li>
                            <div class="icon">
                                <span class="icon-telephone"></span>
                            </div>
                            <div class="text">
                                <h6>Landline:
                                    <br>
                                    <a href="tel:7319856417">731-9856417</a> 
                                </h6>   
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div> --}}
        <div class="mb-5">
            <div class="section-title text-center">
                <br>
                <h2 class="section-title__title">Feel Free to Contact</h2>
            </div>
            <div class="row">
                <div class="col-xl-12">
                    <div class="contact-page__form">
                        <form method="post" action="{{url('send/contact')}}"  class="comment-one__form contact-form-validate" >@csrf
                            <div class="row">
                                <div class="col-xl-6">
                                    <div class="comment-form__input-box">
                                        <input type="text" placeholder="Your name" name="name" required>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="comment-form__input-box">
                                        <input type="email" placeholder="Email Address" name="email" required>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="comment-form__input-box">
                                        <input type="text" placeholder="Phone number" name="phone" required>
                                    </div>
                                </div>
                                <div class="col-xl-6">
                                    <div class="comment-form__input-box">
                                        <input type="text" placeholder="Subject" name="subject" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="comment-form__input-box">
                                        <textarea name="message" placeholder="Write Message" required></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-xl-12">
                                   <div class="contact-page__btn-box">
                                        <button type="submit" class="btn-style-one comment-form__btn">
                                            <i class="btn-curve"></i>
                                            <span class="btn-title">Send a message</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
</section>
<!--Contact Page End-->

<!--Google Map Start-->
<section class="contact-page-google-map">
   <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d4619.736154223533!2d121.042345!3d14.617764!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397b7a835fdbfd7%3A0x633eeed84a2cbc69!2sGBT%20(Global%20Business%20Tower)!5e1!3m2!1sen!2sph!4v1728980675936!5m2!1sen!2sph" class="contact-page-google-map__one" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

</section>
<!--Google Map End-->
@endsection