@extends('frontend.layouts.master')
@section('title', 'Contact')
@section('content')

    <style>
        .contact-form input,
        .contact-form textarea {
            color: white;
        }
    </style>

    <!-- Breadcrumb Area -->

    <div class="breadcrumb-area bread-bg">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="breadcrumb-title">
                        <h1>Contact Us</h1>
                        <h6><a href="#">Home</a> / Contact Us</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Contact Area -->

    <div id="contact-us" class="contact-us-area section-padding">
        <div class="container">
            <div class="row">
                <div class="offset-lg-2 col-lg-8 text-center">
                    <div class="section-title">
                        <h6>Contact Us</h6>
                        <h2><b> Get In Touch</b></h2>
                    </div>
                </div>
            </div>
            <div class="contact-us-wrapper">
                <div class="row no-gutters">
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="contact-us-inner">
                            <div class="info-i"><span><i class="las la-map-marker"></i></span></div>
                            <h5>Office Location</h5>
                            <p>House-3, Road-10, Sector-1, <br> Uttara, Dhaka.</p>
                            <a href="#">Find us on map</a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="contact-us-inner">
                            <div class="info-i"><span><i class="las la-clock"></i></span></div>
                            <h5>Office Hour</h5>
                            <p>Saturday-Thursday <br>10 AM - 6 PM</p>
                            <a href="#">Get Direction</a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="contact-us-inner">
                            <div class="info-i"><span><i class="las la-mobile"></i></span></div>
                            <h5>Phone Number</h5>
                            <p>-880 1610241642 <br>01610-241642</p>
                            <a href="#">Call Now</a>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="contact-us-inner">
                            <div class="info-i"><span><i class="las la-envelope"></i></span></div>
                            <h5>E-mail Address</h5>
                            <p>sbexpressbd44@gmail.com<br>info@sbexpress.com</p>
                            <a href="#">Mail Us</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Contact Form -->

    <div id="contact-page" class="contact-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12 text-center wow fadeInRight">
                    <div class="contact-form-wrapper mt-100">
                        <div class="section-title">
                            <h6 class="text-white">Stay with Us</h6>
                            <h2>Get in <b>Touch</b></h2>
                        </div>
                        <div class="contact-form">
                            <form action="#">
                                <div class="row">
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <input type="text" placeholder="Your Name">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <input type="email" placeholder="E-mail">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <input type="tel" placeholder="Phone Number">
                                    </div>
                                    <div class="col-lg-6 col-md-6 col-12">
                                        <input type="text" placeholder="Subject">
                                    </div>
                                    <div class="col-lg-12">
                                        <textarea name="message" id="message" cols="30" rows="10" placeholder="Write Message"></textarea>
                                    </div>
                                    <div class="col-lg-12 col-md-6 col-12 text-center">
                                        <button class="theme-btn">Get A Quote</button>
                                    </div>
                                </div>
                            </form>
                        </div><br><br><br><br>
                    </div>
                </div>
            </div>
            <div style="margin-bottom: -400px;">
                <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d542.3942601695386!2d90.3955390199739!3d23.861976213908846!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sbd!4v1748682820406!5m2!1sen!2sbd" width="100%" height="500px" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </div>
    </div>
    <!-- Client Area -->

    <div class="client-area pt-50 pb-40" style="margin-top: 400px; border-top: 1px solid #ccc; width: 100%;">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="client-carousel owl-carousel">
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/1.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/2.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/3.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/4.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/5.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/6.png') }}" alt="">
                            </div>
                        </div>
                        <div class="single-logo-wrapper">
                            <div class="logo-inner-item">
                                <img src="{{ asset('frontend/assets/img/client/7.png') }}" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection