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

<div class=" white banner" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<div class=" uk-container uk-container-large uk-height-1-1  " uk-scrollspy="cls: uk-animation-fade; delay: 500">
		<div class="uk-flex uk-flex-middle uk-height-1-1 uk-margin-large-top" uk-grid>
			<div class="uk-width-auto@m ">
				<h1>Apex Appliance Repair<br class="uk-visible@m"> in the Okanagan</h1>
				<h3 class="uk-margin">Fast, Reliable, Local Service</h3>
				<a class="btn uk-margin" href="<?php echo home_url(); ?>/appliance-service-and-repair/">Our Appliance Repairs</a>
			</div>
			
			<div class="uk-width-expand@m uk-visible@m uk-flex uk-flex-center">
				<div class="contact-box dark-grey-bg ">
					<div class="uk-text-center">
						<h4 class="">Schedule a Repair with<br class="uk-visible@m"> Apex Appliances!</h4>
					</div>
					<div class="white-bg special-padding">
						<p class="uk-text-center">Fill out the form to get in touch. We will reply as soon as possible. Thank you!</p>
						<?php gravity_form( 1, false, false, false, '', true, 12 ); ?>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="uk-width-expand@m uk-hidden@m uk-flex uk-flex-center">
				<div class="contact-box dark-grey-bg ">
					<div class="uk-text-center">
						<h4 class="">Schedule a Repair with<br class="uk-visible@m"> Apex Appliances!</h4>
					</div>
					<div class="white-bg special-padding">
						<p class="uk-text-center">Fill out the form to get in touch. We will reply as soon as possible. Thank you!</p>
						<?php gravity_form( 2, false, false, false, '', true, 12 ); ?>
					</div>
				</div>
			</div>
<div class="uk-container uk-container-large" >
	<main role="main" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
		<?php get_template_part('services'); ?>
	</main>
</div>
<div class="light-grey-bg uk-margin-large" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
	<div class="uk-container uk-container-large">
		<h2 class="uk-text-center charcoal ">Brands We Service</h2>
		<div  uk-slider="autoplay: true; autoplay-interval: 2000">
			<div class="uk-position-relative">
				<div class="uk-flex uk-flex-middle uk-flex-center uk-margin-medium-top uk-margin-medium-bottom uk-scrollspy-inview" style="" uk-grid>
					<a class="" href  uk-slider-item="previous"><i class="fa-solid circle brown fa-xl  fa-caret-left"></i></a>
					<a class="" href  uk-slider-item="next"><i class="fa-solid fa-xl circle brown fa-caret-right"></i></a>
				</div>
				<div class="uk-slider-container">
					<div class="uk-slider-items  uk-child-width-1-2 uk-child-width-1-6@m uk-flex uk-flex-middle  uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/admiral.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/amana.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/bosch.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/electrolux.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/frigidaire.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/general-electric.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/hotpoint.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/jenn-air.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/kitchenaid.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/lg.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/lloyds-logo.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/maytag.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/samsung.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/thermador.webp" data-width data-height>
						</div>
						<div>
							<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/whirlpool.webp" data-width data-height>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="uk-container uk-container-large">
	<div class="uk-child-width-1-2@m uk-margin-large-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
		<div>
			<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/repair-vehicle-and-appliances.webp" data-width data-height>
		</div>
		<div>
			<h2 class="charcoal">Trusted Appliance Repair Across the Okanagan</h2>
			<h4>About Our Appliance Repair Experts</h4>
			<p>At Apex Appliances, we provide fast, reliable appliance repairs across the Okanagan. Our expert technicians handle everything from fridges and dishwashers to washers, dryers, ovens, and microwaves. We’re dedicated to getting your appliances running smoothly again, serving Lake Country, Kelowna, West Kelowna, Peachland, Summerland, Penticton, Oliver, and Osoyoos.</p>
			<a class="btn-2" href="<?php echo home_url(); ?>/about-us">Find Out More</a>
		</div>
	</div>
	<div class="uk-margin-large-top uk-text-center" uk-scrollspy="cls: uk-animation-fade; delay: 200">
		<i class="fa-regular fa-6x warm-taupe fa-quote-left"></i>
		<h2 class="charcoal uk-text-center">What Our Customers Are Saying</h2>
		<h4 class="charcoal uk-margin-medium-top uk-margin-large-bottom">Trusted by Homeowners Across the Okanagan for Fast, Reliable Appliance Repairs</h4>
	</div>
	<div class="uk-container">

		<div uk-slider>
			<div class="uk-position-relative">
				<div class="uk-slider-container uk-width-5-6@m uk-margin-auto">
					<div class="uk-child-width-1-2@m uk-slider-items" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
						<?php
							// WP_Query arguments
							$args = array(
							  'post_type'              => array( 'testimonials' ),
							
							);
							
							// The Query
							$querys = new WP_Query( $args );
							
							// The Loop
							if ( $querys->have_posts() ) {
							  while ( $querys->have_posts() ) {
							    $querys->the_post();?>
						<div class="">
							<i class="fa-sharp fa-solid gold fa-star"></i>
							<i class="fa-sharp fa-solid gold fa-star"></i>
							<i class="fa-sharp fa-solid gold fa-star"></i>
							<i class="fa-sharp fa-solid gold fa-star"></i>
							<i class="fa-sharp fa-solid gold fa-star"></i>
							<p><?php the_content();?></p>
							<p><?php the_title(); ?></p>
						</div>
						<?php }
							} else {
							  // no posts found
							}
							
							// Restore original Post Data
							wp_reset_postdata();
							 ?>
					</div>
				</div>
				<a class="uk-position-center-left-out uk-visible@m" href  uk-slider-item="previous"><i class="fa-solid circle brown fa-2x fa-caret-left"></i></a>
				<a class="uk-position-center-right-out uk-visible@m" href  uk-slider-item="next"><i class="fa-solid fa-2x circle brown fa-caret-right"></i></a>
				<div class="uk-flex uk-flex-center">
				<a class=" uk-hidden@m uk-margin-right" href  uk-slider-item="previous"><i class="fa-solid circle brown fa-2x fa-caret-left"></i></a>
				<a class=" uk-hidden@m" href  uk-slider-item="next"><i class="fa-solid fa-2x circle brown fa-caret-right"></i></a>
				</div>
			</div>
		</div>
	
	</div>
	<h4 class="charcoal uk-text-center uk-margin-large uk-margin-medium-bottom">Check out all of our Google reviews</h4>
	<div class="uk-text-center uk-margin-xlarge-bottom"><a class="btn-2" href="https://www.google.com/search?client=firefox-b-d&sca_esv=5ac10ce223656a07&sxsrf=ADLYWIKq8IVnY_miDk4bMkFnqqDLQnz2Tw:1727893081874&kgmid=/g/11sjjptxfp&q=Apex+Appliance+Repair&shndl=30&source=sh/x/loc/act/m1/1&kgs=302fce78e2ed2c18" target="_blank">Google Reviews</a></div>
</div>


<?php get_template_part('cta'); ?>

<div class="uk-margin-xlarge-top uk-text-center uk-margin-xlarge-bottom" >
	<h2 class="uk-text-center charcoal" uk-scrollspy=" cls: uk-animation-fade; delay: 200">We are Fully Insured with Lloyd’s<br class="uk-visible@m"> for Your Peace of Mind</h2>
	<img class="uk-margin-medium-top" uk-scrollspy="cls: uk-animation-fade; delay: 200" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/lloyds-logo.webp" data-width data-height>
</div>
<?php get_footer(); ?>