@extends('layout.main')

@push('title')
     <title>Contact Us - Challa Brothers Tour and Travel</title>
	<meta name="description" content="Contact us for our tour packages and hassle-free taxi services in Varanasi and Bodh Gaya. Reach out now to start your memorable journey with us!"/>
	<meta name="author" content="Challa Brothers Tour and Travels"/>
	<meta name="robots" content="index, follow"/>
	<meta name="distribution" content="global"/>
	<meta name="coverage" content="india"/>
	<meta name="object" content="document"/>
	<meta name="audience" content="All"/>
	<meta name="revisit-after" content="1 day"/>
	<meta name="language" content="en"/>
	<meta name="rating" content="general"/>
	<meta name="copyright" content="Copyright Challa Brothers Tour and Travels 2023"/>
	<!--General Meta End-->
	
	<!--canonical tag-->
    <link rel="canonical" href="https://www.challabrotherstourandtravel.com/contact"/>
    
     <!--Open Graph Meta Start-->
    <meta property="og:type" content="website"/>
    <meta property="og:title" content="Contact Us - Challa Brothers Tour and Travel"/>
    <meta property="og:description" content="Contact us for our tour packages and hassle-free taxi services in Varanasi and Bodh Gaya. Reach out now to start your memorable journey with us!"/>
    <meta property="og:url" content="https://www.challabrotherstourandtravel.com/contact" />
    <meta property="og:image" content="https://www.challabrotherstourandtravel.com/public/storage/logo/1699010233challa-logo1.png"/>
    <!--Open Graph end-->

<script type="application/ld+json">
{
  "@context": "https://schema.org/", 
  "@type": "BreadcrumbList", 
  "itemListElement": [{
    "@type": "ListItem", 
    "position": 1, 
    "name": "Home",
    "item": "https://www.challabrotherstourandtravel.com/"  
  },{
    "@type": "ListItem", 
    "position": 2, 
    "name": "Contact",
    "item": "https://www.challabrotherstourandtravel.com/contact"  
  },]
}
</script>
    
@endpush

@section('main-section')

<!--============= PAGE-COVER =============-->
<section class="page-cover" id="cover-about-us">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="page-title">Contact Us</h1>
                <ul class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                    <li class="breadcrumb-item">Contact Us</li>
                </ul>
            </div><!-- end columns -->
        </div><!-- end row -->
    </div><!-- end container -->
</section><!-- end page-cover -->
<!--===== INNERPAGE-WRAPPER ====-->

                
    <!--===== INNERPAGE-WRAPPER ====-->
    <section class="innerpage-wrapper">
        <div id="contact-us-2">
    
            <div class="container">
                <div class="row">
                    <div class="col-12 col-md-12">
                        
                        <div class="row">
                            <div class="col-12 col-md-4"> 
                                <div class="contact-block-2">  
                                    <span class="border-shape-top"></span>                       
                                             <span><i class="fa fa-map-marker"></i></span>
                                    <span>Find us at</span>
                                    <p>{{$data->address}}</p>
                                    <span class="border-shape-bot"></span>
                                </div><!-- end contact-block-2 -->
                            </div><!-- end columns -->
                            
                            <div class="col-12 col-md-4"> 
                                <div class="contact-block-2">   
                                    <span class="border-shape-top"></span>                      
                                             <span><i class="fa fa-envelope"></i></span>
                                    <span>Email us at</span>
                                    <p>{{$data->email1}}</p>
                                    <p>{{$data->email2}}</p>
                                    <span class="border-shape-bot"></span>
                                </div><!-- end contact-block-2 -->
                            </div><!-- end columns -->
                            
                            <div class="col-12 col-md-4"> 
                                <div class="contact-block-2">          
                                    <span class="border-shape-top"></span>               
                                             <span><i class="fa fa-phone"></i></span>
                                    <span>Call us at</span>
                                    <p>{{$data->phone1}}</p>
                                    <p>{{$data->phone2}}</p>
                                    <span class="border-shape-bot"></span>
                                </div><!-- end contact-block-2 -->
                            </div><!-- end columns -->
                        </div><!-- end row -->
                    </div><!-- end columns -->
                </div><!-- end row -->
            </div><!-- end container -->   
        </div><!-- end contact-us -->
    </section><!-- end innerpage-wrapper -->
    
    <!--===== INNERPAGE-WRAPPER ====-->
    <section class="innerpage-wrapper">
        <div id="contact-us" class="innerpage-section-padding">
            <div class="container">
                <div class="row">
    
                    <div class="col-md-12 col-lg-5 no-pd-r">
                        <div class="custom-form contact-form">
                            <h3>Contact Us</h3>
                            <form id="frm_contact" action="{{route('sendmail')}}" name="frm_contact" method="post">
                                    @csrf
                                <div class="form-group">
                                     <input type="text" class="form-control" placeholder="Name"  name="name" id="txt_name" required/>
                                     <span style="position: relative; top: -35px; left: 15px;"><i class="fa fa-user"></i></span>
                                </div>
        
                                <div class="form-group">
                                     <input type="email" class="form-control" placeholder="Email"  name="email" id="txt_email" required/>
                                     <span style="position: relative; top: -35px; left: 15px;"><i class="fa fa-envelope"></i></span>
                                </div>
                                
                                <div class="form-group">
                                     <input type="phone" class="form-control" placeholder="phone" name="phone" id="txt_phone" required />
                                     <span style="position: relative; top: -35px; left: 15px;"><i class="fa fa-phone"></i></span>
                                </div>
                                        
                                <div class="form-group">
                                    <textarea class="form-control" rows="4" placeholder="Your Message" name="msg" id="txt_message" required></textarea>
                                    <span style="position: absolute; top: 15px; left: 15px;"><i class="fa fa-pencil"></i></span>
                                </div>
                                        <div class="col-md-12 text-center" id="result_msg"></div>
                                <button name="submit" id="submit" class="btn btn-orange btn-block">Send</button>
                            </form>
                        </div><!-- end contact-form -->
                    </div><!-- end columns -->
                    
                    <div class="col-md-12 col-lg-7 no-pd-l">
                        <div class="map">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3607.1658859239533!2d83.00518079999999!3d25.298630100000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x398e31979fb727cb%3A0x392b507779e82516!2sChalla%20Brothers%20Tour%20And%20Travels!5e0!3m2!1sen!2sin!4v1735369438100!5m2!1sen!2sin" width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div><!-- end map -->
                    </div><!-- end columns -->
                    
                </div><!-- end row -->
            </div><!-- end container -->   
        </div><!-- end contact-us -->
    </section><!-- end innerpage-wrapper -->
    
@endsection