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

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

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/commercial-refrigerators-at-a-grocery-store.webp" data-width data-height uk-cover>

  <div class="uk-position-cover uk-flex uk-flex-center uk-flex-bottom">
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/blue-round-1.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 uk-margin-medium-bottom uk-margin-remove-top">Commercial Refrigerator Gaskets by Professional Installers in British Columbia</h1>
         <div class="uk-width-2-3@m uk-margin-auto">
           <div class="yellow-box">
             <h2 class="blue">We offer free inspections and free quotes! <br>All our quotes include all installation costs.</h2>
           </div>
           <div class="uk-flex-center uk-flex">
             <div class="arrow-down"></div>
           </div>

           <a href="<?php echo home_url(); ?>/contact-us" class="yellow-btn uk-margin-medium-top">FREE CONSULTATION <i class="fa-solid fa-square-arrow-right uk-margin-small-left"></i></a>

         </div>

      </div>
  </div>


</div>

<div class="blue-bg" >
  <div class="uk-container uk-container-large">
  	<div class="uk-child-width-1-3@m uk-margin-large-top uk-margin-large-bottom uk-text-center" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300" uk-grid>
      <div>
        <div class="uk-inline uk-inline-clip rounded service-box">
          <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/repair-tech-installing-gasket-on-commercial-fridge.webp" data-width data-height>
          <div class="uk-overlay uk-overlay-blue uk-position-cover">
            <div class="uk-position-center uk-padding">
              <h2 class="white">Pro Gasket Installations</h2>
            </div>
          </div>
          <a href="<?php echo home_url(); ?>/pro-gasket-installation/" class="uk-position-cover"></a>
        </div>

      </div>

      <div>
        <div class="uk-inline uk-inline-clip rounded service-box">
          <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/parts-laid-out-for-refrigerator-repair.webp" data-width data-height>
          <div class="uk-overlay uk-overlay-blue uk-position-cover">
            <div class="uk-position-center uk-padding">
              <h2 class="white">Refrigeration Parts</h2>
            </div>
          </div>
          <a href="<?php echo home_url(); ?>/refrigeration-parts/" class="uk-position-cover"></a>
        </div>

      </div>

      <div>
        <div class="uk-inline uk-inline-clip rounded service-box">
          <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/strip-curtains-hanging-in-cooler-doorway.webp" data-width data-height>
          <div class="uk-overlay uk-overlay-blue uk-position-cover">
            <div class="uk-position-center uk-padding">
              <h2 class="white">Strip Curtains</h2>
            </div>
          </div>
          <a href="<?php echo home_url(); ?>/strip-curtains/" class="uk-position-cover"></a>
        </div>

      </div>

    </div>

    <div class="uk-child-width-1-3@m uk-margin-large-top uk-margin-large-bottom uk-text-center" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300" uk-grid>
      <div>
        <h2 class="white">Competitive <br>Rates</h2>
        <P class="white">Affordable pricing for top-quality gaskets. Budget-friendly solutions without compromising on excellence.</P>
      </div>

      <div>
        <h2 class="white">Complimentary Inspections</h2>
        <P class="white">Free, thorough inspections for precise gasket requirements. Identifying and addressing your unique refrigeration needs at no cost.</P>
      </div>

      <div>
        <h2 class="white">Prompt Quotes &amp; Fast Service</h2>
        <P class="white">Receive same-day quotes for quick decision-making. Swift and efficient service to keep your business running smoothly.</P>
      </div>

    </div>

  </div>
</div>
<img class="" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/blue-round-2.webp" data-width data-height>


<div class="uk-container">
  <h5 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center blue uk-margin-large-top">Manufacturers</h5>
  <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center blue"><span class="light-blue">The Brands</span> We Service</h2>

</div>

