<?php /*template name: Contact*/ 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="200"></canvas>
    <canvas class="uk-hidden@m" width="" height="200"></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-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-text-center"><?php the_title(); ?></h1>

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


<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">
            <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(); ?>
