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

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

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/full-telestrator-ipad-app-hero-1@2x.webp"  uk-cover>

	<div class="uk-position-cover uk-text-center uk-container uk-container-large uk-flex uk-flex-center uk-flex-middle" uk-scrollspy="cls: uk-animation-fade; delay: 500">
		<div>
			<h1 class="white">Telestrator App</h1>
			<h4 class="white uk-margin-medium-top uk-margin-medium-bottom">Broadcast-grade Telestration. Now on iPad Pro and iPad Air with M Processors</h4>
			<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>

<div class="uk-container">
  <div class="uk-child-width-1-2@m uk-margin-large-top uk-grid-large uk-flex uk-flex-middle" uk-grid>
		<div>
      <img uk-scrollspy="cls: uk-animation-fade; delay: 300" class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/fingerworks-telestrator-ipad-app-menu-1@2x.webp">
    </div>
    <div>
      <h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue uk-margin-medium-top uk-margin-remove">THE IPAD APP</h6>
      <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-remove-top">Pro Tools. Made Simple.</h2>
      <P uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-medium-top uk-margin-bottom">FingerWorks for iPad delivers the same telestration technology trusted by broadcasters, optimized for coaches, teachers, and leaders who need to engage their audiences in real time.</P>
    </div>
  </div>

	<div class="uk-child-width-1-4@m uk-text-center uk-grid-large uk-margin-large-bottom uk-margin-large-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
		<div>
			<div class="icon-circle">
				<i class="fa-kit fa-fingerworks-icon"></i>
			</div>
			<P>Draw &amp; Highlight Live Video</P>
		</div>
		<div>
			<div class="icon-circle">
				<i class="fa-solid fa-play"></i>
			</div>
			<P>Pause, Record, Replay With Ease</P>
		</div>
		<div>
			<div class="icon-circle">
				<i class="fa-kit fa-ndi-icon"></i>
			</div>
			<P>NDI Input/Output For Broadcast Integration</P>
		</div>
		<div>
			<div class="icon-circle">
				<i class="fa-solid fa-cloud-arrow-down"></i>
			</div>
			<P>Export &amp; Share Instantly</P>
		</div>
	</div>
	<div class="uk-text-center">
		<a uk-scrollspy="cls: uk-animation-fade; delay: 300" 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-margin-large-top uk-margin-xlarge-bottom"  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 class="uk-child-width-1-2@m uk-margin-large-top 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/fingerworks-6-telestrator-menu-icons-example@2x.webp">

			<h6 class="blue uk-margin-large-top uk-margin-remove-bottom">THE IPAD APP</h6>
		  <h2 class="uk-margin-remove-top uk-margin-medium-bottom">Why Choose Our Telestration iPad App?</h2>
			<hr>

		</div>
		<div>
      <img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/college-football-telestration@2x.webp">
			<P class="uk-margin-large-top">FingerWorks brings the power of professional telestration to the iPad Pro and iPad Air with M-series processors. Designed for speed, precision, and portability, the app delivers the same trusted technology used by the NFL, PGA TOUR, and top broadcasters—re-imagined for touch.</P>
		</div>
	</div>

	<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-tablet-button blue"></i> Portable &amp powerful</h4>
			<P>Run a full telestration suite on your iPad, anywhere you need it.</P>
		</div>
		<div>
			<h4><i class="fa-regular fa-microchip blue"></i> Optimized for M-series processors</h4>
			<P>Smooth, real-time performance for drawing, tracking, and playback.</P>
		</div>
		<div>
			<h4><i class="fa-regular fa-chart-network blue"></i> Clean, intuitive interface</h4>
			<P>Focus on analysis, not menus. Get up to speed in minutes.</P>
		</div>
		<div>
			<h4><i class="fa-kit fa-fingerworks-icon blue"></i> All-in-one workflow</h4>
			<P>Record, draw, annotate, and share—directly from your iPad.</P>
		</div>
		<div>
			<h4><i class="fa-kit fa-ndi-icon blue"></i> NDI & sharing support</h4>
			<P>Integrates seamlessly with your existing video workflow or live stream.</P>
		</div>
	</div>

</div>

<div class="grey-bg uk-margin-large-top" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<div class="uk-container">
		<h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue uk-text-center uk-margin-large-top uk-margin-remove-bottom">EASY INTEGRATION</h6>
		<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" 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="cls: uk-animation-fade; delay: 300">
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">1</h3>
				</div>
				<P><b>Download</b> from the App Store.</P>
			</div>
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">2</h3>
				</div>
				<P><b>Subscribe &amp; Set Up</b> your tools.</P>
			</div>
			<div>
				<div class="icon-circle">
					<h3 class="uk-margin-remove blue">3</h3>
				</div>
				<P><b>Draw, Record, Share</b> in real time.</P>
			</div>
		</div>
	</div>
