@extends('layouts.layout4')
@php
    $css = '<link rel="stylesheet" href="' . asset('assets/css/module-css/page-header.css') . '"/>';
    $title = 'Contact';
    $subtitle = 'Contact';
@endphp

@section('title', 'Contact || Erepair || Erepair Laravel Template')
@section('content')
<x-strickyHeader/>


        <!--Contact Two Start-->
        <section class="contact-two">
            <div class="container">
                <div class="row">
                    <!--Contact Two Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="contact-two__single">
                            <div class="contact-two__icon">
                                <span class="icon-call"></span>
                            </div>
                            <p>Contact Us</p>
                            <h3><a href="tel:558270575405">+55 827 057 5405</a></h3>
                        </div>
                    </div>
                    <!--Contact Two Single End-->
                    <!--Contact Two Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="contact-two__single">
                            <div class="contact-two__icon">
                                <span class="icon-envelope"></span>
                            </div>
                            <p>Mail Us</p>
                            <h3><a href="mailto:example@gamil.com">example@gamil.com</a></h3>
                        </div>
                    </div>
                    <!--Contact Two Single End-->
                    <!--Contact Two Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="contact-two__single">
                            <div class="contact-two__icon">
                                <span class="icon-location"></span>
                            </div>
                            <p>Our Office Location</p>
                            <h3>12 Green Road 05 New Yark</h3>
                        </div>
                    </div>
                    <!--Contact Two Single End-->
                </div>
            </div>
        </section>
        <!--Contact Two End-->

        <!--Contact Three Start-->
        <section class="contact-three">
            <div class="container">
                <div class="contact-three__inner">
                    <div class="row">
                        <div class="col-xl-6">
                            <div class="contact-three__left">
                                <iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4562.753041141002!2d-118.80123790098536!3d34.152323469614075!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e82469c2162619%3A0xba03efb7998eef6d!2sCostco+Wholesale!5e0!3m2!1sbn!2sbd!4v1562518641290!5m2!1sbn!2sbd"
                                    class="google-map__one" allowfullscreen></iframe>
                            </div>
                        </div>
                        <div class="col-xl-6">
                            <div class="contact-three__right">
                                <h3 class="contact-three__form-title">Get A Free Quote</h3>
                                <form id="contact-form" class="contact-form-validated contact-three__form"
                                    action="assets/mail.php" method="POST">
                                    <div class="row">
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="contact-three__input-box">
                                                <input type="text" name="name" placeholder="Your name" required="">
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="contact-three__input-box">
                                                <input type="email" name="email" placeholder="Your Email" required="">
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="contact-three__input-box">
                                                <input type="number" placeholder="Mobile" name="number">
                                            </div>
                                        </div>
                                        <div class="col-xl-6 col-lg-6">
                                            <div class="contact-three__input-box">
                                                <input type="text" placeholder="Company" name="company">
                                            </div>
                                        </div>
                                        <div class="col-xl-12">
                                            <div class="contact-three__input-box text-message-box">
                                                <textarea name="message" placeholder="Messege"></textarea>
                                            </div>
                                            <div class="contact-three__btn-box">
                                                <button type="submit" class="thm-btn contact-three__btn"
                                                    data-loading-text="Please wait...">
                                                    send a message
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <p class="ajax-response mb-0"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Contact Three End-->
 
        <!--CTA One Start-->
        <section class="cta-one">
            <div class="container">
                <div class="cta-one__inner">
                    <div class="cta-one__img">
                        <img src="assets/images/resources/cta-one-img-1.png" alt="">
                    </div>
                    <div class="section-title text-left">
                        <div class="section-title__tagline-box">
                            <span class="section-title__tagline">Get To Know Us</span>
                        </div>
                        <div class="section-title__title-box sec-title-animation animation-style2">
                            <h2 class="section-title__title title-animation">Save Money With Specials<br> Discount Offer
                            </h2>
                        </div>
                    </div>
                    <p class="cta-one__text">Pleasures to secure other greater pleasures, or else he endures pains<br>
                        to avoid worse pains to the selection circumstances</p>
                    <div class="cta-one__btn-and-call-box">
                        <div class="cta-one__btn-box">
                            <a href="{{ url('contact') }}" class="cta-one__btn thm-btn">Get Appointment</a>
                        </div>
                        <div class="cta-one__call-box">
                            <div class="icon">
                                <span class="icon-call"></span>
                            </div>
                            <div class="content">
                                <p>Make a call</p>
                                <h4><a href="tel:00554755242">00 55 475 5242</a></h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--CTA One End-->
    <x-footer />
    <x-mobileMenu />
    <x-searchPopup />
    <x-scroll-to-top />
@endsection