privdayz.com

@section('title', 'Contact Us')
<x-layout>
    <!-- Start main-content -->
    <section class="page-title" style="background-image: url({{asset('assets/images/background/page-title.webp')}});">
        <div class="auto-container">
            <div class="title-outer">
                <h1 class="title">Contact Us</h1>
                <ul class="page-breadcrumb">
                    <li><a href="/">Home</a></li>
                    <li>Contact Us</li>
                </ul>
            </div>
        </div>
    </section>
    <!-- end main-content -->

    <!--Contact Details Start-->
    <section class="contact-details">
        <div class="container ">
            <div class="row">
                <div class="col-xl-5 col-lg-6 mb-md-60">
                    <div class="contact-details__right">
                        <div class="sec-title">
                            <span class="sub-title">Need any help?</span>
                            <h2>Get in touch with us</h2>
                            <div class="text">Need technical support or assistance? Our team is here to help. Fill out the form below and we'll get back to you shortly.</div>
                        </div>
                        <ul class="list-unstyled contact-details__info">
                            <li>
                                <div class="icon">
                                    <span class="lnr-icon-phone-plus"></span>
                                </div>
                                <div class="text">
                                    <h6>Have any question?</h6>
                                    <a href="tel:+91-8090114114">+91-8090114114</a>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="lnr-icon-envelope1"></span>
                                </div>
                                <div class="text">
                                    <h6>Write us an email</h6>
                                    <a href="mailto:[email protected]">[email protected]</a>
                                </div>
                            </li>
                            <li>
                                <div class="icon">
                                    <span class="lnr-icon-location"></span>
                                </div>
                                <div class="text">
                                    <h6>Have a visit</h6>
                                    <a href="https://goo.gl/maps/2U5mVH65NyhEZ2Ro8" target="_blank"><span>102, Riz Building.<br>5 Park Road, Hazratganj,<br>Lucknow - 226001</span></a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-7 col-lg-6">
                    <!-- Google Map HTML Codes -->
                    <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14239.526942921322!2d80.9487097!3d26.8437136!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xa72568ae92f437c6!2sSIBIN%20Tech%20Solutions!5e0!3m2!1sen!2sin!4v1676977826391!5m2!1sen!2sin" width="100%" height="550" frameborder="0" allowfullscreen=""></iframe>
                </div>
            </div>
        </div>
    </section>
    <!--Contact Details End-->
    <!--Contact Details Start-->
    <section class="team-contact-form">
        <div class="container pb-100">
            <div class="sec-title text-center">
                <span class="sub-title">Contact With Us Now</span>
                <h2 class="section-title__title">We are Here to Help You & Your Business</h2>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <!-- Contact Form -->
                    <form id="contact_form" name="contact_form" class="" action="#" method="post">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="mb-3">
                                    <input name="name" class="form-control" type="text" placeholder="Enter Name" required>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="mb-3">
                                    <input name="email" class="form-control required email" type="email" placeholder="Enter Email" required>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="mb-3">
                                    <input name="subject" class="form-control required" type="text" placeholder="Enter Subject" required>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div class="mb-3">
                                    <input name="phone" class="form-control" type="text" placeholder="Enter Phone">
                                </div>
                            </div>
                        </div>
                        <div class="mb-3">
                            <textarea name="message" class="form-control required" rows="5" placeholder="Enter Message" required></textarea>
                        </div>
                        <div class="mb-3 text-center">
                            <input name="botcheck" class="form-control" type="hidden" value="" />
                            <button id="submit-btn" type="submit" class="theme-btn btn-style-one" data-loading-text="Please wait..."><span class="btn-title">Send message</span></button>
                            <button type="reset" class="theme-btn btn-style-one"><span class="btn-title">Reset</span></button>
                        </div>
                    </form>
                    <!-- Contact Form Validation-->
                </div>
            </div>
        </div>
    </section>
    <!--Contact Details End-->
</x-layout>