@extends('layouts.app')
@section('title', 'Munch 11')

@section('content')
    <section class="contact_us faq_main top-brand-responsive">
        <div class="container">
            <div class="section-heading">
                <h2>Get in Touch!</h2>
            </div>
            <div class="row gy-3">
                <div class="col-md-4">
                    <div class="contact_card">
                        <div class="head_icon">
                            <i class="fa-sharp fa-solid fa-location-dot"></i>
                        </div>
                        <h6>Address</h6>
                        <p>Heera Nager ,144,Dhabas puliya, Jaipur (RAJ) India</p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="contact_card">
                        <div class="head_icon">
                            <i class="fa-sharp fa-solid fa-mobile-screen"></i>
                        </div>
                        <h6>Support Contact</h6>
                        <a href="tel:+91 7894561230">+91 7894561230</a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="contact_card">
                        <div class="head_icon">
                            <i class="fa-sharp fa-solid fa-envelope"></i>
                        </div>
                        <h6>Support Email</h6>
                        <a href="mailto:Support@Munch11.com">Support@Munch11.com</a>
                    </div>
                </div>
            </div>
            <div class="contact_us_form mt-5">
                <form action="" class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name" class="form-label">Your Name</label>
                            <input type="text" class="form-control" id="name">
                        </div>
                        <div class="form-group">
                            <label for="inputEmail4" class="form-label">Email</label>
                            <input type="email" class="form-control" id="inputEmail4">
                        </div>
                        <div class="form-group">
                            <label for="phone-no" class="form-label">Phone No.</label>
                            <input type="tel" class="form-control" id="phone-no">
                        </div>

                    </div>
                    <div class="col-md-6">
                        <div class="form-group h-100">
                            <label for="phone-no" class="form-label">Message</label>
                            <textarea class="form-control" placeholder="Leave a comment here" id="floatingTextarea"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <button class="send_message">Send Message</button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection