@include('frontend.includes.header',[
    'meta_title' => 'Need Help? Contact FeatherFresh Today',
    'meta_description'=>'Have questions or need support? Contact FeatherFresh for quick assistance on orders, products, or sleep solutions. We’re here to help you sleep better!',
])


    <!--Hero Section-->
    <div class="hero-section hero-background">
        <h1 class="page-title">Contact Us</h1>
    </div>

    <!--Navigation section-->
    <div class="container">
        <nav class="biolife-nav nav-86px">
            <ul>
                <li class="nav-item"><a href="{{ url('/') }}" class="permal-link">Home</a></li>
                <li class="nav-item"><span class="current-page">Contact</span></li>
            </ul>
        </nav>
    </div>

    <div class="page-contain contact-us">

        <!-- Main content -->
        <div id="main-content" class="main-content">
            <div class="row py-2 px-2">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="wrap-map biolife-wrap-map " id="map-block">
                        <iframe
                                width="1920"
                                height="591"
                                src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d5449.423482696446!2d76.99172178242723!3d30.35720426068631!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390fb1513e588237%3A0xa317af29c86d0a6e!2sSham%20Foam%20Private%20Limited!5e1!3m2!1sen!2sin!4v1749557701559!5m2!1sen!2sin"
                                frameborder="0"
                                scrolling="no"
                                marginheight="0"
                                marginwidth="0">
                            </iframe>
                        </div>
                    </div>
                <!--Contact form-->
                <form action="{{url('contact')}}" method="post">
                    @csrf
                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        {{-- <p class="frst-desc">We are providing a wide range of mattresses to our clients. Our expert team make sure that you will get best mattress in market.</p> --}}
                        <div class="contact-form-container mt-2">
                            <h1 class="box-title fw-700">Contact Us</h1>
                            <form action="#" name="frm-contact" >
                                <p class="form-row">
                                    <input required type="text" name="name" value="" placeholder="Your Name" class="txt-input">
                                </p>
                                <p class="form-row">
                                    <input required type="email" name="email" value="" placeholder="Email Address" class="txt-input">
                                </p>
                                <p class="form-row">
                                    <input required pattern="^\d{10}$" type="tel" name="number" value="" placeholder="Phone Number" class="txt-input">
                                </p>
                                <p class="form-row">
                                    <textarea maxlength="200" required name="message" id="mes-1" cols="30" rows="9" placeholder="Leave Message"></textarea>
                                </p>
                                <p class="form-row">
                                    <button class="btn btn-submit" type="submit">send message</button>
                                </p>
                                <div class="biolife-social inline">
                                    <ul class="socials">
                                        <li><a href="https://x.com/shamfoam" target="_blank" title="twitter" class="socail-btn"><i class="fab fa-x-twitter" aria-hidden="true"></i></a></li>
                                        <li><a href="https://www.facebook.com/profile.php?id=100092836093245" target="_blank" title="facebook" class="socail-btn"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="https://api.whatsapp.com/send/?phone=918572015726&text&type=phone_number&app_absent=0" target="_blank" title="whatsapp" class="socail-btn"><i class="fab fa-whatsapp" aria-hidden="true"></i></a></li>
                                        <li><a href="https://www.instagram.com/featherfresh_mattress/" target="_blank" title="instagram" class="socail-btn"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                                    </ul>
                                </div>
                            </form>
                        </div>
                    </div>
                </form>
            </div>

            <div class="container">

                <div class="row">

                    <!--Contact info-->
                    {{-- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                        <div class="contact-info-container sm-margin-top-27px xs-margin-bottom-60px xs-margin-top-60px">
                            <ul class="addr-info">
                                <li>
                                    <div class="if-item">
                                        <b class="tie">Addess:</b>
                                        <p class="dsc">Corp. office – Near Khanna Marriage Palace, Shukul kund Road<br>Ambala City-134003, India</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="if-item">
                                        <b class="tie">Phone:</b>
                                        <p class="dsc">(+91) 8572015726</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="if-item">
                                        <b class="tie">Email:</b>
                                        <p class="dsc">info@featherfresh.in</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="if-item">
                                        <b class="tie">Hours:</b>
                                        <p class="dsc">24/7</p>
                                    </div>
                                </li>
                            </ul>
                            <div class="biolife-social inline">
                                <ul class="socials">
                                    <li><a href="https://x.com/shamfoam" target="_blank" title="twitter" class="socail-btn"><i class="fab fa-x-twitter" aria-hidden="true"></i></a></li>
                                    <li><a href="https://www.facebook.com/profile.php?id=100092836093245" target="_blank" title="facebook" class="socail-btn"><i class="fab fa-facebook" aria-hidden="true"></i></a></li>
                                    <li><a href="https://api.whatsapp.com/send/?phone=918572015726&text&type=phone_number&app_absent=0" target="_blank" title="whatsapp" class="socail-btn"><i class="fab fa-whatsapp" aria-hidden="true"></i></a></li>
                                    <li><a href="https://www.instagram.com/featherfresh_mattress/" target="_blank" title="instagram" class="socail-btn"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div> --}}

                    

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


@include('frontend.includes.footer')