@extends('layouts.app')

@section('title','Book your demo')

@section('meta')
  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="{{Request::url()}}">
  <meta property="og:title" content="Book your demo">
  <meta property="og:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">
  <meta property="og:description" content="Book a demo to see how Reef can benefit your company moving forward. One of our team would love to showcase our platform and app to you.">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="{{Request::url()}}">
  <meta property="twitter:title" content="Book your demo">
  <meta property="twitter:image" content="{{asset('images/reef-rocks-ltd.jpg')}}">

  <meta property="og:image:width" content="600"/>
  <meta property="og:image:height" content="315"/>

  <meta name="description" content=" Book a demo to see how Reef can benefit your company moving forward. One of our team would love to showcase our platform and app to you.">
@endsection

@section('header')
	@include('front.partials.header')
@endsection

@section('content')
<div class="page-wrapper">
    <section class="standard-block py-0 py-sm-4 py-md-5">
        <div class="container">
            <h2  class="text-center mb-2 mb-md-2 pb-0 pb-md-3 pb-lg-3 pb-xl-4 text-uppercase">Book your spaces demo</h2>
            <div class="text-center">
                {{-- <iframe width="800" height="750" src="https://reef.pipedrive.com/scheduler/Lpm2ppiA/meeting-with-si-reef" frameborder="0" allowfullscreen style="max-width: 100%;"></iframe>  --}}
            <!-- Calendly inline widget begin -->
            <div class="calendly-inline-widget" data-url="https://calendly.com/spaces-reef/demo?primary_color=7fdac7" style="min-width:320px;height:630px;"></div>
            <script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
            <!-- Calendly inline widget end -->
            </div>
        </div>
    </section>

    @include('front.partials.free_trial_black_bar')

@endsection

@section('footer')
    @include('front.partials.footer')
</div>
@endsection