@extends('front.layout.app')
<title>{{ $title ?? 'Contact' }}</title>
@section('content')


    <main>

        <!-- Banner -->
        <section class="banner innerBanner">
            <div class="container">
                <div class="banner__content">
                    <div class="row">
                        <div class="col-lg-6">
                            <h1>Contact</h1>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="galleryInner contactInner">
            <div class="container">
                <h2 class="heading text-center">Get In Touch</h2>
                <div class="row no-gutters align-items-center">
                    <div class="col-md-5">
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2213230.121062287!2d-103.19437366781305!3d39.99457099440779!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited%20States!5e0!3m2!1sen!2s!4v1728048618154!5m2!1sen!2s"
                            width="100%" height="800" style="border:0;" allowfullscreen="" loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade"></iframe>
                    </div>
                    <div class="col-md-7">
                        <div class="contactBox">
                            <h3>Get in Touch</h3>
                            <p>Fill up the form our team will get back to you within 24 Hours</p>
                            <form class="contactForm">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>First Name</label>
                                            <input type="text" class="form-control"
                                                   placeholder="Input your first name in here">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                            <label>Last Name</label>
                                            <input type="text" class="form-control"
                                                   placeholder="Input your last name in here">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Email Address</label>
                                            <input type="text" class="form-control"
                                                   placeholder="Input your email address in here">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <label>Message</label>
                                            <textarea name="" class="form-control" placeholder="Write your messages in here"
                                                      rows="4"></textarea>
                                        </div>
                                        <button class="themeBtn">Send Massage <img src="{{asset('assets/images/arrow-icon.png')}}" alt="image"
                                                                                   class="img-fluid"></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </section>

    </main>

@endsection