@extends('layouts.main')
@section('title', 'Contact Us')
@section('style')
  <link rel="stylesheet" href="{{ asset('assets/custom/css/contactus.css') }}">
@endsection
@section('navbar')
  @include('layouts.navbar')
@endsection
@section('content')
  <section>
    <p><a href="#"><i class='bx bx-arrow-back'></i> BACK TO MENU</a></p>
    <h1>Contact Us</h1>
    <div class="col_form">
      <form action="">
        <input type="text" placeholder="Enter Number" required>
        <input type="text" placeholder="Enter Email" required>
        <textarea name="message" id="mesg" placeholder="Enter Messgae" required></textarea>
        <button>Send Messgae</button>
      </form>
      <div class="map">
        <iframe
          src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3768.649245488603!2d73.2383225753714!3d19.166824982056614!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3be792cd5bd6a63f%3A0xe7cfb4a831097e67!2sBadlapur%20Sta%20Rd%2C%20Badlapur%2C%20Maharashtra%20421503!5e0!3m2!1sen!2sin!4v1741859407284!5m2!1sen!2sin"
          width="300" height="350" style="border:0;" allowfullscreen="" loading="lazy"
          referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
    </div>
  </section>
@endsection