<?php /* Template Name: Homepage */ get_header(); ?>




<!-- This is the modal -->
<div id="modal-example" uk-modal>
    <div class="uk-modal-dialog teal-bg">
        <h4 class="uk-modal-title white uk-text-center">We Look Forward to Working with You!</h4>
		<?php gravity_form( 1, false, false, false, '', true, 12 ); ?>
       
    </div>
</div>



<div class="body-bg">	
	<div class="uk-container">
		<h1 class="blue uk-text-center uk-margin-large-top ">Serving the Okanagan<br class="uk-visible@m"> for Over 35 Years</h1>
		<p class="uk-text-center">
			<a class="btn" uk-toggle="target: #modal-example">Contact Form <i class="fa-regular uk-margin-small-left fa-arrow-right"></i></a>	
		</p>
		
		<div class="uk-text-center">
			<h4>Call Us</h4>
			<p class="uk-margin-remove-bottom">Reach out to us directly at</p>
			<a href="tel:2502122833">
				<h2 class="green uk-margin-remove-top">250-212-2833</h2>
			</a>
		</div>
		
		<div class="huge-margin"></div>
		<h1 class="blue uk-text-center">We're Your Electrical Partners</h1>
		<div class="uk-width-1-2@m uk-margin-auto uk-margin-large-top uk-margin-xlarge-bottom">
			<p class="uk-text-justify uk-text-center">At Lakeland Electric, we believe in building lasting partnerships with our clients. Your satisfaction and peace of mind are our top priorities. Let's work together to bring your electrical projects to life efficiently, safely, and with the utmost quality.</p>
		</div>
		<h2 class="uk-text-center green">a Short List of Our Electrical Services</h2>
		<div class="uk-child-width-1-3@m uk-text-center uk-margin-xlarge-top" uk-grid>
			<div>
				<h3>Residential Electrical</h3>
				<h3>Commercial Electrical</h3>
				<h3>Industrial Electrical</h3>
			</div>
			<div>
				<h3>Data</h3>
				<h3>Automation</h3>
				<h3>EV Chargers</h3>
			</div>
			<div>
				<h3>NVR Camera Systems</h3>
				<h3>Audio</h3>
				<h3>Design</h3>
			</div>
		</div>
	</div>
</div>
<div class="body-bg">
<h2 class="uk-text-center green uk-margin-xlarge-top">We Treat Our Work with Pride</h2>
		
	<div class="uk-container">
		<div class="uk-position-relative" tabindex="-1" uk-slider>
			<div class="uk-slider-container">
			<ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-3@m uk-grid uk-margin-large-bottom uk-margin-large-top">
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/20230412_090029 Jeff Snaychuk.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_1427 Jeff Snaychuk.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_1477.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_2334 1.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_2362.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_2368.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_7328 Jeff Snaychuk.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_8555 Jeff Snaychuk.jpg">
					</div>
				</li>
				<li>
					<div class=" ">
						<img src="<?php echo get_template_directory_uri(); ?>/images/IMG_9343 Jeff Snaychuk.jpg">
					</div>
				</li>
			</ul>
			</div>
			<div class="uk-visible@m">
				<a class="uk-position-center-left-out uk-margin-right" href uk-slidenav-previous uk-slider-item="previous"></a>
				<a class="uk-position-center-right-out uk-margin-left" href uk-slidenav-next uk-slider-item="next"></a>
			</div>
			<div class="uk-hidden@m">
				 <ul class="uk-slideshow-nav uk-dotnav uk-flex-center uk-margin"></ul>
			</div>
			 <ul class="uk-slider-nav uk-hidden@m uk-dotnav uk-flex-center uk-margin"></ul>
		</div>
</div>
<div class="uk-container">
		<div class="uk-margin-large-top  uk-text-center">
			<h1 class=" blue">We Specialize in EV Charging Station Installs Too!</h1>
			<a class="btn" href="https://kelowna.website/16/wp-content/uploads/2023/12/Flo-EV-charger-Jeff-Snaychuk.pdf" target="_blank">View FLO Home Install Brochure <i class="fa-regular uk-margin-small-left fa-arrow-right"></i></a>
		</div>
		<div class="johns-margin"></div>
		<div class="uk-child-width-1-2@m   uk-grid-large" uk-grid>
			<div>
				<h3 class="uk-text-light uk-margin-remove-top">CERTIFIED INSTALLER</h3>
				<h1 class="blue">Lutron® RA3 Whole Home Lighting Control System </h1>
			</div>
			<div>
				<img src="<?php echo get_template_directory_uri(); ?>/images/lutron-logo.webp">
				<h3 class="uk-text-light">Also Certified as a Lutron Automated
					Shade Installer
				</h3>
				<p class="uk-margin-medium">Lutron takes innovation to new heights with RadioRA 3. A decade in the making, this revolutionary system is set to redefine the landscape of connected lighting control for residential clients.</p>
				<a href="https://radiora3.lutron.com/us/en/" target="_blank">Find out More at Lutron.com <i class="fa-regular uk-margin-small-left fa-arrow-right"></i></a>
			</div>
		</div>
		<div class="johns-margin"></div>
		<div  class=" uk-text-center">
			<h1 class="blue uk-margin-large-top">Let's Power Up Your<br class="uk-visible@m">
				Electrical Projects Together!
			</h1>
			<div class="uk-width-3-5@m uk-margin-auto">
				<p>Are you ready to turn your electrical projects into a reality? Whether it's a residential upgrade, commercial installation, industrial project, or any other electrical need, Lakeland Electric is here to provide you with top-tier services and expertise.</p>
			</div>
			<h2 class="green uk-margin-large">We Schedule Service Calls 24/7</h2>
		</div>
		<div class="uk-child-width-1-2@m uk-text-center" uk-grid>
			<div>
				<h4>Call Us</h4>
				<p class="uk-margin-remove-bottom">Reach out to us directly at</p>
				<a href="tel:2502122833">
					<h2 class="green uk-margin-remove-top">250-212-2833</h2>
				</a>
			</div>
			<div>
				<h4>Online Inquiry Form</h4>
				<p>Prefer to send us a message online? Feel free to use our contact form. Just fill in your details and your message, and we'll get back to you as soon as possible.</p>
				<a class="btn "  uk-toggle="target: #modal-example">Contact Form <i class="fa-regular uk-margin-small-left fa-arrow-right"></i></a>
				
			</div>
		</div>

		<div class="johns-margin"></div>

		<h2 class="blue uk-text-center">We are a Proud Supporter of the BC Blind Sports and Recreation Association</h2>
	
		<div class="uk-margin-xlarge-bottom uk-text-center">
			<a href="https://bcblindsports.bc.ca/" target="_blank">
				<img class="img-resize uk-margin-large-bottom uk-margin-top" src="<?php echo get_template_directory_uri(); ?>/images/bc-blind-sports-and-recreation-association-logo.webp">
			</a>
			<br>
			<a class="btn" href="https://bcblindsports.bc.ca/" target="_blank">
				Visit the BC Blind Sports Website <i class="fa-regular uk-margin-small-left fa-arrow-right"></i>
			</a>
		</div>
	
	</div>
</div>

<?php get_footer(); ?>