<?php /*template name: Rentals*/ 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/rentals-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">FingerWorks Rentals</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 PRODUCTS</h6>
			<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-remove-top">Request a Rental</h2>
			<P uk-scrollspy="cls: uk-animation-fade; delay: 300">We offer affordable rentals for your production. Choose from a variety of configurations.  If you require something most specific, please <a href="<?php echo home_url(); ?>/contact" class="blue dark-hov">Contact Us</a></P>

			<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-truck-fast blue fa-2x"></i>
				</div>
				<div class="uk-width-expand">
					<h5 class="uk-text-bold uk-margin-remove-top">Quick Shipping</h5>
					<P class="uk-margin-remove">Your rental usually ships within 24 hours.</P>
				</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-headset blue fa-2x"></i>
				</div>
				<div class="uk-width-expand">
					<h5 class="uk-text-bold uk-margin-remove-top">Remote Support &amp; Training</h5>
					<P class="uk-margin-remove">All our rentals include remote support and analyst training. We help you configure the telestrator and give you a personalized overview of the software.</P>
				</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-phone-flip blue fa-2x"></i>
				</div>
				<div class="uk-width-expand">
					<h5 class="uk-text-bold uk-margin-remove-top">Phone Support Included</h5>
					<P class="uk-margin-remove">We include phone support to answer any questions about our Telestrators you may have.</P>
				</div>
			</div>
		</div>
		<div>
			<div uk-scrollspy="cls: uk-animation-fade; delay: 300">
				<?php echo do_shortcode('[gravityform id="2" 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(); ?>
