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

<div class="uk-cover-container banner uk-visible@m">
    <canvas class="uk-visible@m" width="" height="700"></canvas>
    <canvas class="uk-hidden@m" width="" height="300"></canvas>

	<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/group-of-seniors-walking-together-1.webp" data-width data-height uk-cover uk-scrollspy=" cls: uk-animation-fade; delay: 200">


	<div class="uk-position-cover  uk-container uk-container-large uk-flex  uk-flex-middle">
        <div class="uk-width-1-2@m" uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
			<div class="banner-card uk-visible@m">
			  <h1 class="dark-turq"> Compassionate In-Home Assistance with A Kind Companion</h1>
			   <h5 class="uk-margin-medium">Your trusted companion for care, errands, and peace of mind.</h5>
			   <a class="btn uk-margin-medium-top" href="<?php echo home_url(); ?>/services/">EXPLORE OUR SERVICES</a>
			</div>
        </div>
    </div>
</div>

<div class="banner-card uk-hidden@m">
<img class="zero" uk-img data-src="<?= home_url(); ?>/wp-content/uploads/2025/02/group-of-seniors-walking-together-1-e1738706803439.webp" data-width data-height uk-scrollspy=" cls: uk-animation-fade; delay: 200">

				<div class="uk-padding-small">
					  <h1 class="dark-turq"> Compassionate In-Home Assistance with A Kind Companion</h1>
					   <h5 class="uk-margin-medium">Your trusted companion for care, errands, and peace of mind.</h5>
					   <a class="btn uk-margin-medium-top" href="<?php echo home_url(); ?>/services/">EXPLORE OUR SERVICES</a>
				</div>
			</div>


<div class="uk-container">
	<main role="main">
			<section>
				<div class="uk-child-width-1-2@m uk-margin-xlarge-top uk-margin-xlarge-bottom" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
					<div>
						<img uk-img data-src="<?php echo get_template_directory_uri(); ?>/images/a-kind-companion-leaf-1.webp" data-width data-height>
					</div>
					<div>
						<p class="uk-text-small green">ABOUT A KIND COMPANION</p>
						<h2 class="dark-turq">Making Your Day Better, One Small Act at a Time</h2>
						<p>At A Kind Companion, we’re here to make life easier. Whether you need help with daily tasks, care for your home, or assistance for loved ones, we provide reliable, compassionate support tailored to your needs. Contact Sheena, a nurse with over 18 years of experience, to discuss how we can help.</p>
						<a class="btn uk-margin-medium-top" href="<?php echo home_url(); ?>/about-us/">FIND OUT MORE</a>
					</div>
				</div>
		

			</section>
	</main>
</div>

<div class="sec-3 uk-position-relative  uk-margin-xlarge-bottom">
	<div class="uk-container uk-container-large">
	<div class="move-up">
	<div class="serving-section " uk-scrollspy=" cls: uk-animation-fade; delay: 100">
		<div class="uk-child-width-1-2@m uk-flex uk-flex-middle" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
			<div>	
				<h2 class="white uk-text-left@m uk-text-center">Serving the Beautiful Okanagan</h2>
			</div>
			<div>
				<p class="uk-text-center white">Extra charges for travel to:</p>
				<ul class="uk-list uk-column-1-3@m white">
					
					<li>Vernon</li>
					<li>Peachland</li>
					<li>Summerland</li>
					<li>Penticton</li>
					<li>Oliver</li>
					<li>Osoyoos</li>
					
				</ul>
			</div>
		</div>
	</div>

		<p class="uk-text-small uk-text-center green uk-margin-xlarge-top">OUR CARE SERVICES</p>
		<h2 class="dark-turq uk-text-center">How We Make Life Easier</h2>
		<div class="uk-child-width-1-5@m uk-child-width-1-2 uk-text-center uk-margin-large-top uk-margin-large-bottom uk-flex uk-flex-center" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq  fa-companionship-icon"></i>
					<h4 class="uk-text-center dark-turq">Companionship</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/companionship"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq fa-bathing-icon"></i>
					<h4 class="uk-text-center dark-turq">Bathing in Home</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/bathing-in-home"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq  fa-housekeeping-icon"></i>
					<h4 class="uk-text-center dark-turq">Light Housekeeping</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/light-housekeeping"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq fa-grocery-icon"></i>
					<h4 class="uk-text-center dark-turq">Grocery and Prescription Pick-up</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/grocery-and-prescription-pick-up/"></a>
				</div>
				
			</div>
			
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq fa-mini-van-icon"></i>
					<h4 class="uk-text-center dark-turq">Appointment Transportation &amp; Accompaniment</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/appointment-transportation-accompaniment/"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq  fa-organizing-icon"></i>
					<h4 class="uk-text-center dark-turq">Organizing</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/organizing"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq  fa-laundry-icon"></i>
					<h4 class="uk-text-center dark-turq">Laundry Services</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/laundry-services/"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq  fa-gardening-icon"></i>
					<h4 class="uk-text-center dark-turq">Gardening</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/gardening"></a>
				</div>
				
			</div>
			<div>
				<div  class="uk-text-center white-circle uk-inline ">
					<i class="fa-kit fa-3x dark-turq  fa-house-check-icon"></i>
					<h4 class="uk-text-center dark-turq">House Checks</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/house-checks/"></a>
				</div>
				
			</div>
			
			<div>
				<div  class="uk-text-center white-circle uk-inline">
					<i class="fa-kit fa-3x dark-turq  fa-pet-icon"></i>
					<h4 class="uk-text-center dark-turq">Pet Care</h4>
					<a class="uk-position-cover" href="<?php echo home_url(); ?>/services/pet-care/"></a>
				</div>
				
			</div>
		</div>
		</div>
</div>
</div>
	<div class="uk-width-1-3@m uk-margin-auto uk-margin-large-bottom">
		<h2 class="dark-turq uk-text-center  uk-text-bold" uk-scrollspy=" cls: uk-animation-fade; delay: 200">Let us be there with you and assist you with your needs so you can enjoy the special moments in life</h2>
		
		<div class="uk-child-width-1-2@m uk-text-center uk-grid-collapse uk-margin-medium-top" uk-grid uk-scrollspy="target: > div; cls: uk-animation-fade; delay: 200">
			<div>
				<a class="btn" href="<?php echo home_url(); ?>/contact-us/">CONTACT US TODAY</a>
			</div>
			<div>
				<p class="green uk-margin-remove">CALL TO TALK</p>
				<h4 class=" uk-margin-remove "><a class="dark-turq uk-text-bold" href="tel:2508636692">(250) 863-6692</a></h4>
			</div>
		</div>
		
	</div>


<?php get_footer(); ?>
