@extends('layouts.front_layout')
@section('content')
@section('title', 'Contact Us')

@section('meta_title', 'Sarawat Film & Entertainmen')
@section('meta_description','Sarawat Film & Entertainmen')
@section('meta_keywords','Sarawat Film & Entertainmen')


<style>
.hero-section {
  background: linear-gradient(to right, #4b79a1, #283e51);
}

.contact-section {
  background-color: #f8f9fa;
}

.contact-section h2 {
  color: #4b79a1;
}

.contact-section ul {
  font-size: 1.1rem;
}

.contact-section i {
  color: #4b79a1;
  font-size: 1.2rem;
}

.contact-section .btn {
  background-color: #4b79a1;
  border: none;
}

.contact-section .btn:hover {
  background-color: #283e51;
}

.contact-section a {
  color: #4b79a1;
  font-size: 1.5rem;
}

.contact-section a:hover {
  color: #283e51;
}
</style>

   
        <section class="" style="
    background-image:url(https://saraswatfilm.com/front/images/111.jpg);
   
    padding-top: 70px;
    padding-bottom: 70px;">
        
        <div class="auto-container">
            <div class="title-outer">
               <center> <h1 style="color:#fff;">Get in Touch</h1> </center>
            </div>
        </div>
    </section>

  <!-- Contact Form Section -->
  <section class="contact-section py-5">
    <div class="container">
      <div class="row">
        <!-- Contact Form -->
        <div class="col-lg-6 mb-4">
          <h2 class="mb-4">Contact Form</h2>
          <form>
            <div class="mb-3">
              <label for="name" class="form-label">Full Name</label>
              <input type="text" class="form-control" id="name" placeholder="Your Name">
            </div>
            <div class="mb-3">
              <label for="email" class="form-label">Email Address</label>
              <input type="email" class="form-control" id="email" placeholder="Your Email">
            </div>
            <div class="mb-3">
              <label for="message" class="form-label">Message</label>
              <textarea class="form-control" id="message" rows="4" placeholder="Your Message"></textarea>
            </div>
            <button type="submit" class="btn btn-primary" style="background-color: #ffba00;">Send Message</button>
          </form>
        </div>

        <!-- Contact Information -->
        <div class="col-lg-6">
         <div class="cont-subs">
                        <br><br><br>
                        <h5>Need Help? Contact Us</h5>
                        <div class="cont-add mt-4">
                            
                           <div class="cont-add-rgt">
                           <h4>Our Location:</h4>
                            <p class="contact-text-sub"> <span class="fa fa-map-marker" aria-hidden="true" style="font-size:21px;"></span> Saraswat Film & Entertainment, Surya Enclave, D-504, UPSIDC Site C, Housing, Greater Noida, Tilpata Karanwas, Uttar Pradesh 201306</p>
                        </div>
                    </div>
				
					<div class="cont-add my-4">
                           
                            <div class="cont-add-rgt">
                                 <h4>24/7 Support:</h4>
                                 <a href="tel:+91 98107 57062">
                                     <p class="contact-text-sub"><span class="fa fa-phone" aria-hidden="true" style="font-size:21px;"></span> +91 98107 57062</p>
                                 </a>
                            </div>
                        </div>
                        	<div class="cont-add my-4">
                        
                            <div class="cont-add-rgt">
                                     <h4>Email:</h4>
                                 <a href="#">
                                 <p class="contact-text-sub"><span class="fa fa-envelope" aria-hidden="true" style="font-size:21px;"></span> saraswatfilm@gmail.com</p>
                                 </a>
                            </div>
                        </div>
                        
                       
                    </div>
         
        </div>
        
         <div class="col-lg-12">
             <br><br>
         <iframe
            src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d112104.47859912316!2d77.3738564!3d28.5918272!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390ceb22545ceb67%3A0xfe3932f918ffdbda!2sSaraswat%20Film%20%26%20Entertainment!5e0!3m2!1sen!2sin!4v1726682209236!5m2!1sen!2sin"
            width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
          </iframe>
          </div>
        
        
      </div>
    </div>
  </section>


@stop