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

<div class="top-hero" uk-scrollspy="cls: uk-animation-fade; delay: 200">
	<div class="uk-container uk-container-expand uk-padding-remove" uk-scrollspy="cls: uk-animation-fade; delay: 300">
		<div class="uk-grid-match uk-child-width-1-2@m uk-grid-collapse" uk-grid>
			<div>
			<div class="uk-padding-small uk-flex uk-flex-middle">
				<div class="uk-width-2-3@m uk-margin-auto">
					<h1 class="uk-text-uppercase">Holistic Counselling</h1>
					<h3>Nurturing Minds, Healing Hearts and Restoring Balance</h3>
					<p class="uk-margin-left">At Orchard Valley Counselling, we tailor therapy to your story. Whether you’re seeking individual support, couples guidance, family healing, or creative approaches like art and play therapy we’re here to help.</p>
					<b>Your brighter future starts today.</b>
					<p class="uk-margin-left"><i>Take the first step—book your session now.</i></p>
					<div class="uk-margin-medium-top">
						<a href="https://orchardvalleycounselling.janeapp.com/" target="_blank" class="uk-button uk-button-primary uk-margin-right">Book Now</a>
						<a href="/our-services/" class="uk-button uk-button-default">Services</a>
					</div>
				</div>
			</div>
			</div>
			<div>
				<img src="/wp-content/uploads/2025/05/banner_img-scaled.webp">
			</div>
		</div>
	</div>
</div>

<div class="about-us uk-margin-large-top">
    <div class="uk-container">
		<h2 uk-scrollspy="cls: uk-animation-fade; delay: 200" class="uk-text-center uk-text-uppercase green">Top 5 Things our clients love <br>about us</h2>
		
		<div class="uk-child-width-1-3@m uk-flex uk-flex-center uk-margin-large-bottom" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
			<div>
				<div class="uk-flex uk-flex-middle">
					<div class="uk-width-auto uk-margin-right">
						<img src="/wp-content/uploads/2025/05/Confidentiality.png">
					</div>
					<div class="uk-width-expand">
						<h3>Confidentiality &amp; Safe Space</h3>
					</div>
				</div>
				<p><span class="orange"><b>Why clients love it</b>:</span> They need to feel their privacy is respected and that they can share openly without judgment.</p>
			</div>
			<div>
				<div class="uk-flex uk-flex-middle">
					<div class="uk-width-auto uk-margin-right">
						<img src="/wp-content/uploads/2025/05/Empathetic.png">
					</div>
					<div class="uk-width-expand">
						<h3>Empathetic, Qualified Counsellors</h3>
					</div>
				</div>
				<p><span class="orange"><b>Why clients love it</b>:</span> Trust in the expertise and compassion of therapists is critical.</p>
			</div>
			<div>
				<div class="uk-flex uk-flex-middle">
					<div class="uk-width-auto uk-margin-right">
						<img src="/wp-content/uploads/2025/05/Flexible.png">
					</div>
					<div class="uk-width-expand">
						<h3>Flexible &amp; Accessible Services</h3>
						
					</div>
				</div>
				<p><span class="orange"><b>Why clients love it</b>:</span> Busy schedules and evening & weekend appointments.</p>
			</div>
			<div>
				<div class="uk-flex uk-flex-middle">
					<div class="uk-width-auto uk-margin-right">
						<img src="/wp-content/uploads/2025/05/Personalized.png">
					</div>
					<div class="uk-width-expand">
						<h3>Personalized Approach</h3>
					</div>
				</div>
				<p><span class="orange"><b>Why clients love it</b>:</span> Cookie-cutter solutions don’t work for mental health. Clients want care tailored to their unique needs.</p>
			</div>
			<div>
				<div class="uk-flex uk-flex-middle">
					<div class="uk-width-auto uk-margin-right">
						<img src="/wp-content/uploads/2025/05/Tangible.png">
					</div>
					<div class="uk-width-expand">
						<h3>Tangible Progress & Support</h3>
					</div>
				</div>
				<p><span class="orange"><b>Why clients love it</b>:</span> Clients want to feel hopeful and see measurable improvements.</p>
			</div>
		</div>
    </div>
</div>

