<?php /*template name: Other Projects*/ 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="Luxury bathroom and exterior renovations" 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">From spa-inspired master ensuites to legal basement suites and carriage houses,<br class="uk-visible@m"> see how our in-house remodeling team maximizes your property's potential.</p>
            <a class="btn" href="<?php echo home_url(); ?>/contact/">REQUEST AN 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">Comprehensive Remodeling</p>
        <h2 class="uk-margin-remove-top">Unlocking Your Home's Potential.</h2>
        <p class="uk-text-lead">Whether you are updating an outdated bathroom, finishing a basement to generate rental income, or completing an exterior facelift, success lies in the details. Because we handle the critical path in-house—from our own custom CNC cabinetry shop to integrated electrical work—we deliver flawless interior and exterior transformations without the delays of relying on external subcontractors.</p>
        <p>Browse our recent projects below.</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/shower-and-freestanding-tub-over-luxury-tile.webp" alt="Master Bathroom Remodel" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/shower-and-freestanding-tub-over-luxury-tile.webp" alt="Basement Suite Living Area" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/exterior-multiplex-with-wooden-deck-railings.webp" alt="Carriage House Exterior" 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-laundry-room-after.webp" alt="Laundry Room Remodel" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/exterior-upgrades-added-value-blog.webp" alt="Home Addition Exterior" uk-img uk-cover>
                </div>
            </div>

            <div>
                <div class="uk-cover-container uk-height-medium">
                    <img src="<?php echo get_template_directory_uri(); ?>/images/marble-bathroom-walls-with-walk-in-shower-and-freestanding-tub.webp" alt="Custom Walk-In Shower" 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="<?php echo home_url(); ?>/contact/">REQUEST AN ESTIMATE</a>
            <a class="btn uk-margin-small-bottom"   href="<?php echo home_url(); ?>/kitchens-portfolio/">VIEW KITCHEN 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(); ?>
Make sure to double-check the href on the "View Kitchen Portfolio" button near the bottom to ensure it matches the exact permalink/slug you set up for the previous page in WordPress.

Are there any other layouts or custom sections you need mocked up for the rest of the site?