<?php /*template name: CTA*/ get_header(); ?>


<div class="uk-cover-container uk-text-center banner uk-margin-large-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 300">
    <canvas class="uk-visible@m" width="" height="300"></canvas>
    <canvas class="uk-hidden@m" width="" height="300"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/home-with-christmas-lights-at-night-1.webp" data-width data-height uk-cover>

  <div class="uk-position-cover uk-flex uk-flex-bottom">
    <img class="uk-width-1-1" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/snow-curve-desktop-white-1@2x.webp" data-width data-height>
  </div>
	<div class="uk-position-cover uk-text-center uk-container uk-flex uk-flex-center uk-flex-middle" uk-scrollspy="cls: uk-animation-fade; delay: 500">
        <div>
					<h1 class="white"><?php the_title(); ?></h1>
        </div>
    </div>
</div>


<div class="uk-container uk-container-large" uk-scrollspy="cls: uk-animation-fade; delay: 300">
	<main role="main">
		<section>


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

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

					<div class="uk-width-3-4@m uk-margin-auto">
						<?php the_content(); ?>
					</div>


					<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>


<div class="uk-container uk-container-large uk-margin-xlarge-top uk-margin-xlarge-bottom">
  <div class="uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
    <div class="uk-width-1-3@m">
      <img class="corners" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/jaime-howard-exterior-holiday-lights-review.webp" data-width data-height>
    </div>
    <div class="uk-width-2-3@m">
      <div uk-grid>
        <div class="uk-width-expand">
          <h3 class="blue uk-margin-remove-top">Used Mr. Winter (Kelowna) for Christmas lights installation at our cabin. Absolutely fantastic service!</h3>
        </div>
        <div class="uk-width-auto">
          <i class="fa-regular fa-comment-quote bright-blue fa-4x"></i>
        </div>
      </div>
      <h4 class="grey">Very happy with how it turned out and definitely would recommend to anyone looking to get Christmas lights done! Very professional install (spacing & straight lines perfect). Pricing was great value & included all the light strands etc. We will be using this service in the future!</h4>
      <h4 class="blue">- Jaime Howard</h4>
    </div>
  </div>
</div>



<img class="uk-width-1-1" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/snow-curve-desktop-gray-1@2x.webp" data-width data-height>
<div class="grey-bg uk-padding-large uk-padding-remove-horizontal">
  <div class="uk-container uk-container-large">
    <div class="lights-bg corners uk-padding" uk-scrollspy="cls: uk-animation-fade; delay: 300">
      <h2 class="white uk-margin-remove-top uk-text-center uk-margin-medium-bottom">Ready to Light Up Your Next Project?</h2>
      <div class="uk-width-2-3@m uk-margin-auto">
        <h4 class="white uk-text-center">Whether for your home or business, our team is ready to design, install, and maintain lighting that captivates.</h4>
      </div>

      <div class="uk-text-center">
        <a href="<?php echo home_url(); ?>/request-an-estimate" class="red-outline-btn uk-margin-medium-top">REQUEST A FREE CONSULTATION TODAY!</a>
      </div>

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