<?php /*template name: Product:Thin Client*/ 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/thin-client-product-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">21.5″ Thin Client</h1>
			<h2 class="white">(Telestrator Thin Client)</h2>
		</div>
	</div>
</div>


<div class="uk-container uk-container-large">
  <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">Touch interface for live annotation</h6>
      <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-remove-top">Telestrator 21.5″ Thin Client — High-Precision Touch Annotation</h2>
      <P uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-margin-medium-top uk-margin-medium-bottom">A sleek 21.5″ multitouch Windows 11 thin client designed for streamlined on-air annotation. It connects to a Telestrator server and allows users to draw and control visuals in live or studio environments</P>
			<a uk-scrollspy="cls: uk-animation-fade; delay: 300" href="<?php echo home_url(); ?>/contact" class="blue-btn">Inquire About this Product</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/fingerworks-thin-client-product@2x.webp">
		</div>
  </div>
</div>

	<div class="uk-container">
		<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center">Why the 21.5″ Thin Client</h2>
		<div class="uk-child-width-1-3@m uk-text-center uk-grid-large uk-flex uk-flex-center uk-margin-large-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
			<div>
				<div class="icon-circle">
					<i class="fa-regular fa-tower-broadcast"></i>
				</div>
				<P>Designed for clean, uncluttered workflow in live broadcasts.</P>
			</div>
			<div>
				<div class="icon-circle">
					<i class="fa-solid fa-hand-pointer"></i>
				</div>
				<P>Touch-enabled interface offers intuitive control</P>
			</div>
			<div>
				<div class="icon-circle">
					<i class="fa-solid fa-network-wired"></i>
				</div>
				<P>Works as a dedicated client node connected to your server infrastructure</P>
			</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">Key Features</h2>

		<div class="uk-child-width-1-3@m uk-flex uk-flex-center" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">

		<div>
			<h4><i class="fa-solid fa-display blue"></i> Multitouch Display</h4>
			<p>21.5″ multitouch display for natural drawing and annotation</p>
		</div>

		<div>
			<h4><i class="fa-solid fa-network-wired blue"></i> Server Connectivity</h4>
			<p>Seamless connectivity to Telestrator server systems</p>
		</div>

		<div>
			<h4><i class="fa-solid fa-minimize blue"></i> Compact and Lightweight</h4>
			<p>Lightweight and compact design</p>
		</div>

		<div>
			<h4><i class="fa-brands fa-windows blue"></i> Windows 11 Compatibility</h4>
			<p>Windows 11 OS ensuring compatibility and updates</p>
		</div>

		<div>
			<h4><i class="fa-solid fa-id-badge blue"></i> Included Client License</h4>
			<p>Includes client license for direct server interface</p>
		</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">EASY INTEGRATION</h6>
		<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center uk-margin-remove-top uk-margin-medium-bottom">Typical Applications</h2>

		<div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-child-width-1-4@m uk-text-center uk-grid-large uk-margin-large-bottom" uk-grid>
			<div>
				<P>In-studio annotation desks or operator stations</P>
			</div>
			<div>
				<P>Sports analysis rooms or control environments</P>
			</div>
			<div>
				<P>Remote viewing and interaction in broadcast setups</P>
			</div>
			<div>
				<P>Educational and presentation use when tethered to a server</P>
			</div>

		</div>
	</div>
</div>


<div class="uk-container">
	<h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center">Technical Overview</h2>

	<div class="uk-width-1-2@m uk-margin-auto">
		<div class="rounded grey-bg uk-padding uk-margin-large-top uk-margin-large-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 300">
			<h4 class="blue uk-margin-remove-top">Overview:</h4>
			<ul>
				<li>Windows 11 OS</li>
				<li>Client license for server connectivity</li>
				<li>Touch-capable display with high-resolution clarity</li>
				<li>Network or fiber connectivity for video and control signals</li>
			</ul>
			<P class="uk-text-bold">Note: This client works in tandem with a Telestrator server; it is not standalone. The server handles processing and annotation logic</P>
		</div>
	</div>

	<div class="uk-child-width-1-2@m uk-text-center uk-grid-large uk-flex uk-flex-center uk-margin-xlarge-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
		<div>
			<div class="icon-circle">
				<i class="fa-regular fa-chart-diagram"></i>
			</div>
			<h2>Integration &amp; Workflow</h2>
			<P>The 21.5″ Thin Client plugs into your broadcast network, connects securely to the Telestrator server, and serves as a dedicated touch interface. Operators draw, highlight, and control overlays without sacrificing performance or clarity.</P>
		</div>
		<div>
			<div class="icon-circle">
				<i class="fa-regular fa-headset"></i>
			</div>
			<h2>Support &amp; Service</h2>
			<P>Supported with full documentation, setup guides, and technical assistance. We help you configure optimal connectivity and deployment so operators can work smoothly from day one.</P>
		</div>
	</div>


</div>


<div class="grey-bg uk-margin-large-top">
	<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 this operate independently?</a>
        <div class="uk-accordion-content">
          <p>No — it functions as a client connected to a Telestrator server.</p>
        </div>
      </li>
			<li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">2</span> What OS does it use?</a>
        <div class="uk-accordion-content">
          <p>Windows 11 with client software installed.</p>
        </div>
      </li>
			<li class="">
        <a class="uk-accordion-title" href="#"><span class="accordion-number">3</span> Is touch input responsive?</a>
        <div class="uk-accordion-content">
          <p>Yes — it’s optimized for fast drawing and minimal latency.</p>
        </div>
      </li>
			<li class="">
				<a class="uk-accordion-title" href="#"><span class="accordion-number">4</span> Can the 21.5″ Thin Client operate as a standalone NDI server?</a>
				<div class="uk-accordion-content">
					<p>Yes — it can function as a standalone NDI server when needed, allowing you to output NDI signals directly without relying on a full Telestrator server setup.</p>
				</div>
			</li>
    </ul>
	</div>
</div>

<div class="black-bg white uk-padding-remove-horizontal uk-padding-large  uk-margin-large-bottom" >
  <div class="uk-container" uk-scrollspy="cls: uk-animation-fade; delay: 300">
    <h2 class="white uk-text-center uk-margin-medium-top">Ready to add the 21.5″ Thin Client to your broadcast ecosystem?</h2>
		<div class="uk-width-1-2@m uk-margin-auto uk-text-center">
			<P class="uk-margin-medium-top  uk-margin-medium-bottom">Share your setup and we'll recommend the best deployment approach.</P>
		</div>
		<div class="uk-text-center">
	    <a href="<?php echo home_url(); ?>/contact" class="blue-btn">Inquire About this Product</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>



<?php get_footer(); ?>
