<?php

//Template Name: Availaibilty Page

get_header();

?>

<!--Main Navigation-->
  <style>
    h1,h2,h3,h4{font-weight:300;}
	  .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
    #intro {
      background-image: url("https://patiosgrandehoa.com/wp-content/uploads/2025/05/image5.jpeg");
      height: 70vh;
    }

    /* Height for devices larger than 576px */
  

   
	  .bg-image {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
	 .imgcustom{ left: -13px;
    position: relative;
    display: block;
    right: 0;
}
  </style>

  <!-- Navbar -->
  

  <!-- Background image -->
  <div id="intro" class="bg-image shadow-2-strong">
    <div class="mask" style="background-color: rgba(0, 0, 0, 0.5);">
      <div class="container d-flex align-items-center justify-content-center text-center h-100">
        <div class="text-white" data-mdb-theme="dark">
           <h1 class="mb-3 text-white"><?php the_title();?></h1>
          <h5 class="mb-4 text-white">We See Beauty In Simplicity</h5>
          <a class="btn btn-outline-light btn-lg m-2" data-mdb-ripple-init href="#" role="button"
             rel="nofollow" target="_blank">Contact Us</a>
        
        </div>
      </div>
    </div>
  </div>
  <!-- Background image -->
<!--Main Navigation-->



<!--Main layout-->

<section class="py-3 py-md-5 bg-white">
  <div class="container">
    <div class="row gy-3 gy-md-4 gy-lg-0 align-items-lg-center shadow-lg">
      <div class="col-12 col-lg-6 col-xl-12">

<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget" data-url="https://calendly.com/akahn-lighthouseinternetmedia/30min" style="min-width:320px;height:700px;"></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly inline widget end -->


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


<?php get_footer(); ?>

