@extends('aum.layouts.app')
@section('title')
Contact | Aum Web Solutions | Designing Company | The Art of Web Innovation
@endsection

@section('page-description')
Web Designing Company, the art of web innovation, Web Solutions, aum web solutions, Graphic Design, Logo Design, Account Software, MS Access, SEO, ecommerce, e-commerce, Web developing, PHP Applications, Delhi, India, Bharat

@endsection

@section('page-image')

    {{asset('public/theme/front/assets/imgs/site-photo.jpg')}}

@endsection

@section('content')
<!-- =======================
Inner intro START -->
<section style="padding-bottom: 1rem">
	<div class="container mt-5">
		<div class="row d-flex justify-content-lg-between">
			<div class="col-12">
				<h1 class="display-4 text-dark-stroke text-primary-shadow">Connect With Us</h1>
				<p class="lead">Send an email, Or you can just fill this form below to let us get in touch with you.</p>
			</div>
		</div><!-- Row END -->
	</div>
</section>
<!-- =======================
Inner intro END -->

<!-- =======================
Portfolio START -->
<section class="pt-0">
	<div class="container">
		<div class="row">

			<div class="col-md-8">

                @if(Session::has('success'))
                    <div class="alert alert-success">{{Session::get('success')}}</div>
                @endif

                <!-- Form START -->
            <form class="" id="contact-form" name="contactform" method="POST" action="{{route('front.contactMail')}}">
                @csrf
                <!-- Main form -->
                <div class="row">
                    <div class="col-md-6">
                        <!-- name -->
                        <div class="mb-3">
                            <input id="con-name" name="name" type="text" class="form-control @error('name') is-invalid @enderror" placeholder="Name" value="{{old('name')}}">
                            <span class="focus-border"></span>
                            @error('name')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                        
                    </div>
                    <div class="col-md-6">
                        <!-- email -->
                        <div class="mb-3">
                            <input id="con-email" name="email" type="email" class="form-control @error('email') is-invalid @enderror" placeholder="E-mail" value="{{old('email')}}">
                            <span class="focus-border"></span>
                            @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <!-- Phone -->
                        <div class="mb-3">
                            <input id="con-phone" name="contact" type="text" class="form-control @error('contact') is-invalid @enderror" placeholder="Phone/Whatsapp" value="{{old('contact')}}">
                            <span class="focus-border"></span>
                            @error('contact')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <div class="col-md-6">
                        <!-- Subject -->
                        <div class="mb-3">
                            <input id="con-subject" name="subject" type="text" class="form-control @error('subject') is-invalid @enderror" placeholder="Subject" value="{{old('subject')}}">
                            <span class="focus-border"></span>
                            @error('subject')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    
                    <div class="col-md-12">
                        <!-- Message -->
                        <div class="mb-3">
                            <textarea id="con-message" name="message" cols="40" rows="5" class="form-control @error('message') is-invalid @enderror" placeholder="Message">{{old('message')}}</textarea>
                            <span class="focus-border"></span>
                            @error('message')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                            @enderror
                        </div>
                    </div>
                    <!-- submit button -->
                    <div class="col-md-12 text-start">
                        <button class="btn btn-primary btn-line" type="submit">Send Us Messsage</button>
                    </div>
                </div>
            </form>
            <!-- Form END -->


            
            </div>

            <div class="col-md-4">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3500.1123933835224!2d77.12871725484332!3d28.686284329051905!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d03b3eb21190b%3A0x786d81ace574dd39!2sAum%20Web%20Solutions!5e0!3m2!1sen!2sin!4v1649742140243!5m2!1sen!2sin" width="100%" height="250" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>

            <section>
                <div class="container">
                    <div class="row">
                        <!-- Call -->
                        <div class="col-md-6 col-lg-4">
                            <div class="d-flex flex-row align-items-center mb-3">
                                <span class="text-primary display-8 me-3">
                                    <i class="bi bi-headset"></i>
                                </span>
                                <h6 class="mt-2"><a href="tel:+918882010192">+(91) 888 2010 192</a></h6>
                            </div>
                            <p>Call us on above number to get quick solution. Additional charges may apply</p>
                        </div>
                        <!-- Skype -->
                        <div class="col-md-6 col-lg-4">
                            <div class="d-flex flex-row align-items-center mb-3">
                                <span class="text-primary display-8 me-3">
                                    <i class="bi bi-whatsapp"></i>
                                </span>
                                <h6 class="mt-2"><a href="https://api.whatsapp.com/send?phone=+918882010192&amp;text=NamasteDeveloper!" target="_blank">Whatsapp: Namaste Developer!</a></h6>
                            </div>
                            <p>If you have technical questions, chat live with us in our Whatsapp chat</p>
                        </div>
                        <!-- Email -->
                        <div class="col-md-6 col-lg-4">
                            <div class="d-flex flex-row align-items-center mb-3">
                                <span class="text-primary display-8 me-3">
                                    <i class="bi bi-envelope"></i>
                                </span>
                                <h6 class="mt-2"><a href="mailto:aumwebs@gmail.com">aumwebs@gmail.com</a></h6>
                            </div>
                            <p>For general queries and questions about serivces which you want</p>
                        </div>
                       
                    </div> <!-- Row END -->
                </div>
            </section>
			
		</div>

		

	</div>
</section>
<!-- =======================
Portfolio END -->

<!-- =======================
Action Box START -->
<section class="bg-primary pattern-overlay-2">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="text-center">
					<h3 class="text-white mb-5">Ready to get started?</h3>
					<a href="#" class="display-2 text-white-stroke h2 text-uppercase">Hire us!</a>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- =======================
Action Box END -->

@endsection