<?php /*template name: Who We Are*/ get_header(); ?>


<div class="uk-section uk-background-cover uk-flex uk-flex-middle" style="background-image: url('<?php echo get_template_directory_uri(); ?>/images/angled-texture-background.webp'); min-height: 600px;" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
	<div class="uk-container uk-text-center">
		<h1 class="navy uk-margin-remove-top">The Remodelers Behind your Remodel.</h1>
		<p class="uk-width-2-3@m uk-margin-auto navy">Local roots, family values, and a commitment to doing things right the first time. Meet the in-house team redefining the renovation experience in the Central Okanagan.</p>
		<div class="uk-margin-medium-top">
			<a class="btn" href="<?php echo home_url(); ?>/contact/">REQUEST AN ESTIMATE</a>
			<p class="uk-text-small uk-text-italic uk-margin-small-top navy">Get your project started with a <br class="uk-visible@m"> free, no obligation estimate.</p>
		</div>
	</div>
</div>

<div class="bg-cream ">
	<div class=" ">
		<div class="uk-child-width-1-2@m uk-flex-middle" uk-grid>
			<div>
				<div class="uk-padding-large">
					<p class="brown uk-text-small uk-text-uppercase">OUR MISSION</p>
					<h2 class="navy">Building Trust, Not Just Homes.</h2>
					<p class="navy">Our mission is simple: to redefine the Okanagan renovation experience by replacing the stress of “telephone contractors” with the reliability, speed, and craftsmanship of a true, all-in-house building team. </p>
					<p class="navy">Since 2005, Hingley Construction has grown from a passionate local remodeler into a comprehensive general contracting firm. By bringing critical trades, like our CNC cabinetry manufacturing and our electrical division, under one roof, we’ve taken control of the construction process so that you don’t have to.</p>
				</div>
			</div>
			<div>
				<div class="uk-inline uk-width-1-1">
					<img class="uk-width-1-1" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/hingley-construction-truck-on-residential-street-with-people-waving.webp" alt="Hingley Construction Team and Truck">
				</div>
			</div>
		</div>
	</div>
</div>

<div class="bg-dark-blue uk-section uk-padding-remove-bottom">
	<div class="uk-container uk-container-large ">
		<div class="uk-child-width-1-2@m  " uk-grid>
			<div>
				<div class="uk-padding-large">
					<img class="uk-width-1-1 uk-border-rounded" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/jeff-hingley-and-daughter-in-front-of-computer-square.webp" alt="Jeff Hingley and daughter">
				</div>
			</div>
			<div>
				<div class="uk-padding-large uk-padding-remove-left white">
					<p class="uk-text-small brown uk-text-uppercase">THE HINGLEY DIFFERENCE</p>
					<h2 class="white uk-margin-remove-bottom">Meet Jeff Hingley</h2>
					<h4 class="white uk-margin-small-top">Founder & Lead Contractor</h4>
					<p>With over 15 years of hands-on experience in the construction industry, Jeff founded Hingley Construction with a single, driving goal: to solve the common pain points homeowners face during major renovations.
					 </p>
					<p>Early in his career, Jeff recognized that relying on unpredictable subcontractors and external suppliers inevitably led to delays, budget overruns, and frustrated clients. His solution was to build an all-in-house team that controls the quality and timeline from day one. He instills a company-wide philosophy of uncompromising integrity and craftsmanship.</p>
					<p>As a father to two daughters, Jeff knows first-hand the stress that a disrupted home can put on a family. Because of this, he strives to ensure that the Hingley team treats your home with the utmost respect, working efficiently so that every project is completed to the highest standard—giving you quality you can truly count on.</p>
					<a class="btn uk-margin-medium-top" href="<?php echo home_url(); ?>/contact/">CONTACT US</a>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="bg-dark-blue uk-section">
	<div class="uk-container ">
		<p class="brown uk-text-center uk-text-small uk-text-uppercase">OUR IN-HOUSE EXPERTS</p>
		<h2 class="white uk-text-center">The People Who Make It Happen</h2>
		
		<div class="uk-margin-large-top uk-position-relative uk-visible-toggle" tabindex="-1" uk-slider>
			<ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@m uk-grid-large" uk-grid>
				<li>
					<div class="uk-card uk-card-default  uk-overflow-hidden">
						<div class="uk-card-media-top">
							<img src="<?php echo get_template_directory_uri(); ?>/images/kaylee-hingley-with-cabinet-door.webp" alt="Kaylee Hingley" uk-img>
						</div>
						<div class="uk-card-body uk-padding-small">
							<h3 class="navy uk-margin-remove-bottom">Kaylee Hingley</h3>
							<p class="electric-blue uk-text-small uk-margin-remove-top uk-text-uppercase uk-text-bold">FUTURE CEO</p>
						</div>
					</div>
				</li>
				<li>
					<div class="uk-card uk-card-default uk-border-rounded uk-overflow-hidden">
						<div class="uk-card-media-top">
							<img src="<?php echo get_template_directory_uri(); ?>/images/kelsey-hingley-and-father-sitting-at-hingley-construction-desk.webp" alt="Kelsey Hingley" uk-img>
						</div>
						<div class="uk-card-body uk-padding-small">
							<h3 class="navy uk-margin-remove-bottom">Kelsey Hingley</h3>
							<p class="electric-blue  uk-text-small uk-margin-remove-top uk-text-uppercase uk-text-bold">FUTURE CFO</p>
						</div>
					</div>
				</li>
				<li>
					<div class="uk-card uk-card-default uk-border-rounded uk-overflow-hidden">
						<div class="uk-card-media-top">
							<img src="<?php echo get_template_directory_uri(); ?>/images/katie-hingley-business-manager-profile.webp" alt="Katie Hingley" uk-img>
						</div>
						<div class="uk-card-body uk-padding-small">
							<h3 class="navy uk-margin-remove-bottom">Katie Hingley</h3>
							<p class="electric-blue  uk-text-small uk-margin-remove-top uk-text-uppercase uk-text-bold">BUSINESS MANAGER</p>
						</div>
					</div>
				</li>
			</ul>
			<a class="uk-position-center-left-out uk-position-small white" href uk-slider-item="previous" uk-icon="icon: chevron-left; ratio: 2"></a>
			<a class="uk-position-center-right-out uk-position-small white" href uk-slider-item="next" uk-icon="icon: chevron-right; ratio: 2"></a>
		</div>
	</div>
