<?php /*template name: Contact*/ get_header(); ?>
<div class="uk-section uk-container uk-container-expand" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
	<div class="uk-grid-large uk-child-width-1-2@m" uk-grid>
		<div class="padding-90 uk-padding-remove-vertical uk-flex uk-flex-middle">
			<div>
				<h1 class="navy uk-margin-remove-top">Let’s Remodel Something Great.</h1>
				<h4>Whether you are ready to request a detailed estimate for your full home renovation, or you just have a few questions about our process, our team is here to help.</h4>
			</div>
		</div>
		<div>
			<div class=" uk-width-1-1">
				<img class="uk-width-1-1" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/bright-contemporary-kitchen-with-serving-area.webp" alt="Modern Kitchen Remodel">
				
			</div>
		</div>
	</div>
	
</div>

<div class="bg-dark-blue uk-section">
	<div class="uk-container uk-container-large">
		<div class="uk-child-width-1-2@m uk-grid-large" uk-grid>
			
			<div>
				<p class="brown uk-text-small uk-text-uppercase">REACH OUT</p>
				<h2 class="white">We're Here to Help.</h2>
				<p class="white uk-margin-medium-bottom">Don’t leave your largest asset to chance. Speak directly with the Kelowna remodelers who control the timeline, guarantee the quality, and do the work.</p>
				
				<ul class="uk-list uk-margin-large-bottom">
					<li class="uk-flex uk-flex-middle uk-margin-medium-bottom">
						<i class="fa-light fa-phone fa-2xl white uk-margin-medium-right"></i>
						<div>
							<p class="gold uk-text-small uk-margin-remove uk-text-capitalize">Let’s Talk</p>
							<a href="tel:250.681.4338" class="white uk-text-large uk-text-bold  ">(250) 681 - 4338</a>
						</div>
					</li>
					<li class="uk-flex uk-flex-middle uk-margin-medium-bottom">
						<i class="fa-light fa-envelope fa-2xl white uk-margin-medium-right"></i>
						<div>
							<p class="gold uk-text-small uk-margin-remove uk-text-capitalize">email us</p>
							<a href="mailto:info@hingleyconstruction.com" class="white uk-text-large uk-text-bold ">Click Here to Email</a>
						</div>
					</li>
					<li class="uk-flex uk-flex-middle">
						<i class="fa-light fa-location-dot fa-2xl white uk-margin-medium-right"></i>
						<div>
							<p class="gold uk-text-small uk-margin-remove uk-text-capitalize">location</p>
							<p class="white uk-text-large uk-text-bold uk-margin-remove">1917 Dayton St, Kelowna, BC, V1Y 8A7</p>
						</div>
					</li>
				</ul>
				
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1080.996448788645!2d-119.46095200392045!3d49.87894982810671!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x537d8baf2ab9f14b%3A0xf74c9f07d162989b!2sHingley%20Construction%20%26%20Renovations!5e0!3m2!1sen!2sca!4v1773354331463!5m2!1sen!2sca" width="600" height="508" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" uk-responsive></iframe>
			</div>

			<div>
				<div class="uk-card uk-card-default uk-card-body">
					<h3 class="navy uk-margin-bottom uk-margin-remove-top">Send Us a Message</h3>
					<?php gravity_form( 2, false, false, false, '', true, 12 ); ?>

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

<div class="bg-dark-blue uk-section">
	<div class="uk-container uk-text-center">
		<p class="gold uk-text-small uk-text-uppercase">THE HINGLEY GUARANTEE</p>
		<h2 class="white">Peace of Mind, Built In.</h2>
		
		<div class="uk-child-width-1-3@m uk-grid-large uk-margin-large-top" uk-grid>
			<div>
				<i class="fa-light fa-file-certificate fa-2xl gold uk-margin-bottom"></i>
				<h4 class="white">Fully Licensed &amp; Insured</h4>
				<p class="white uk-text-small">Protecting you and your home at every stage of the project.</p>
			</div>
			<div>
				<i class="fa-light fa-shield-check fa-2xl gold uk-margin-bottom"></i>
				<h4 class="white">1-Year Warranty</h4>
				<p class="white uk-text-small">Comprehensive coverage on all our craftsmanship. We aim for zero callbacks.</p>
			</div>
			<div>
				<i class="fa-kit fa-cabinet-icon  fa-2xl gold uk-margin-bottom"></i>
				<h4 class="white">True In-House Team</h4>
				<p class="white uk-text-small">From CNC cabinetry to our integrated electrical division, we don’t rely on unpredictable subcontractors.</p>
			</div>
		</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">What Our Okanagan Clients Are Saying</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 brown fa-star"></i>
					<i class="fa-solid fa-lg brown fa-star"></i>
					<i class="fa-solid fa-lg brown fa-star"></i>
					<i class="fa-solid fa-lg brown fa-star"></i>
					<i class="fa-solid fa-lg brown 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-xlarge 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">Remodeled with integrity. Crafted for<br class="uk-visible@m"> life. Transformed by Hingley.</h2>
	</div>
</div>



<?php get_footer(); ?>
