<?php
/**
 * Template Name: Get A Demo
 */
get_header();
$banner_section = get_field('banner_section');
$content_section = get_field('content_section');
?>
  <!-- Header -->
  <header class="masthead-inner" style="background-image: url(<?php echo $banner_section['background_image']; ?>)">
    <div class="container">
      <div class="row">
        <div class="col-sm-12">
          <div class="intro-text text-center request-demo-header">
            <div class="intro-heading"><?php echo $banner_section['text'] ?></div>
          </div>
        </div>
        <div class="col-xl-8">
          <div class="demo-banner-container">
            <h2><?php echo $content_section['content_heading']; ?></h2>

            <div class="row no-gutters">
              <?php echo $content_section['content_part_1']; ?>
            </div>
          </div>
        </div>
      </div>

    </div>
  </header>
<?php //$content_section = get_field('content_section'); ?>
  <!-- Services -->
  <section class="page-section getademo-section">
    <div class="container">
      <div class="row">
        <div class="col-xl-8 col-lg-7">
          <div class="demo-features">
            <div class="row">
            <?php echo $content_section['content_part_2']; ?>
            </div>
          </div>
          <div class="get-demo-dashboard">
            <img src="<?php echo $content_section['client_dashboard']; ?>" alt="Captain's Chair Client Dashboard" title="Captain's Chair Client Dashboard">
          </div>
        </div>
        <div class="col-xl-4 col-lg-5">
        <?php $demo_form_section = get_field('demo_form_section'); ?>
          <div class="getademo-form laptop-animation">
              <h3 class="heading03 mb-5 text-center"><?php echo $demo_form_section['form_heading']; ?></h3>
			        <div class="calendly-inline-widget cc-demo-widget" data-url="https://calendly.com/c/HBAXH53B5QMOG3TI" ></div>
<!-- 			  <div class="getademo-form-cf7">
				  <?php //echo do_shortcode('[contact-form-7 id="358" title="Request A Demo Form"]'); ?>
			  </div> -->
          </div>
        </div>
      </div>
    </div>
  </section>

<?php
get_footer();
?>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js"></script>