<div class="contact-us-today uk-padding-large">
    <div class="uk-container">
        <div uk-grid>
            <div class="uk-width-1-2@m uk-flex uk-flex-middle" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
                <div>
									<div class="grey-bg">
                    <h1 class="uk-text-uppercase">Contact Us <br>today</h1>
                    <h3>For a <span class="green">Free</span> 20-minute Phone Consultation</h3>
                    <p>Ready to start your journey to healing? Reach out today – we're here to listen.</p>
                    <p><i>Fill out our contact form, Book a Free, No-Oblation 15-Minute Consultation Talk confidentially with a licensed counselor and see how we can help.</i></p>
									</div>
							  </div>
            </div>
            <div class="uk-width-auto@m">
                <div class="contat-form">
                    <?php echo do_shortcode('[gravityform id="1" title="true"]'); ?>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="single-testimonial uk-margin-large-top">
	<div class="overlay">
		<div class="uk-container">
		
			<div class="uk-text-center uk-width-2-3@m uk-padding uk-margin-auto">
			<h4 class="white">“Owning our story can be hard but not nearly as difficult as spending our lives running from it. Embracing our vulnerabilities is risky but not nearly as dangerous as giving up on love and belonging and joy—the experiences that make us the most vulnerable. Only when we are brave enough to explore the darkness will we discover the infinite power of our light.”</h4>
			<h3 class="white">— Brené Brown</h3>
			</div>
			
		</div>
	</div>
	
</div>
<div class="providing-counselling uk-padding-large">
    <div class="uk-container">
        <h1 uk-scrollspy="cls: uk-animation-fade; delay: 200" class="uk-text-uppercase uk-text-center">Providing Counselling in British <br>Columbia Online</h1>
        <h4 uk-scrollspy="cls: uk-animation-fade; delay: 200" class="uk-text-center uk-margin-large-bottom">Supporting Your Mental and Emotional Well-Being In-Person in Kelowna and West Kelowna</h4>
		
		<div class="uk-child-width-1-3@m uk-text-center uk-grid-small uk-margin-large-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200"> 
						
				<?php
				$args = array(
					'post_type'      => 'page',
					'posts_per_page' => -1,
					'post_parent'    => 44,
					'order'          => 'ASC',
					'orderby'        => 'menu_order'
				 );


				$parent = new WP_Query( $args );

				if ( $parent->have_posts() ) : ?>

					<?php while ( $parent->have_posts() ) : $parent->the_post(); ?>
					
					<div>
						
						<div id="parent-<?php the_ID(); ?>" class="parent-page uk-text-center">
							<div class="uk-inline-clip uk-transition-toggle">
								<div class="uk-text-center banner_small">
									<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>">
										<img class="uk-transition-scale-up uk-transition-opaque uk-border-rounded" src="<?php the_post_thumbnail_url('thumbnail'); ?>">
									</a>
								</div>
							</div>
							<div class="">
								<h3><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="uk-text-decoration-none black"><?php the_title(); ?></a></h3>
								<?php html5wp_excerpt('html5wp_index'); ?>
								<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" class="uk-button uk-button-primary uk-margin">Find Out More</a>
							</div>
						</div>
					</div>


					<?php endwhile; ?>

				<?php endif; wp_reset_postdata(); ?>
			
			</div>
		
        <?php /* <div class="uk-child-width-1-3@m uk-grid-match uk-grid" uk-grid="masonry: true" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
            <div>
                <div class="uk-flex uk-flex-column">
                    <img class="counselling-img" src="/wp-content/uploads/2025/05/individual_counselling.webp" alt="Individual Counselling">
                    <h3 class="uk-text-uppercase uk-margin-top">Individual Counselling</h3>
                    <p>At Orchard Valley Counselling Services, we offer individual counselling to support you through life's challenges. Our trained professionals can help with issues such as anxiety, depression, stress, and relationship difficulties. Through personalized sessions, we aim to help you understand and change unhelpful patterns of thinking and behavior, leading to meaningful change. Our approach is client-centered and trauma-informed, ensuring a safe and supportive environment for your personal growth.</p>
                </div>
            </div>
            <div>
                <div class="uk-flex uk-flex-column">
                    <img class="counselling-img" src="/wp-content/uploads/2025/05/couple_counselling_family.webp" alt="Couple Counselling & Family">
                    <h3 class="uk-text-uppercase uk-margin-top">Couple Counselling & Family</h3>
                    <p>Couples and family counselling is a supportive and collaborative therapeutic process designed to enhance communication, resolve conflicts, and strengthen relationships. In couples counselling, partners work together with a trained therapist to address issues such as communication breakdowns, intimacy challenges, or differing values. The goal is to foster understanding and build a healthier partnership.</p>
                </div>
            </div>
            <div>
                <div class="uk-flex uk-flex-column">
                    <img class="counselling-img" src="/wp-content/uploads/2025/05/group_counselling.webp" alt="Group Counselling">
                    <h3 class="uk-text-uppercase uk-margin-top">Group Counselling</h3>
                    <p>Group counselling offers a supportive environment where individuals facing similar challenges can come together to share experiences and insights. This collective setting fosters a sense of community, reducing feelings of isolation and providing multiple perspectives on personal issues. Participants benefit from both giving and receiving support, enhancing self-awareness and interpersonal skills. Engaging in group therapy can lead to improved coping strategies and personal growth, as members learn from each other's journeys and the guidance of a trained facilitator.</p>
                </div>
            </div>
        </div> */ ?>
        <div class="uk-text-center uk-margin-top" uk-scrollspy="cls: uk-animation-fade; delay: 200">
            <a href="https://orchardvalleycounselling.janeapp.com/" target="_blank" class="uk-button uk-button-primary">Book Now</a> 
            <a href="<?= home_url(); ?>/our-services/" class="uk-button uk-button-primary">All Services</a> 
        </div>
    </div>
