
<?php $__env->startSection('content'); ?>
<?php if(session('success')): ?>
    <div id="toastt" class="toastt success">
           <?php echo e(session('success')); ?>

    </div>
<?php endif; ?>

<?php if(session('error')): ?>
    <div id="toastt" class="toastt danger">
           <?php echo e(session('error')); ?>

    </div>
<?php endif; ?>
<script>
setTimeout(() => {
    const toast = document.getElementById('toastt');
    if (toast) {
        toast.style.opacity = '0';
        setTimeout(() => toast.remove(), 300);
    }
}, 3000);
</script>



    <section class="banner_section">
        <div class="container-fluid g-0">
            <div class="row">
                <div class="col-12 banner_img_inner">
                    <img src="<?php echo e(asset('images/banner.jpg')); ?>" class="img-fluid">
                    <div class="banner_text">
                        <h4 class="text-dark">Pittappillil Stores</h4>
                    </div>
                </div>
            </div>
        </div>
    </section>




    <section class="abt_section_blue">

        <div class="container">
            <div class="row">
                <div class="col-12 col-md-12 col-lg-8 mx-auto">
                    <div class="detail_txt heading_title text-center">
                        <h6 class=""> Get in Touch</h6>
                        <h3 class="">Let’s Connect Reach Out to Our Team</h3>
                        <p class="">We’d love to hear from you! Please fill out the form below and we’ll get
                            back to you as soon as possible.</p>
                    </div>
                </div>
            </div>

            <div class="row mt-5">
                <div class="col-12 col-md-4 col-lg-4 p-1">
                    <div class="con_box">
                        <div class="con_icon">
                            <i class="ri-map-pin-2-line"></i>
                        </div>
                        <div class="con_text">
                            <h3> Our Location</h3>
                            <p>: New Bazaar, Muvattupuzha, Kerala - 686661
                            </p>
                        </div>
                    </div>
                </div>

                <div class="col-12 col-md-4 col-lg-4 p-1">
                    <div class="con_box">
                        <div class="con_icon">
                            <i class="ri-phone-line"></i>
                        </div>
                        <div class="con_text">
                            <h3>Call US 24/7</h3>

                            <p class="number">Wholesale Helpline: 7034450505
                            </p>
                            <p class="number">Retail Enquiries: 7034420505
                            </p>

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

                <div class="col-12 col-md-4 col-lg-4 p-1">
                    <div class="con_box">
                        <div class="con_icon">
                            <i class="ri-mail-open-line"></i>
                        </div>
                        <div class="con_text">
                            <h3>Mail Us 24/7</h3>

                            <p>pittappillilsteels@gmail.com
                            </p>

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


        </div>

    </section>

    <section class="contact_sec">
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6 col-lg-6">
                    <form action="<?php echo e(route('send-contact-email')); ?>" method="POST" class="mb-3">
                    <?php echo csrf_field(); ?>    
                        <div class="row">
                            <div class="col-12 col-md-12 col-lg-6 mt-2 p-1">
                                <div class="input-wrapper">
                                    <input type="text" id="name" name="name" required="">
                                    <label for="user">Name</label>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 col-lg-6 mt-2 p-1">
                                <div class="input-wrapper">
                                    <input type="number" id="phone" name="phone" required="">
                                    <label for="user">Mobile no</label>
                                </div>
                            </div>
                            <div class="col-12 col-md-6 col-lg-6 mt-2 p-1">
                                <div class="input-wrapper">
                                    <input type="mail" id="service" name="service" required="">
                                    <label for="user">Services</label>
                                </div>
                            </div>

                            <div class="col-12 col-md-12 col-lg-12 mt-2 p-1">
                                <div class="input-wrapper">
                                    <textarea name="comment" id="comment" class="form-control" cols="30" rows="7"></textarea>
                                    <label for="user">Your message here...</label>
                                </div>
                            </div>

                            <div class="col-12 news-letter-form mt-2 mb-2">
                                <div class="main_btn">
                                    <button type="submit" class="button mt-3" id="button-6">
                                        <div id="spin"></div>
                                        Send Enquiry
                                    </button>
                                </div>
                            </div>
                        </div>

                    </form>
                </div>

                <div class="col-12 col-md-6 col-lg-6 p-2">
                    <div>
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d2965.0824050173574!2d-93.63905729999999!3d41.998507000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sWebFilings%2C+University+Boulevard%2C+Ames%2C+IA!5e0!3m2!1sen!2sus!4v1390839289319"
                            width="100%" height="400" frameborder="0" style="border:0"></iframe>
                    </div>
                </div>
            </div>
    </section>
<?php $__env->stopSection(); ?>
  













    
<?php echo $__env->make('site.layout.home', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/steel/resources/views/site/contact.blade.php ENDPATH**/ ?>