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



<div class="uk-cover-container uk-text-center banner uk-margin-large-bottom" uk-scrollspy="cls: uk-animation-fade; delay: 150">
    <canvas class="uk-visible@m" width="" height="800"></canvas>
	 <canvas class="uk-hidden@m" width="" height="900"></canvas>
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/banner.webp" data-width data-height uk-cover>

    <div class="uk-position-cover">
      <div class="uk-grid-collapse" uk-grid>
        <div class="uk-width-1-2@m banner-bg">

        </div>
        <div class="uk-width-1-2@m uk-inline">
          <div class="banner-triangle"></div>
        </div>
      </div>
    </div>
	  <div class="uk-position-cover uk-text-left uk-container  uk-flex uk-flex-middle matchie" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 500">
        <div>
          <h3 class="white uk-margin-remove uk-text-uppercase">Trusted for Over 20 Years</h3>
          <h1 class="white uk-margin-remove-top">Clean Spaces. <br>Professional Impressions.</h1>
          <div class="uk-width-1-2@m">
            <h4 class="white">Kelowna’s Trusted Commercial Janitorial Services for Businesses That Demand the Best</h4>
          </div>
          <a href="#" class="blue-btn uk-margin-medium-top">Get a Quote</a>


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




<div class="uk-container uk-container-large">
	<div class="uk-grid-divider" uk-grid>
    <div class="uk-width-1-3@m">
      <h3 class="uk-margin-remove blue">ABOUT US</h3>
      <h2 class="uk-margin-remove-top">Malibu Janitorial</h2>
    </div>
    <div class="uk-width-2-3@m">
      <P><b>Malibu Janitorial</b> is a trusted, locally owned company providing <b>professional commercial cleaning services in Kelowna</b> and the surrounding Okanagan Valley. With over 20 years of experience, we proudly support businesses, property managers, construction teams, and strata councils with reliable, detail-focused cleaning and maintenance solutions.</P>

      <P>We specialize <b>exclusively in commercial work,</b> offering everything from office and strata cleaning to power washing, post-construction cleanup, floor care, and even commercial pool and spa maintenance. Every service we provide is designed to help our clients maintain a safe, spotless, and professional environment for their customers and employees.</P>
    </div>
  </div>

  <div class="uk-child-width-1-3@m uk-margin-xlarge-top" uk-grid uk-height-match="target: > div > .uk-card">
  <?php
    $args = array(
        'post_type'      => 'page',
        'posts_per_page' => -1,
        'post_parent'    => 11,
        'orderby'        => 'menu_order',
        'order'          => 'ASC',
    );

    $subpages = new WP_Query($args);

    if ($subpages->have_posts()) :
        while ($subpages->have_posts()) : $subpages->the_post(); ?>
          <div>
            <div class="uk-card uk-card-default uk-padding">
              <?php if ($icon = get_field('icon')) : ?>
                  <div class="service-icon uk-flex uk-flex-middle uk-flex-center"><?php echo $icon; ?></div>
              <?php endif; ?>
              <h3 class=""><a class="blue black-hov" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>

              <?php if ($short_desc = get_field('short_description')) : ?>
                  <p><?php echo esc_html($short_desc); ?></p>
              <?php endif; ?>
            </div>
          </div>
        <?php endwhile;
        wp_reset_postdata();
    else :
        echo '<p>No subpages found.</p>';
    endif;
    ?>
  </div>

  <div class="uk-child-width-1-2@m uk-grid-large uk-margin-xlarge-top" uk-grid>
    <div>
      <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/young-man-works-in-the-modern-office-uses-vacuum.webp">
    </div>
    <div>
      <h3 class="uk-margin-remove blue">WE CLEAN EVERYTHING</h3>
      <h2 class="uk-margin-remove-top uk-margin-medium-bottom">The Professional Choice for Commercial Cleaning</h2>
      <div uk-grid>
        <div class="uk-width-auto">
          <div class="service-icon uk-flex uk-flex-middle uk-flex-center">
            <i class="fa-thin fa-buildings"></i>
          </div>
        </div>
        <div class="uk-width-expand">
          <h3 class="uk-margin-remove-top blue">Commercial-Only Focus</h3>
          <P>We don’t split our attention between homes and businesses. Our entire operation is built around serving commercial properties with the level of reliability and professionalism they require.</P>
        </div>
      </div>
      <div uk-grid>
        <div class="uk-width-auto">
          <div class="service-icon uk-flex uk-flex-middle uk-flex-center">
            <i class="fa-thin fa-list-check"></i>
          </div>
        </div>
        <div class="uk-width-expand">
          <h3 class="uk-margin-remove-top blue">Custom Service Plans</h3>
          <P>We don’t believe in one-size-fits-all. Every contract includes a tailored cleaning plan that meets your specific needs, schedule, and facility requirements.</P>
        </div>
      </div>
      <div uk-grid>
        <div class="uk-width-auto">
          <div class="service-icon uk-flex uk-flex-middle uk-flex-center">
            <i class="fa-thin fa-toolbox"></i>
          </div>
        </div>
        <div class="uk-width-expand">
          <h3 class="uk-margin-remove-top blue">Top-Quality Products & Equipment</h3>
          <P>We use proven, professional-grade tools and environmentally friendly products whenever possible, ensuring a deep clean with minimal environmental impact.</P>
        </div>
      </div>
      <div uk-grid>
        <div class="uk-width-auto">
          <div class="service-icon uk-flex uk-flex-middle uk-flex-center">
            <i class="fa-thin fa-handshake"></i>
          </div>
        </div>
        <div class="uk-width-expand">
          <h3 class="uk-margin-remove-top blue">Locally Owned, Community-Focused</h3>
          <P>Based right here in Kelowna, we’re proud to support the local business community with fast response times, flexible scheduling, and a hands-on approach to service.</P>
        </div>
      </div>
      <div uk-grid>
        <div class="uk-width-auto">
          <div class="service-icon uk-flex uk-flex-middle uk-flex-center">
            <i class="fa-thin fa-sparkles"></i>
          </div>
        </div>
        <div class="uk-width-expand">
          <h3 class="uk-margin-remove-top blue">We Make You Look Good</h3>
          <P>Whether you’re preparing for clients, tenants, or inspections, our job is to make your space shine—so you look professional and polished.</P>
        </div>
      </div>
    </div>
  </div>

  

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