<?php /*template name: Who:Corporate*/ get_header(); ?>

<div class="uk-cover-container banner" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<canvas class="uk-visible@m" width="" height="840"></canvas>
	<canvas class="uk-hidden@m" width="" height="840"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-business-meetings-and-graphs-telestrator-app-hero.webp" alt="Coach using Telestrator app" uk-cover>

	<div class="uk-position-cover uk-container uk-container-expand uk-flex uk-flex-middle" uk-scrollspy="cls: uk-animation-fade; delay: 500">
		<div>
			<div class="uk-width-2-5@m">
				<h6 class="blue uk-margin-remove-bottom">Clarify complex ideas</h6>
				<h1 class="white uk-margin-remove-top">Telestration for Business — Presentations That Stick</b></h1>
				<h4 class="white uk-margin-medium-top uk-margin-medium-bottom"> Turn training sessions, boardroom presentations, and remote workshops into visual, interactive experiences using the Telestrator app on iPad Pro and iPad Air (M-series). FingerWorks helps teams cut through complexity and communicate with confidence.</h4>
				<div class="uk-flex uk-flex-middle" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 500">
					<div class="uk-width-auto">
						<a target="_BLANK" href="https://apps.apple.com/ca/app/telestrator/id6738925360">
							<img style="width:209px;" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Download_on_the_App_Store_Badge.png">
						</a>
					</div>
					<div class="uk-width-expand">
						<a class="white blue-hov" href="<?php echo home_url(); ?>/contact">Contact Sales <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>



<div class="uk-container uk-container-large">

	<h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue uk-text-center uk-margin-large-top uk-margin-remove-bottom">THE IPAD APP</h6>
	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom">Why Corporate Teams Choose Telestrator</h2>

	<div class="uk-child-width-1-3@m uk-flex uk-flex-center uk-margin-large-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
		<div>
			<h4><i class="fa-solid fa-chart-line blue"></i> Highlight KPIs and diagrams</h4>
			<P>call out key numbers and trends in real time.</P>
		</div>
		<div>
			<h4><i class="fa-solid fa-person-chalkboard blue"></i> Presenter-friendly tools</h4>
			<P>presentation mode and touch controls for live meetings.</P>
		</div>
		<div>
			<h4><i class="fa-solid fa-cloud-arrow-up blue"></i> Remote-ready export</h4>
			<P>share annotated recordings with distributed teams.</P>
		</div>
		<div>
			<h4><i class="fa-solid fa-rocket blue"></i> Fast onboarding</h4>
			<P>minimal training, immediate productivity.</P>
		</div>
		<div>
			<h4><i class="fa-solid fa-shield-check blue"></i> Secure sharing</h4>
			<P>export formats compatible with corporate platforms.</P>
		</div>
	</div>

	<div class="uk-child-width-1-4@m uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/team-leader-showing-annotated-telestrator-screen-to-group@2x.webp">
			<h4 class="uk-margin-medium-top">Improve training retention with visual examples.</h4>
		</div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/businessman-looking-over-telestrated-screen-on-tablet@2x.webp">
			<h4 class="uk-margin-medium-top">Speed decision-making by pointing out exact insights.</h4>
		</div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/fingerworks-telestrator-menu-for-corporate-interests@2x.webp">
			<h4 class="uk-margin-medium-top">Create reusable annotated clips for onboarding.</h4>
		</div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/businesswoman-leading-a-meeting-in-office@2x.webp">
			<h4 class="uk-margin-medium-top">Present confidently with polished, professional graphics.</h4>
		</div>
	</div>

</div>

<div class="grey-bg uk-margin-large-top uk-margin-large-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<div class="uk-container" uk-scrollspy="cls: uk-animation-fade; delay: 500">
		<h6 class="blue uk-text-center uk-margin-large-top uk-margin-remove-bottom">3 SIMPLE STEPS</h6>
		<h2 class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom">How It Works</h2>

		<div class="uk-child-width-1-3@m uk-text-center uk-grid-large uk-margin-large-bottom" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">1</h3>
				</div>
				<P><b>Download &amp Subscribe</b> <br>install from the App Store and begin your subscription.</P>
			</div>
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">2</h3>
				</div>
				<P><b>Open Materials</b>  <br>import slides, charts, or record live.</P>
			</div>
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">3</h3>
				</div>
				<P><b>Annotate &amp Share</b> <br>save clips, distribute to teams, or plug into webinars.</P>
			</div>
		</div>
	</div>
