<?php /*template name: contact*/ 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="250"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/fingerworks-contact-us-hero-1.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">Contact FingerWorks</h1>
		</div>
	</div>
</div>


<div class="uk-container uk-container-large">
	<div class="uk-child-width-1-2@m uk-grid-large uk-margin-large-top" uk-grid>
		<div>
			<h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue uk-margin-remove">TOP QUALITY SUPPORT AND SERVICE</h6>
			<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-remove-top">Contact Us Today for Support or to Request a Product!</h2>
			<P uk-scrollspy="cls: uk-animation-fade; delay: 300">Whether you’re ready to integrate FingerWorks into your workflow or need assistance with an existing setup, our team is here to help.</P>
			<h4 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="blue">Reach out by phone or complete the form. We’ll connect you with the right specialist.</h4>

			<div class="uk-grid-small uk-margin-medium-top" uk-grid uk-scrollspy="cls: uk-animation-fade; delay: 300">
				<div class="uk-width-auto">
					<i class="fa-regular fa-phone-flip blue fa-2x"></i>
				</div>
				<div class="uk-width-expand">
					<h5 class="uk-text-bold uk-margin-remove-top">North America</h5>
					<P class="uk-margin-remove small">9:00am – 5:00PM Pacific Time</P>
					<h5 class="uk-margin-remove"><a href="tel:1-877-834-1459" class="blue dark-hov">1-877-834-1459</a></h5>
				</div>
			</div>
			<div class="uk-grid-small uk-margin-medium-top" uk-grid uk-scrollspy="cls: uk-animation-fade; delay: 300">
				<div class="uk-width-auto">
					<i class="fa-regular fa-globe blue fa-2x"></i>
				</div>
				<div class="uk-width-expand">
					<h5 class="uk-text-bold uk-margin-remove-top">Global</h5>
					<P class="uk-margin-remove small">9:00am – 5:00PM Pacific Time</P>
					<h5 class="uk-margin-remove"><a href="tel:+1 (604) 862-4134" class="blue dark-hov">+1 (604) 862-4134</a></h5>
				</div>
			</div>
		</div>
		<div>
			<div uk-scrollspy="cls: uk-animation-fade; delay: 300">
				<?php echo do_shortcode('[gravityform id="1" title="false"]'); ?>
			</div>
		</div>
	</div>
</div>


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

	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-large-top">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 ">
	<h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center blue uk-margin-remove-bottom">TELESTRATOR PRODUCTS</h6>
	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-remove-top">A Suite of Broadcast Solutions</h2>
	<div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-width-2-5@m uk-margin-auto uk-text-center">
		<P>Need the full power of FingerWorks for production? Explore our broadcast servers, portable telestrators, and rentals trusted by the world’s biggest networks.</P>
	</div>

	<div class="uk-margin-large-top uk-margin-medium-bottom uk-flex uk-flex-center ">
		<hr class="uk-width-1-1">
		<h6 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="over-hr">EXPLORE</h6>
	</div>
	<div class="uk-child-width-auto@m uk-flex uk-flex-center uk-margin-large-bottom" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
		<div>
			<a class="blue dark-hov" href="<?php echo home_url(); ?>/products/fingerworks-6/">FingerWorks 6 Telestrator <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
		</div>
		<div>
			<a class="blue dark-hov" href="<?php echo home_url(); ?>/products/telestrator-server/">Telestrator Server <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
		</div>
		<div>
			<a class="blue dark-hov" href="<?php echo home_url(); ?>/portable-telestrator/">Portable Telestrator <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
		</div>
		<div>
			<a class="blue dark-hov" href="<?php echo home_url(); ?>/21-5″-thin-client/">21.5” Thin Client <i class="fa-solid fa-caret-right uk-margin-small-left"></i></a>
		</div>
	</div>
</div>

<?php get_footer(); ?>