</div>
<div class="contact-us-section uk-section">
    <div class="uk-grid-large" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
        <div class="uk-width-1-2@m">
            <div class="uk-margin-auto uk-width-4-5@l uk-width-2-3@xl uk-visible@m">
                <h1 class="uk-text-uppercase">Contact Us Today</h1>
                <p>Ready to start your journey to healing? Reach out today – we're here to listen. Fill out our contact form, and let’s begin the conversation.</p>
                <?php echo do_shortcode('[gravityform id="1" title="false"]'); ?>
            </div>
        </div>
        <div class="uk-width-1-2@m">
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2573.2104558356423!2d-119.61418499999999!3d49.838503!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x5482754c772fffff%3A0x42a7f5f9f8817efc!2s2205%20Louie%20Dr%20%23301%2C%20Westbank%2C%20BC%20V4T%203C3%2C%20Canada!5e0!3m2!1sen!2sus!4v1748435952647!5m2!1sen!2sus"
                width="100%"
                height="700"
                style="border:0;"
                allowfullscreen=""
                loading="lazy"
                referrerpolicy="no-referrer-when-downgrade">
            </iframe>
        </div>
    </div>
</div>
<div class="our-testimonials uk-padding-large uk-text-center">
    <div class="uk-container">
        <h2 uk-scrollspy="cls: uk-animation-fade; delay: 200">“Real Stories. Real Support.”</h2>
        <h1 uk-scrollspy="cls: uk-animation-fade; delay: 200">Our testimonials</h1>
        <p uk-scrollspy="cls: uk-animation-fade; delay: 200">✨ Hear what our clients are saying about their journey with us.</p>

        <?php //echo do_shortcode('[sp_testimonial id="213"]');?>

        <div uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
        <?php
            $args = array(
                'post_type'      => 'testimonials',
                'posts_per_page' => -1, // or a specific number
                'orderby'        => 'menu_order', // optional for manual sorting
                'order'          => 'ASC',
            );

            $testimonial_query = new WP_Query($args);

            if ($testimonial_query->have_posts()) :

                while ($testimonial_query->have_posts()) : $testimonial_query->the_post();
                    ?>
                    <div class="uk-width-1-4@m" >
                            <?php if (has_post_thumbnail()) : ?>
                                <div class="testimonial-image">
                                    <?php the_post_thumbnail('medium'); ?>
                                </div>
                            <?php endif; ?>
                            <h3><?php the_title(); ?></h3>
                            <div class="testimonial-content">
                                <?php the_content(); ?>
                            </div>
                    </div>
                    <?php
                endwhile;

                echo '</div>';

                wp_reset_postdata();
            endif;
            ?>




        <div uk-scrollspy="cls: uk-animation-fade; delay: 200" class="uk-margin-large-top">
            <a href="mailto:Admin@ovcs.ca" class="uk-button uk-button-primary uk-margin-right">Learn More</a>
            <a href="https://orchardvalleycounselling.janeapp.com/" target="_blank" class="uk-button uk-button-default">Book Now</a>
        </div>
    </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">

					<?php edit_post_link( __('Edit this page'), '', '', 0, 'post-edit-link uk-label uk-float-right' ); ?>

				</article>

			<?php endwhile; ?><?php endif; ?>

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