<?php /*template name: Who:Coaches*/ 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-coach-teaching-young-football-players-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">Pro tools, now portable</h6>
				<h1 class="white uk-margin-remove-top">Telestration for Coaches. Fast, Precise, Game-Ready</h1>
				<h4 class="white uk-margin-medium-top uk-margin-medium-bottom">Analyze plays, correct movement, and communicate tactics instantly, right from your iPad Pro or iPad Air (M-series). FingerWorks brings broadcast-grade telestration to the sideline so your team learns faster and performs better.</h4>
				<div class="uk-flex uk-flex-middle uk-child-width-1-1" uk-grid>
					<div class="uk-width-auto@m">
						<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@m">
						<a class="white blue-hov" href="<?php echo home_url(); ?>/telestrator-app/">View App Features <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" uk-scrollspy="cls: uk-animation-fade; delay: 300">

	<h6 class="blue uk-text-center uk-margin-large-top uk-margin-remove-bottom">THE IPAD APP</h6>
	<h2 class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom">Why Coaches 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-regular fa-frame blue"></i> Frame-by-frame analysis</h4>
			<P>Isolate the exact moment that matters.</P>
		</div>
		<div>
			<h4><i class="fa-brands fa-apple blue"></i> Apple Pencil precision</h4>
			<P>Natural drawing, quick corrections.</P>
		</div>
		<div>
			<h4><i class="fa-regular fa-clapperboard-play blue"></i> Record, annotate, replay</h4>
			<P>Capture practice, mark adjustments, share clips.</P>
		</div>
		<div>
			<h4><i class="fa-regular fa-gear blue"></i> Custom tool menus</h4>
			<P>Set up the tools you use most — no clutter.</P>
		</div>
		<div>
			<h4><i class="fa-regular fa-share-from-square blue"></i> Instant sharing</h4>
			<P>Export to cloud, send to players, or integrate via NDI.</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/coach-explaining-game-plan-to-teen-players@2x.webp">
			<h4 class="uk-margin-medium-top">Teach concepts faster</h4>
			<P>Visual feedback speeds learning.</P>
		</div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/college-football-player-lifted-by-team-catching-football-celebration@2x.webp">
			<h4 class="uk-margin-medium-top">Improve player decision-making</h4>
			<P>With clear visual examples.</P>
		</div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/sports-coaching-ipad-telestrator-soccer-strategy@2x.webp">
			<h4 class="uk-margin-medium-top">Reduce miscommunication</h4>
			<P>Everyone sees the same play.</P>
		</div>
		<div>
			<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/fingerworks-ipad-app-prepping.webp">
			<h4 class="uk-margin-medium-top">Prep scouts &amp; breakdowns - replace</h4>
			<P>In minutes, not hours. - replace</P>
		</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.</P>
			</div>
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">2</h3>
				</div>
				<P><b>Record or Import</b>  <br>use live camera or import clips.</P>
			</div>
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">3</h3>
				</div>
				<P><b>Annotate &amp; Share</b> <br>draw, pause, and send to your team.</P>
			</div>
		</div>
	</div>
</div>

<?php /*
<div class="uk-container" >
	<div class="uk-margin-large-top"  uk-scrollspy="cls: uk-animation-fade; delay: 300">
		<div class="uk-width-2-3@m uk-margin-auto">
			<?php get_template_part( 'block-video' ); ?>
		</div>
	</div>
</div> */ ?>

<div class="uk-container uk-container-large" uk-scrollspy="cls: uk-animation-fade; delay: 300">

	<h2 class="uk-text-center uk-margin-large-top uk-margin-medium-bottom">The Standard in Telestration. Now in Your Hands.</h2>
	<div 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" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<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/sport-coaching-ipad-pro-telestrator-panel-1@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/sport-coaching-ipad-pro-telestrator-panel-2@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/sport-coaching-ipad-pro-telestrator-panel-3@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/sport-coaching-ipad-pro-telestrator-panel-4@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/sport-coaching-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> Which devices work?</a>
        <div class="uk-accordion-content">
          <p>iPad Pro and iPad Air with M-series processors (M1+, M2, etc.).</p>
        </div>
      </li>
			<li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">2</span> Do I need extra hardware?</a>
        <div class="uk-accordion-content">
          <p>No — the app runs standalone. NDI and export options integrate with pro workflows.</p>
        </div>
      </li>
			<li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">3</span> How is video shared with players?</a>
        <div class="uk-accordion-content">
          <p>Export MP4, share via cloud, AirDrop, or integrate into your team platform.</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">Ready to coach with broadcast tools?</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 bring broadcast-level analysis to every practice and game.</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(); ?>
