<?php /*template name: Kitchens Portfolio*/ get_header(); ?>
<div class="uk-cover-container uk-text-center banner">
    <canvas class="uk-visible@m" width="" height="600"></canvas>
    <canvas class="uk-hidden@m" width="" height="600"></canvas>

    <img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/angled-texture-background.webp" alt="Completed modern custom kitchen" data-width data-height uk-cover>

    <div class="uk-position-cover uk-text-center uk-container uk-flex uk-flex-center uk-flex-middle">
        <div>
            <p class="uk-text-small uk-text-uppercase white uk-margin-remove-bottom">Our Portfolio</p>
            <h1 class="navy uk-margin-remove-top"><?php the_title(); ?></h1> 
            <p class="black">See how our in-house team of carpenters, cabinet makers, and electricians remodels outdated<br class="uk-visible@m"> kitchens into the spectacular heart of your Okanagan home.</p>
            <a class="btn" href="<?php echo home_url(); ?>/contact/">REQUEST A KITCHEN ESTIMATE</a>
        </div>
    </div>
</div>

<div class="bg-cream uk-section">
    <div class="uk-container uk-container-small uk-text-center">
        <p class="brown uk-text-small uk-text-uppercase uk-margin-remove-bottom">The In-House Advantage</p>
        <h2 class="uk-margin-remove-top">Crafted Locally. Remodeled flawlessly.</h2>
        <p class="uk-text-lead">A kitchen renovation is one of the most significant upgrades you can make to your home. Because we handle the critical path in-house—from custom CNC cabinetry manufactured right here in Kelowna to integrated electrical work—we are able to achieve a level of fit, finish, and cohesive design that traditional "telephone contractors" simply can't match.</p>
        <p>Browse our recent projects below to see the Hingley difference.</p>
    </div>
</div>

<div class="uk-section">
    <div class="uk-container">
        <div class="uk-text-center uk-margin-large-bottom">
            <p class="uk-text-small uk-text-uppercase uk-margin-remove-bottom">Full Gallery</p>
            <h2 class="uk-margin-remove-top">More of Our Work</h2>
        </div>
        
        <div class="uk-child-width-1-2 uk-child-width-1-3@m uk-grid-small" uk-grid>
            
            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/kitchen-backsplash-with-cabinetry-and-counterspace.webp" alt="Custom Kitchen 1" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/cozy-kitchen-with-island-seating-and-lighting.webp" alt="Custom Kitchen 2" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/large-kitchen-with-gas-oven-in-island.webp" alt="Custom Kitchen 3" uk-img uk-cover>
                </div>
            </div>
           
            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/full-home-renovation-kitchen-after.webp" alt="Custom Kitchen 5" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/finished-kitchen-update-with-white-cabinets-appliances-and-backsplash.webp" alt="Custom Kitchen 6" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/island-kitchen-layout-with-white-quartz-countertops.webp" alt="Custom Kitchen 6" uk-img uk-cover>
                </div>
            </div>

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

<div class="bg-dark-blue uk-section">
    <div class="uk-container uk-container-small uk-text-center">
        <p class="gold uk-text-small uk-text-uppercase uk-margin-remove-bottom">Next Steps</p>
        <h2 class="white uk-margin-remove-top">Inspired by What You See? Let’s talk about your home's potential.</h2>
        <p class="white">Partner with the Kelowna remodelers who do the work, control the timeline, and guarantee the quality.</p>
        
        <div class="uk-margin-medium-top">
            <a class="btn uk-margin-small-right uk-margin-small-bottom" href="/contact/">REQUEST AN ESTIMATE</a>
            <a class="btn uk-margin-small-bottom"  href="<?php echo home_url(); ?>/projects/full-home-renovation-portfolio/">VIEW FULL HOME PORTFOLIO</a>
        </div>
        
        <p class="white uk-text-small uk-margin-top"><i>Serving Kelowna, West Kelowna & Lake Country Since 2005.</i></p>
    </div>
</div>

<div class="uk-section uk-section-large uk-text-center">
    <div class="uk-container uk-container-small">
        <h3 class="uk-text-italic black" ">"Remodeled with integrity. Crafted for life. Transformed by Hingley."</h3>
    </div>
</div>

<div class="uk-container">
    <main role="main">
        <section>
            <?php if (have_posts()): while (have_posts()) : the_post(); ?>
                <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
                    <?php the_content(); ?>
                    <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>

<?php get_footer(); ?>