<div class="uk-padding-large uk-padding-remove-vertical">
  <div uk-slider>

      <div class="uk-position-relative">

          <div class="uk-slider-container">
              <ul class="uk-slider-items uk-child-width-1-2 uk-child-width-1-6@m uk-grid uk-grid-small" uk-scrollspy="target: > li; cls: uk-animation-fade; delay: 300">
                  <?php
                    $args = array(
                    'post_type'      => 'brands',
                    'posts_per_page' => 18,
                    'orderby' => 'title',
                    'order'   => 'ASC',

                );

                $loop = new WP_Query($args);

                if ($loop->have_posts()) {
                    while ($loop->have_posts()) : $loop->the_post();?>
                    <li>
                      <div class=" services-box">
                        <?php if ( has_post_thumbnail() ) { ?>

                					<img uk-img data-src="<?php the_post_thumbnail_url('full'); ?>" data-width data-height>

                    		<?php } else { ?>
                    		<?php } ?>

                  </div>
                </li>
                <?php endwhile;
            } else {
                echo __('No products found');
            }

            wp_reset_postdata();
            ?>
          </ul>
       </div>

       <div class="uk-hidden@s">
           <a class="uk-position-center-left uk-position-small" href uk-slidenav-previous uk-slider-item="previous"></a>
           <a class="uk-position-center-right uk-position-small" href uk-slidenav-next uk-slider-item="next"></a>
       </div>

       <div class="uk-visible@s">
           <a class="uk-position-center-left-out uk-position-small" href uk-slider-item="previous"><i class="fa-solid fa-chevron-left"></i></a>
           <a class="uk-position-center-right-out uk-position-small" href uk-slider-item="next"><i class="fa-solid fa-chevron-right"></i></a>
       </div>
     </div>
   </div>
</div>

<div class="uk-container">
  <div class="uk-text-center">
    <a uk-scrollspy="cls: uk-animation-fade; delay: 300" href="<?php echo home_url(); ?>/brands-we-service/" class="yellow-btn">FULL BRAND LIST</a>
  </div>
  <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center blue uk-margin-xlarge-top">The <span class="light-blue">Importance of Gasket Replacement</span> with BC Gaskets</h2>

</div>

<div class="uk-padding-large uk-padding-remove-vertical uk-margin-large-bottom">
  <div class="uk-child-width-1-3@m" uk-grid uk-height-match="target: > div > h3" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 300">
    <div>
      <h3 class="blue uk-text-center">Energy Efficiency</h3>
      <P class=" uk-text-center">BC Gaskets' replacements ensure an airtight seal, reducing energy consumption by 5-25%, leading to potential savings on electricity bills.</P>
    </div>
    <div>
      <h3 class="blue uk-text-center">Food Safety Assurance</h3>
      <P class=" uk-text-center">    Regularly replacing gaskets with BC Gaskets prevents temperature fluctuations, safeguarding against food spoilage and bacterial growth, aligning with health and safety standards.</P>
    </div>
    <div>
      <h3 class="blue uk-text-center">Prolonged Refrigerator Unit Lifespan</h3>
      <P class=" uk-text-center">    BC Gaskets' high-quality seals prevent compressor overworking, extending your refrigerator's lifespan and avoiding costly replacements.</P>
    </div>
  </div>

  <div class="uk-child-width-1-2@m" uk-scrollspy="cls: uk-animation-fade; delay: 300" uk-grid>
    <div>
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/bc-gaskets-what-can-go-wrong-fridge-diagram.webp">
    </div>
    <div>
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/before-and-after-refrigerator-gasket-repair.jpg">
    </div>
  </div>

</div>


<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/blue-round-1.webp">