</div>
<div class="black-bg white uk-padding-remove-horizontal uk-padding-large  uk-margin-large-bottom" 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">Get Started Today</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 and iPad Air, choose a subscription that fits your needs, and experience the fastest way to bring broadcast-level telestration to your audience.</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>

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

	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center">Our Products Are Trusted By the Best</h2>
	<div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-width-2-5@m uk-margin-auto uk-text-center">
		<P>For over 25 years, the world’s biggest networks have relied on FingerWorks to tell the game’s most important stories.</P>
	</div>
	<?php get_template_part( 'block-logo-slider' ); ?>

</div>

<div class="uk-container">
  <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 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue uk-margin-medium-top uk-margin-remove">UNMATCHED SERVICE &amp; SUPPORT</h6>
      <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-remove-top">We’re With You Every Step of the Way</h2>
      <P uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-medium-top uk-margin-bottom">From setup to live production, the FingerWorks team is known for responsive, expert support. Access in-depth tutorials, user guides, and video walkthroughs designed to help you get the most out of your telestrator, fast.</P>
			<a uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue dark-hov" href="<?php echo home_url(); ?>/tutorials-support/">View Guides &amp; Tutorials <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>

	  </div>
		<div>
			<img uk-scrollspy="cls: uk-animation-fade; delay: 300" class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/young-techy-woman-wearing-headset-holding-a-laptop@2x.webp">
		</div>
  </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="cls: uk-animation-fade; delay: 300">
	 					<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-1@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-2@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-3@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-4@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-5@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-6@2x.webp">
						</div>
						<div>
							<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/ipad-pro-telestrator-panel-7@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="grey-bg uk-margin-large-top uk-margin-large-bottom">
	<div class="uk-container">
		<h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue uk-text-center uk-margin-large-top uk-margin-remove-bottom">FROM FIELD TO CLASSROOM</h6>
		<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom">Telestration for Everyone</h2>

		<div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-width-1-2@m uk-margin-auto uk-text-center">
			<P>Whether you’re a coach breaking down plays, a business professional presenting strategy, a church leader creating more engaging messages, or a streamer looking to stand out, this app gives you professional-grade tools without the hardware rack.</P>
		</div>

		<div class="uk-child-width-1-2@m uk-margin-large-top uk-margin-large-bottom 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/sports-coaching-ipad-telestrator-wide@2x.webp">
				<h3>Sports Coaches</h3>
				<P>Map plays, routes, rotations, and build a roster right within the app.</P>
				<a class="blue dark-hov" href="<?php echo home_url(); ?>/who-its-for/sports-coaches/">Find Out More <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
			</div>
			<div>
				<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/church-leaders-ipad-telestrator-wide@2x.webp">
				<h3>Church Leaders</h3>
				<P>Highlight scripture &amp; sermon notes. Presenting is made easier.</P>
				<a class="blue dark-hov" href="<?php echo home_url(); ?>/who-its-for/church-leaders/">Find Out More <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
			</div>
			<div>
				<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/streaming-and-broadcasting-ipad-telestrator-wide@2x.webp">
				<h3>Streaming &amp; Broadcast</h3>
				<P>Make your streams and live shows stand out with real-time highlights and callouts.</P>
				<a class="blue dark-hov" href="<?php echo home_url(); ?>/who-its-for/who-its-for/streaming-broadcast/">Find Out More <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
			</div>
			<div>
				<img class="rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/corporate-teams-ipad-telestrator-wide@2x.webp">
				<h3>Corporate Teams</h3>
				<P>Engage with dynamic presentations.</P>
				<a class="blue dark-hov" href="<?php echo home_url(); ?>/who-its-for/corporate-teams/">Find Out More <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
			</div>
		</div>

	</div>
</div>

<div class="uk-container uk-container-large">
	<div class="uk-child-width-1-4@m uk-grid-large" uk-grid uk-height-match="target: > div > .matchie" uk-scrollspy="cls: uk-animation-fade; delay: 300">
		<div>
			<div class="uk-flex uk-flex-middle matchie">
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/football-fingerworks-ipad-telestration-mini@2x.webp">
			</div>
			<h2>Fast. Precise. Immediate.</h2>
			<P>Instant telestration edits, when it matters most.</P>
		</div>
		<div>
			<div class="uk-flex uk-flex-middle matchie">
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/3-panel-golf-fingerworks-ipad-telestration-mini@2x.webp">
			</div>
			<h2>Simple Interface. Zero Clutter.</h2>
			<P>Custom menus and a clean UI let you work professionally. No clutter, no fuss.</P>
		</div>
		<div>
			<div class="uk-flex uk-flex-middle matchie">
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/golf-fingerworks-ipad-telestration-mini@2x.webp">
			</div>
			<h2>Frame-by-Frame Clarity.</h2>
			<P>Highlight key moments and analyze footage frame by frame for exact insight.</P>
		</div>
		<div>
			<div class="uk-flex uk-flex-middle matchie">
				<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/business-meeting-fingerworks-ipad-telestration-mini@2x.webp">
			</div>
			<h2>A Great Teaching Tool &amp; More!</h2>
			<P>Annotate live or recorded clips to teach, coach, and present with impact.</P>
		</div>
	</div>

	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-xlarge-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>


<?php get_footer(); ?>
