@extends('layouts.main')
@push('title')
<title>contact</title>  
@endpush
@section('main-section')
<link rel="stylesheet" href={{asset('assets/css/style.css')}}>

<style>
.btn-whatsapp {
    background: #25D366;
    border: none;
    font-size: 22px;
    position: fixed;
    font-weight: 800;
    z-index: 99999;
    bottom: 85px;
    right: 11px;
    border: 2px solid #fff;
    display: flex;
    width: 65px;
    height: 65px;
    align-items: center;
    color: #fff;
    justify-content: center;
    border-radius: 50%;
}
</style>
<!-- Header -->
<div id="home" class="bg-inner low-back-gradient-inner">
    <div class="text-con-inner low-back-up">
      <div class="container">
        <div class="row">
          <div class="lead col-lg-12 col-xm-12 text-center">
            <h1><span class="top-heading-inner">Contact Us </span></h1>
            <div class="list-o-i white">
              <p class="white no-p">Unlock your financial potential and pave your path to prosperity through smart investments and strategic decisions. Explore opportunities and embark on your journey to financial freedom today.</p>
              <div class="pagenation_links"><a href="/" class="yellow">Home</a><i> </i>  / Contact</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!--End Header--> 


  <!-- Contact -->

<div id="contact-inner" class="text-center">
    <div class="container">
      <div class="section-title center">
        <h2>Get in<strong> Touch</strong></h2>
        <hr>
        {{-- <p class="para">Lorem Ipsum is simply dummy text of the printing and typesetting
          industry. <strong>Lorem Ipsum has been the industry's standard dummy </strong>text
          ever since the 1500s, when an unknown printer took a galley of type and
          scrambled it to make a type specimen book. </p> --}}
      </div>
      <div class="col-md-6">
        <div class="col-md-12 contact-inner"> <i class="fa fa-map-marker fa-2x"></i>
          <p class="gray"> Office 2 Saraogi Avenue 2, below Toddlers Pre -Primary School, near Kankia Police Station, Beverly Park, Mira Road East, Mumbai, Maharashtra 401107
          </p>
        </div>
        <div class="col-md-12 contact-inner"> <i class="fa fa-envelope-o fa-2x"></i>
          <a href="mailto:connect@mywealthfree.com"><p class="gray">connect@mywealthfree.com</p></a>
        </div>
        <div class="col-md-12 contact-inner"> <i class="fa fa-phone fa-2x"></i>
         <a href="tel:9594763911"> <p class="gray">+91 9594763911</p></a>



        </div>
        <hr>
        <div class="clearfix"></div>
      </div>
      <div class="col-md-6 c-2">

        @if(session('success'))
          <div class="alert alert-success success-message">
              {{ session('success') }}
          </div>
      @endif

        <div class="section-title center">
          <h2>Leave<strong> message</strong></h2>
        </div>

        <form name="ajax-form" id="ajax-form" action="{{route('contactme')}}" method="post">
          @csrf
            <div class="form-group">
                <label for="Name">Name</label>
                <input name="name" id="name" type="text" class="form-control" placeholder="Your Name: *" required/>
            </div>
            <div class="form-group">
                <label for="Email" class="control-label">Email</label>
                <input name="email" id="email" type="text" class="form-control" placeholder="E-Mail: *" required/>
            </div>
            <div class="form-group">
                <label for="message" class="control-label">Your Message</label>
                {{-- <textarea name="message"  id="message" placeholder="Your Message"></textarea> --}}
                <textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" ></textarea>
            </div>
            <div class="form-group">
                <button class="send_message btn btn-primary btn-lg" id="send"
                data-lang="en">Submit</button>
            </div>
        </form>

      </div>
    </div>
  </div>
  <!--End Contact--> 

  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

  <script>
    $(document).ready(function() {
    // Function to fade out success message after 3 seconds
    function fadeOutSuccessMessage() {
        $('.success-message').fadeOut('slow');
    }

    // Trigger the fade-out function after 3 seconds
    setTimeout(fadeOutSuccessMessage, 2000); // Adjust the time as needed
});

  </script>

  <a href="https://wa.me/9594763911?text=Hello%20Sir" target="_blank" class="btn-contact btn-whatsapp"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>

@endsection