@extends('front.layout.main')
@section('title',$header['title'])
@section('meta_description',$header['meta_description'])
@section('meta_title',$header['meta_title'])





@section('content')
<section class="banner_potion inner_banner">
<div class="banner_part">
    <div class="container banner_card_pos inner_page">
        <div class="content">
            <!-- <p>IT & Software Business at</p> -->
            <h1>Contact Us </h1>
        </div>

    </div>
</div>
</section>
<section class="details_cont">
    <div class="container">
        <div class="container">
            <div class="company_det">
                <h3>Contact Info</h3>
            </div>
            <div class="main_card_part">
                <div class="card_inner js-nested-link contact-det contact_part">
                    <div class="contact-info-box">

                        <div class="contact-info">
                            <h3 class="contact-info__title">Mail Address:</h3>
                            <div class="contact__details">
                                <div class="contact-info__icon bg-theme"><i class="fa-solid fa-envelope"></i></div>
                                <div class="media-body"><span class="contact-info__text"><a href="mailto:info@softwarecompany.biz"> info@softwarecompany.biz</a></span>
                                </div>
                            </div>
                        </div>
                        <div class="contact-info">
                            <h3 class="contact-info__title">Office Address:</h3>
                            <div class="contact__details">
                                <div class="contact-info__icon bg-title"><i class="fas fa-location-dot"></i></div>
                                <div class="media-body"><span class="contact-info__text">Phoenix, AZ
                                        85013,<br>United
                                        States</span></div>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="card_inner js-nested-link card_center map" style="display: block;">
                    <div class="contact-map"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4705.4436006627875!2d-112.0975576965174!3d33.49484414775727!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x872b12c3250e3665%3A0x2eaf2e0834abed66!2sPhoenix%2C%20AZ%2085013%2C%20USA!5e0!3m2!1sen!2sin!4v1683636623401!5m2!1sen!2sin" width="100%" height="auto" style="border:0; height: 325px;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
                </div>
            </div>

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

<section class="form-part">
    <div class="space-bottom">
        <div class="container">
            <form action="{{ route('front.contact-us.sendMail') }}" method="post" class="contact-form">
                @csrf
                <h2 class="form-title">Make An Appointment</h2>
                <div class="form_data_inp">
                    <div class="form-group"><input type="text" class="form-control style3" name="name" id="name" placeholder="Your Name" required> <i class="fa-solid fa-user"></i></div>
                    <div class="form-group"><input type="email" class="form-control style3" name="email" id="email" placeholder="Email Address" required> <i class="fa-solid fa-envelope"></i></div>
                    <div class="form-group"><input type="tel" class="form-control style3" name="number" id="number" placeholder="Phone Number" required> <i class="fa-solid fa-phone"></i></div>
                    <div class="form-group"><input type="text" class="form-control style3" name="subject" id="subject" placeholder="Queary Topic"> <i class="fa-solid fa-file-invoice"></i></div>
                    <div class="form-group textarea_cont"><textarea name="message" id="message" cols="30" rows="3" class="form-control style3" placeholder="Your Message"></textarea> <i class="fa-solid fa-pencil"></i>
                    </div>
                    <div class="form-btn">
                        <div class="load_more_btn">
                            
                            <button class="contact_btn">Send Message Now</button>
                        </div>
                    </div>
                </div>
                <p class="form-messages"></p>
            </form>
        </div>
    </div>
</section>


@endsection