</div>

<div class="bg-dark-blue uk-section">
	<div class="uk-container uk-container-large uk-text-center">
		<p class="brown uk-text-small uk-text-uppercase">REVIEWS</p>
		<h2 class="white">See Why Your Neighbours Trust Us.</h2>
		
<div class="uk-position-relative uk-visible-toggle uk-padding-large" tabindex="-1" uk-slider="autoplay: true">

    <div class="uk-slider-container">
        <ul class="uk-slider-items uk-child-width-1-1 uk-child-width-1-3@m uk-grid-large" uk-grid>
            <?php
            $args = array('post_type' => array('testimonials'));
            $querys = new WP_Query($args);

            if ($querys->have_posts()) {
                while ($querys->have_posts()) {
                    $querys->the_post(); ?>
                    <li>
                        <div class="uk-card uk-card-default uk-height-large uk-padding uk-overflow-auto">
                            <h3 class="uk-card-title uk-margin-remove-bottom"><?php the_title(); ?></h3>
                            
                            <div class="uk-margin-small-top uk-margin-small-bottom">
                                <i class="fa-solid navy fa-badge-check"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                                <i class="fa-solid gold fa-star"></i>
                            </div>

                            <div class="uk-text-justify"> 
                                <?php the_content(); ?> 
                            </div>
                        </div>
                    </li>
                <?php }
            }
            wp_reset_postdata();
            ?>
        </ul>
    </div>

    <a class="uk-position-center-left-out uk-position-small" href  uk-slider-item="previous"><i class="fa-solid fa-lg white fa-circle-caret-left"></i></a>
    <a class="uk-position-center-right-out uk-position-small" href  uk-slider-item="next"><i class="fa-solid fa-lg white fa-circle-caret-right"></i></a>

</div>

		<div class="uk-width-2xlarge@m uk-margin-auto uk-margin-large-top">
			<div class="uk-flex uk-flex-middle uk-flex-center uk-grid-large" uk-grid>
				<div class="uk-width-auto@m">
					<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/google-logo.webp" width="100" alt="Google"> 
				</div>
				<div class="uk-width-auto@m uk-text-center">
					<i class="fa-solid fa-lg gold fa-star"></i>
					<i class="fa-solid fa-lg gold fa-star"></i>
					<i class="fa-solid fa-lg gold fa-star"></i>
					<i class="fa-solid fa-lg gold fa-star"></i>
					<i class="fa-solid fa-lg gold fa-star"></i>
					<h5 class="white uk-margin-remove-top">4.8 Excellent Rating</h5>
				</div>
				<div class="uk-width-auto@m">
					<a class="white uk-text-small uk-text-uppercase" href="<?php echo home_url(); ?>/testimonials/"><i class="fa-solid brown uk-margin-small-right fa-circle-caret-right"></i> VIEW ALL REVIEWS</a>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="uk-section uk-text-center uk-background-cover" uk-parallax="bgy: -500" style="background-image: url('<?php echo get_template_directory_uri(); ?>/images/large-living-room-with-mezzanine-parallax.webp');">
	<div class="uk-container">
		<h2 class="white">Ready to Build?</h2>
		<p class="white uk-width-2-3@m uk-margin-auto">Don’t leave your largest asset to chance. Work with the team that cares about the install because we do the install.</p>
		<a class="btn uk-margin-medium-top" href="<?php echo home_url(); ?>/contact/">WORK WITH HINGLEY</a>
	</div>
</div>







<div class="uk-container">
	<main role="main">
		<section>

 

			<?php if (have_posts()): while (have_posts()) : the_post(); ?>

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

					<?php the_content(); ?>

					<br class="clear">

					<p class="uk-text-right"><?php edit_post_link( __('Edit this page'), '', '', 0, 'post-edit-link uk-text-large uk-padding-small uk-button-large uk-button uk-button-primary' ); ?></p>

				</article>

			<?php endwhile; ?><?php endif; ?>

		</section>
	</main>
</div>
<?php get_footer(); ?>
