@extends('frontend.layouts.app')
@section('title', $title)
@section('meta_description', $desc)
@section('meta_keywords', $key)

@section('content')
    <!-- Hero Section Start -->
    <div class="breadcrumb-wrapper bg-cover"
        style="background-image: url('{{ asset('public/frontend/assets/new-images/banner.webp') }}');">
        <div class="container">
            <div class="page-heading">
                <h1 class="wow fadeInUp" data-wow-delay=".3s"
                    style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">Contact Us</h1>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s"
                    style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                    <li>
                        <a href="{{ route('home') }}">
                            Home
                        </a>
                    </li>
                    <li>
                        <i class="fas fa-chevron-right"></i>
                    </li>
                    <li>
                        Contact Us
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- Contact Section Start -->
    <section class="contact-section-12 fix section-padding">
        <div class="container">
            <div class="contact-wrapper-12">
                <div class="row g-4">
                    <div class="col-lg-6">
                        <div class="contact-left-items">
                            <div class="section-title mb-0">
                                <h2>Contact Us</h2>
                            </div>
                            <div class="contact-area">
                             <div class="contact-item">
                                    <div class="icon">
                                        <i class="fa-solid fa-location-dot"></i>
                                        <h5>Address</h5>
                                    </div>
                                  <div class="content">
                                        <h6>
                                      30 N Gould St, Sheridan. WY 82801
                                      </h6>
                                  </div>
                                </div>
                               <!--  <div class="contact-item">
                                    <div class="icon">
                                        <i class="fa-solid fa-phone"></i>
                                        <h5>Number</h5>
                                    </div>
                                    <div class="content">
                                        <h6>
                                            <a href="tel:0123456789101">0123456789101</a>
                                        </h6>
                                    </div>
                               </div>  -->
                                <div class="contact-item mb-0">
                                    <div class="icon">
                                        <i class="fa-solid fa-envelope"></i>
                                        <h5>E-mail</h5>
                                    </div>
                                    <div class="content">
                                        <h6>
                                            <a href="info@itechservicellc.com">
                                                info@itechservicellc.com
                                            </a>
                                        </h6>
                                    </div>
                                </div>
                            </div>
                            {{-- <div class="google-map">
                                <iframe
                                    src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d6678.7619084840835!2d144.9618311901502!3d-37.81450084255415!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b4758afc1d%3A0x3119cc820fdfc62e!2sEnvato!5e0!3m2!1sen!2sbd!4v1641984054261!5m2!1sen!2sbd"
                                    style="border:0;" allowfullscreen="" loading="lazy"></iframe>
                            </div> --}}
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="contact-box">
                            <div class="section-title mb-0">
                                <h2>Get In Touch</h2>
                            </div>
                            {{-- <form action="contact.php" id="contact-form1" method="POST" class="contact-form-items">
                                    <div class="row g-4">
                                        <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                                            <div class="form-clt">
                                                <input type="text" name="name" id="name" placeholder="Your Name">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 wow fadeInUp" data-wow-delay=".7s">
                                            <div class="form-clt">
                                                <input type="text" name="name" id="email" placeholder="Email">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 wow fadeInUp" data-wow-delay=".7s">
                                            <div class="form-clt">
                                                <input type="number" name="number" id="number" placeholder="Phone Number">
                                            </div>
                                        </div>
                                        <div class="col-lg-12 wow fadeInUp" data-wow-delay=".5s">
                                            <div class="form-clt">
                                                <div class="form">
                                                    <select class="single-select w-100">
                                                        <option>Select Service</option>
                                                        <option>SEO Services</option>
                                                        <option>Local SEO</option>
                                                        <option>Content Marketing</option>
                                                        <option>Social Media Marketing</option>
                                                        <option>Ecommerce SEO</option>
                                                        <option>PPC Services</option>
                                                        <option>Web Development</option>
                                                        <option>Web Designing</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-12 wow fadeInUp" data-wow-delay=".3s">
                                            <button type="submit" class="theme-btn">
                                                <span>Submit Now <i class="icon-arrow-right"></i></span>
                                            </button>
                                        </div>
                                    </div>
                                </form> --}}

                                @include('frontend.commonForm.common-form')

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


@endsection