</div>



<div class="uk-container uk-container-large">

	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-large-top uk-margin-medium-bottom">The Standard in Telestration. Now in Your Hands.</h2>
	<div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-large-bottom">
		<a target="_BLANK" href="https://apps.apple.com/ca/app/telestrator/id6738925360">
			<img style="width:209px;" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Download_on_the_App_Store_Badge.png">
		</a>
	</div>
</div>

<div class="uk-container uk-container-large">
	<div class="uk-padding uk-padding-remove-vertical">
		<div uk-slider>
			<div class="uk-position-relative">
				<div class="uk-slider-container">
					<div class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m uk-grid-small" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
	 					<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/corporate-ipad-pro-telestrator-panel-1@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/corporate-ipad-pro-telestrator-panel-2@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/corporate-ipad-pro-telestrator-panel-3@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/corporate-ipad-pro-telestrator-panel-4@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/corporate-ipad-pro-telestrator-panel-5@2x.webp">
						</div>
					</div>
				</div>

				<div class="">
						<a class="slide-btn uk-position-center-left-out uk-position-small" href uk-slider-item="previous"><i class="fa-regular fa-arrow-left"></i></a>
						<a class="slide-btn uk-position-center-right-out uk-position-small" href uk-slider-item="next"><i class="fa-regular fa-arrow-right"></i></a>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="uk-container" uk-scrollspy="cls: uk-animation-fade; delay: 300">
  <div class="uk-child-width-1-2@m uk-margin-large-top uk-grid-large uk-flex uk-flex-middle uk-margin-large-bottom" uk-grid>
    <div>
      <h6 class="blue uk-margin-medium-top uk-margin-remove">VIDEO TUTORIALS</h6>
      <h2 class="uk-margin-remove-top">Fast setup, and quick guides.</h2>
      <P class="uk-margin-medium-top uk-margin-bottom">Get up to speed quickly, step-by-step guides, and short video tutorials.</P>
			<div uk-grid>
				<div class="uk-width-auto">
					<a class="blue dark-hov" href="<?php echo home_url(); ?>/tutorials-support/">View Video Tutorials <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
				</div>
			</div>
	  </div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/woman-with-glasses-working-in-tech-support-on-mac@2x.webp">
		</div>
  </div>
</div>

<div class="grey-bg" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<div class="uk-container">
		<ul class="numbered-accordion uk-margin-large-top uk-margin-large-bottom" uk-accordion uk-scrollspy="cls: uk-animation-fade; delay: 300">
      <li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">1</span> Can I annotate PowerPoint or PDF slides?</a>
        <div class="uk-accordion-content">
          <p>Yes — import slides as images or annotate while presenting.</p>
        </div>
      </li>
			<li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">2</span> Is the app enterprise-deployable?</a>
        <div class="uk-accordion-content">
          <p>Yes — remote training packages are available for teams.</p>
        </div>
      </li>
			<li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">3</span> Are training sessions available?</a>
        <div class="uk-accordion-content">
          <p>Yes — short walkthroughs and remote sessions speed volunteer onboarding.</p>
        </div>
      </li>
    </ul>
	</div>
</div>

<div class="black-bg white uk-padding-remove-horizontal uk-padding-large" uk-scrollspy="cls: uk-animation-fade; delay: 300">
  <div class="uk-container" uk-scrollspy="cls: uk-animation-fade; delay: 500">
    <h2 class="white uk-text-center uk-margin-medium-top">Make every presentation clearer</h2>
		<div class="uk-width-1-2@m uk-margin-auto uk-text-center">
			<P class="uk-margin-medium-top  uk-margin-medium-bottom">download the Telestrator App for iPad Pro or iPad Air and transform training and meetings with visual explanation.</P>
		</div>
		<div class="uk-text-center">
	    <a target="_BLANK" href="https://apps.apple.com/ca/app/telestrator/id6738925360">
	      <img style="width:209px;" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/Download_on_the_App_Store_Badge.png">
	    </a>
		</div>

  </div>
</div>

<?php get_footer(); ?>