<div class="blue-bg fridge-bg white">
  <div class="uk-container uk-container-large">
    <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="white uk-text-center"><span class="yellow">Get in Touch</span> with BC Gaskets</h2>
    <div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-width-2-3@m uk-margin-auto">
      <h4 class="white uk-text-center uk-margin-large-bottom uk-margin-medium-top">Serving the Okanagan - Vernon, Lake Country, Kelowna, West Kelowna, Peachland, Summerland, Penticton to Osoyoose</h4>
    </div>
    <div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-child-width-1-2@m uk-grid-large" uk-grid>
      <div>
        <h4 class="yellow">Please fill out this form, we look forward to your message. Get a free quote, including all installation costs. </h4>

        <?php echo do_shortcode('[gravityform id="1" title="false" description="false" ajax="true"]');?>

      </div>
      <div>
        <div uk-grid>
          <div class="uk-width-auto@m">
            <div class="uk-grid-small" uk-grid>
              <div class="uk-width-auto">
                <h4 class="uk-margin-remove white"><i class="fa-light fa-mobile-button"></i></h4>
              </div>
              <div class="uk-width-expand">
                <P class="uk-margin-remove">call us to talk</P>
                <h3 class="yellow uk-margin-remove"><a class="yellow" href="tel:(250) 575-3440">(250) 575-3440</a></h3>
              </div>
            </div>

            <div class="uk-grid-small" uk-grid>
              <div class="uk-width-auto">
                <h4 class="uk-margin-remove white"><i class="fa-light fa-mailbox"></i></h4>
              </div>
              <div class="uk-width-expand">
                <P class="uk-margin-remove">Email</P>
                <h4 class="yellow uk-margin-remove"><a class="yellow" href="mailto:admin@bcgaskets.com">admin@bcgaskets.com</a></h4>
              </div>
            </div>

            <!---<div class="uk-grid-small" uk-grid>
              <div class="uk-width-auto">
                <h4 class="uk-margin-remove white"><i class="fa-light fa-clock"></i></h4>
              </div>
              <div class="uk-width-expand">
                <P class="uk-margin-remove">Hours</P>
                <h4 class="yellow uk-margin-remove">9 - 5 Weekdays</h4>
                <h4 class="yellow uk-margin-remove">9 - 3 Weekends</h4>
              </div>
            </div>--->
          </div>
          <div class="uk-width-expand@m uk-visible@m">
            <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/bc-gasket-guy.webp">
          </div>
        </div>

        <img class="uk-margin-medium-top uk-margin-medium-bottom" uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/map.png">
      </div>
    </div>
  </div>
</div>


<div class="uk-container">
  <h5 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center blue uk-margin-large-top">Helpful Resources</h5>
  <h2 uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-text-center light-blue">FAQs <span class="blue">and a </span> How-To Guide</h2>

  <div uk-scrollspy="cls: uk-animation-fade; delay: 300" class="uk-child-width-1-2@m" uk-grid>
    <div>
      <P>For quick answers to your refrigeration gasket questions, explore our FAQ.</P>

      <ul uk-accordion>
        <li class="uk-open">
            <a class="uk-accordion-title" href>Can you repair refrigeration equipment?</a>
            <div class="uk-accordion-content">
                <p>While our expertise lies in gasket replacement and hardware installation, we can assist with preventive maintenance, condenser cleaning, and offer advice on addressing potential issues with your refrigeration equipment.</p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href>How frequently should I replace my refrigeration door gasket?</a>
            <div class="uk-accordion-content">
                <p>We recommend replacing the door gasket every 6-12 months, depending on usage frequency. For standard commercial kitchens, annual replacement is typically necessary to ensure optimal performance.</p>
            </div>
        </li>
        <li>
            <a class="uk-accordion-title" href>Do you provide warranties for your products and services?</a>
            <div class="uk-accordion-content">
                <p>We offer a 60-day, no-questions-asked warranty on gaskets. Additionally, a standard 120-day warranty covers all our work. Some conditions may apply, and we may request a contribution toward the cost in cases of misuse or pre-existing issues.</p>
            </div>
        </li>
    </ul>




    </div>
    <div>
      <h4 class="blue uk-margin-remove-top">How to maintain your refrigerator gasket!</h4>
      <div class="uk-child-width-1-2@m uk-grid-small" uk-grid>
        <div>
          <P class="uk-margin-top">Discover the do’s and don’ts to maintaining optimal performance for your refrigerator gaskets on our dedicated how to page. </P>
        </div>
        <div>
          <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/bc-gaskets-commercial-refrigerator-cleaning-graphic.webp">
        </div>
      </div>
    </div>
  </div>

  <div class="uk-text-center">
    <a href="<?php echo home_url(); ?>/how-to-faqs/" class="yellow-btn uk-margin-medium-top">FIND OUT MORE</a>
  </div>

</div>


<?php get_footer(); ?>
