@extends('layouts.front-layout')
@section('title') Contact @endsection

@section('content')

    <section class="inner-banner">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <figure>
                        <img src="{{asset('upload/images/innerimg.png')}}" class="img-fluid" alt="">
                    </figure>
                </div>
                <div class="col-md-6">
                    <h2>Contact us</h2>
                </div>
            </div>
        </div>
    </section>


    <section class="pricingpage contact-page">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-10" data-aos="fade-up">
                    <div class="contactwraps">
                        <div class="contact-pagetop">
                            <h4>Get in Touch</h4>
                            <p>Fill up the form our team will get back to you within 24 Hours</p>
                        </div>
                        <div class="helpBox">
                            <form class="helpForm pricingform" data-aos="fade-up">
                                <div class="row">
                                    <div class="col-md-6">
                                        <h2>First Name</h2>
                                        <div class="form-group">
                                            <input type="text" class="form-control" placeholder="Input your first name in here">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <h2> Last Name</h2>
                                        <div class="form-group">
                                            <input type="text" class="form-control" placeholder="Input your last name in here">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <h2>Email Address</h2>
                                        <div class="form-group">
                                            <input type="text" class="form-control" placeholder="Input your email address in here">
                                        </div>
                                    </div>


                                    <div class="col-md-12">
                                        <h2>Message</h2>
                                        <div class="form-group">
                                            <textarea name="" class="form-control"
                                                      placeholder="Write your messages in here"></textarea>

                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <button class="themeBtn">Send Messages</button>

                                    </div>


                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>

    </section>

    <section class="support-sec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-8" data-aos="fade-up">
                    <div class="supportwrap">
                        <h2 class="mainHead">For any inquiries or 24/5 email support,<br> <span>please use the contact
                                form.</span></h2>
                    </div>
                </div>
                <div class="col-md-4" data-aos="fade-up">
                    <div class="phonesides">
                        <div class="phonewrap">
                            <figure>
                                <img src="upload/images/phoneimg1.webp" class="img-fluid" alt="">
                            </figure>
                            <a href="">For Call <span>(+12) 34 6754 345</span></a>
                        </div>
                        <div class="phonewrap">
                            <figure>
                                <img src="upload/images/phoneimg2.webp" class="img-fluid" alt="">
                            </figure>
                            <a href="">For Consultation<span>contact@gmail.com</span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection