@extends('layouts.master_pub')
@section('title')
VoiceSync
@endsection
@section('content.header.title')
VoiceSync
@endsection
@section('content')
<section class="position-relative pt-12 pt-md-14 mt-n11">
  <div class="shape shape-fluid-x shape-blur-2 svg-shim text-light">
    <svg viewBox="0 0 1313 768" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M442.794 768C605.882 768 748.362 679.773 825.111 548.444L825.294 549C825.294 549 825.543 548.251 826.056 546.819C839.139 524.212 850.279 500.339 859.248 475.43C901.996 397.81 989.306 277.09 1144.29 206L1143.37 205.307C1230.34 171.296 1295.63 94.049 1312.83 0H1.29419V295.514C0.631105 305.423 0.294189 315.422 0.294189 325.5C0.294189 569.886 198.408 768 442.794 768Z"
        fill="currentColor" />
    </svg>
  </div>
  <div class="container">
    <div class="row align-items-center text-center text-md-left">
      <div class="col-12 col-md-6">
        <img src="assets/img/illustrations/illustration-4.png" alt="..."
          class="img-fluid mw-130 float-right mb-6 mb-md-0" data-aos="fade-right">
      </div>
      <div class="col-12 col-md-6">
        <h1 class="display-1 font-weight-bold">
          <div data-aos="fade-left">Collaborate</div>
          <div data-aos="fade-left" data-aos-delay="100">VoiceSync</div>
        </h1>
        <p class="font-size-lg text-muted mb-0" data-aos="fade-left" data-aos-delay="200">
          Your time is valuable. Use it wisely and collaborate. Get your team on the same page and
          get work done with VoiceSync.
        </p>
      </div>
    </div>
    <div class="row justify-content-md-center align-items-center text-center">
      <div class="col-12">
        <a
          href='https://apps.apple.com/us/app/voicesync/id1510262149' target="_blank"><img
            src="img/ios-app-store.svg" class="img-fluid" alt="..."></a>
        <a
          href='https://play.google.com/store/apps/details?id=com.fbross.voicesync&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1'
          target="_blank"><img
            alt='Get it on Google Play'
            src='/img/google-play-badge.png' class="store-img" /></a>
      </div>
    </div>
  </div>
</section>
<section class="py-8 py-md-11 bg-gray-200">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-md-10 col-lg-7 text-center">
        <h2 class="font-weight-bold">
          Built for teams of all kinds.
        </h2>
        <p class="font-size-lg text-muted mb-7 mb-md-9">
          No matter what you're working on, who you're with, or how many of you there are, VoiceSync
          can help.
        </p>
      </div>
    </div> <!-- / .row -->
    <div class="form-row">
      <div class="col-12 col-lg-6 d-lg-flex pb-1 mb-4">
        <div class="card shadow-light-lg overflow-hidden" data-aos="fade-up">
          <div class="row">
            <div class="col-md-4 position-relative">
              <!-- Image -->
              <img src="assets/img/illustrations/illustration-8.png"
                class="h-75 position-absolute right-0 mt-7 mr-n4" alt="...">
            </div>
            <div class="col-md-8">
              <!-- Body -->
              <div class="card-body py-7 py-md-9 text-center">
                <h4 class="font-weight-bold">
                  Unlimited Team Size
                </h4>
                <p class="text-muted mb-0">
                  VoiceSync works well for a teams of every size. Be it 3 or an IT army a of Forture
                  500 company.
                </p>
              </div>
            </div>
          </div> <!-- / .row -->
        </div>
      </div>
      <div class="col-12 col-lg-6 d-lg-flex pb-1 mb-4">
        <!-- Card -->
        <div class="card shadow-light-lg overflow-hidden text-center" data-aos="fade-up">
          <div class="row">
            <div class="col-md-8">
              <!-- Body -->
              <div class="card-body py-7 py-md-9">
                <h4 class="font-weight-bold">
                  Rewards Program
                </h4>
                <p class="text-muted mb-0">
                  We all want to feel appreciated. Members get to choose between rewards and/or call
                  credits. Enjoy!
                </p>
              </div>
            </div>
            <div class="col-md-4">
              <!-- Image -->
              <img src="assets/img/illustrations/illustration-6.png"
                class="h-75 position-absolute left-0 mt-7" alt="...">
            </div>
          </div> <!-- / .row -->
        </div>
      </div>
    </div> <!-- / .row -->
    <div class="row">
      <div class="col-12">
        <!-- Card -->
        <div class="card shadow-light-lg overflow-hidden text-center text-lg-left"
          data-aos="fade-up">
          <div class="row">
            <div class="col-md-4 position-relative">
              <!-- Image -->
              <img src="assets/img/illustrations/illustration-2.png"
                class="h-75 position-absolute right-0 mt-6" alt="...">
            </div>
            <div class="col-md-8">
              <!-- Body -->
              <div class="card-body py-7 py-md-9">
                <h4 class="font-weight-bold">
                  Worry-free
                </h4>
                <p class="text-muted mb-0">
                  Use VoiceSync to build your customer base. Never worry about the size of your
                  audience in a collaboration. We provide clear conversations with 250 people and
                  unlimited chat between participants.
                </p>
              </div>
            </div>
          </div> <!-- / .row -->
        </div>
      </div>
    </div> <!-- / .row -->
  </div> <!-- / .container -->
</section>
<section class="pt-5 pt-md-7 ">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-md-6">
        <h2 class="font-weight-bold">
          Rich dashboards keep your entire company in sync.
        </h2>
        <p class="font-size-lg text-muted mb-5">
          Downlaod all your voicesync data, purchase new minutes and select your rewards in one
          place.
          Take the guess work out.
        </p>
        <a href="{{ url('pricing') }}" class="btn btn-primary-desat mb-6 mb-md-0 lift">
          Start for free <i class="fe fe-arrow-right ml-3"></i>
        </a>
      </div>
      <div class="col-12 col-md-6">
        <div class="w-md-130">
          <div class="device-combo device-combo-iphonex-macbook">
            <div class="device device-iphonex">
              <img src="assets/img/screenshots/mobile/dashkit-alt.jpg" class="device-screen"
                alt="...">
              <img src="assets/img/devices/iphonex.svg" class="img-fluid" alt="...">
            </div>
            <div class="device device-macbook">
              <img src="assets/img/screenshots/desktop/dashboard.png" class="device-screen"
                alt="...">
              <img src="assets/img/devices/macbook.svg" class="img-fluid" alt="...">
            </div>
          </div>
        </div>
      </div>
    </div> <!-- / .row -->
  </div> <!-- / .container -->
</section>
<section class="py-8 pt-md-11 pb-md-12 ">
  <div class="container">
    <div class="row">
      <div class="col-12 col-md-4 text-center">
        <h1 class="display-2 font-weight-bold text-primary-desat">
          <span data-toggle="countup" data-from="0" data-to="97" data-aos
            data-aos-id="countup:in">0</span>%
        </h1>
        <p class="text-muted mb-6 mb-md-0">
          Monthly customer retention. Folks love VoiceSync and come back.
        </p>
      </div>
      <div class="col-12 col-md-4 text-center">
        <h1 class="display-2 font-weight-bold text-primary-desat">
          <span data-toggle="countup" data-from="00.0" data-to="99.9" data-decimals="1" data-aos
            data-aos-id="countup:in">00.0</span>%
        </h1>
        <p class="text-muted mb-6 mb-md-0">
          Guaranteed uptime for all of our services no matter what.
        </p>
      </div>
      <div class="col-12 col-md-4 text-center">
        <h1 class="display-2 font-weight-bold text-primary-desat">
          <span data-toggle="countup" data-from="0.0" data-to="4.8" data-decimals="1" data-aos
            data-aos-id="countup:in">0.0</span>/5.0
        </h1>
        <p class="text-muted mb-0">
          Our average review across our services
        </p>
      </div>
    </div> <!-- / .row -->
  </div> <!-- / .container -->
</section>
<section class="py-10 py-md-13 bg-gray-200 bg-between"
  style="background-image: url(assets/img/illustrations/illustration-1-cropped.png), url(assets/img/illustrations/illustration-3-cropped.png);">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-12 col-md-10 col-lg-8 text-center">
        <h2 class="font-weight-bold">
          Try VoiceSync for free anytime, anywhere.
        </h2>
        <p class="font-size-lg text-muted mb-8 px-lg-9">
          We can help you run your meetings faster. Tried and true systems for collaborations
          small
          and large.
        </p>
        <!-- 
          <a href="#!">
          <img src="/img/ios-app-store.svg" alt="app store" />
        </a>
        <a href="#!">
          <img src="/img/google-play-badge.png" alt="google store" height="57" />
        </a>
        -->
      </div>
    </div> <!-- / .row -->
  </div> <!-- / .container -->
</section>
<div class="position-relative">
  <div class="shape shape-bottom shape-fluid-x svg-shim text-dark">
    <svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor" />
    </svg>
  </div>
</div>
@endsection('content')
@section('javascript')
@endsection