<?php
if ( ! defined( 'ABSPATH' ) ) {  
  exit; // Exit if accessed directly 
} 
get_header();
$src = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' ); 
?>






<section class="main-slider style1">    
<div class="slider-box">
<video src="<?php echo get_stylesheet_directory_uri();?>/assets/video/erinfolkvideo.mp4" muted="" autoplay="" loop="" playsinline=""></video>
<div class="auto-container">
<div class="content">
<!-- <h5>//<span>Enjoy Your Holiday</span>//</h5> -->
<h2>We Keep Them<br> Happy Anytime<span class="round"></span></h2>
<div class="btns-box">
    <a class="btn-one marleft style2" href="tel:9055693647"><span class="txt">CALL NOW</span></a>
	<a class="btn-one" href="contact-us"><span class="txt">MAKE AN APPOINTMENT</span></a>
</div>
</div>
</div> 
</div>
</section> 



<!--Start Featured Area-->
<section class="featured-area">
    <div class="container">
        <div class="row">
            <?php if(have_rows('second_section_points')): ?>
        <?php $i=0; while(have_rows('second_section_points')): ?>
         <?php the_row(); ?>
            <!--Start Single Featured Box-->
            <div class="col-xl-4">
                <div class="single-featured-box">
                    <div class="inner">
           
                            <div class="icon"><img src="<?php the_sub_field('icon'); ?>"></div>
                       
                        <div class="text"><a href="<?php the_sub_field('link'); ?>">
                            <h3><?php the_sub_field('title'); ?></h3>
							<p><?php the_sub_field('short_content'); ?></p></a>
                        </div>
                    </div>
                </div>    
            </div>
            <!--End Single Featured Box-->
            <?php $i++; endwhile; ?>
      <?php endif; ?>
        </div>
    </div>
</section>
<!--End Featured Area-->

<!--Start About Style1 Area-->
<section class="about-style1-area">
    <div class="container">
        <div class="row">
            <div class="col-xl-7">
                <div class="about-style1-image-box">
                    <div class="about-style1-image-box-bg" style="background-image: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/shape/about-style1-image-box-bg.png)"></div>
                    <div class="main-image">
                        <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/about/about-1.png" alt="Awesome Image"> 
                    </div>
                   
                </div>
            </div>
            
            <div class="col-xl-5">
                <div class="about-style1-content-box">
                    <div class="sec-title">
                        <h5>//<span><?php the_field('third_section_first_title'); ?></span>//</h5>
                        <h2><?php the_field('third_section_second_title'); ?><span class="round-box zoominout"></span></h2>
                    </div> 
                    <div class="inner-content">
                        <?php the_field('third_section_content'); ?>
                            
                        </div>
                    </div>   
                </div>    
            </div>
            
        </div>
    </div>
</section>
<!--End About Style1 Area-->

<!--Start TAKE A TOUR Area-->
<section class="about-style2-area p-0 bg-light">
    <div class="container">
        <div class="row justify-content-center">
		<div class="col-xl-12 text-center">	
         <div class="about-style1-content-box style1instyle2">
	     <div class="sec-title">
		  <h2>TAKE A TOUR</h2>
	    </div> 	
		<div class="rotatingglobe"><p><iframe loading="lazy" style="border: 0;" src="https://www.google.com/maps/embed?pb=!4v1643121990399!6m8!1m7!1sCAoSLEFGMVFpcE5NTW5haDJOb1Nnb3RGQy1xWkJQOW5DN1Zmb2ZETnVlR2RJX01a!2m2!1d43.55132339728095!2d-79.68802316724646!3f310.9!4f-5.950000000000003!5f0.4000000000000002" width="100%" height="600px" allowfullscreen="allowfullscreen"></iframe></p></div>	 
	   </div>
	  </div>
	 </div>      
    </div>
</section>
<!--END TAKE A TOUR Area-->	

<!-- Start Service Style1 Area -->
<section class="service-style1-area">
    <div class="shape1">
        <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/shape/shape-1.png" alt="">
    </div>
    <div class="shape2">
        <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/shape/shape-2.png" alt="">
    </div>
    <div class="container">
        <div class="sec-title text-center">
            <div class="icon">
                <i class="icon-bone"></i>
            </div>
            <h2><?php the_field('forth_section_title'); ?><span class="round-box zoominout"></span></h2>
        </div>
        <div class="row">
            <?php if(have_rows('forth_section_points')): ?>
        <?php $i=0; while(have_rows('forth_section_points')): ?>
         <?php the_row(); ?>
            <!--Start Single Service Style1-->
            <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                <div class="single-service-style1">
                    <div class="img-holder">
                        <div class="inner">
                            <img src="<?php the_sub_field('image'); ?>" alt="">
                        </div>
                    </div> 
                    <div class="text-holder">
                        <h3><a href="<?php the_sub_field('link'); ?>"><?php the_sub_field('name'); ?></a></h3>
                        <p><?php the_sub_field('content'); ?></p>
                        <div class="button">
                            <a href="<?php the_sub_field('link'); ?>">Read More</a>
                        </div>
                    </div>   
                </div>
            </div>
            <!--End Single Service Style1-->
            <?php $i++; endwhile; ?>
      <?php endif; ?>
        </div>

    </div>
</section>
<!-- End Service Style1 Area -->



<!--Start Video Gallery Area-->
<section class="video-gallery-area">
    <div class="container-fullwidth">
        <div class="row">
            <div class="col-xl-6">
                <div class="video-gallery-content-box text-center">
                    <img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/video-gallery-image.png" alt="">
                    <h2><?php the_field('fifth_section_title'); ?></h2>
                    <p><?php the_field('fifth_section_content'); ?></p>
                    <div class="button">
                        <a class="btn-one" href="contact-us"><span class="txt">BOOK AN APPOINTMENT</span></a>
                    </div>
                </div>    
            </div>
            
            <div class="col-xl-6">
                <div class="video-holder-box text-center" style="background-image: url(<?php the_field('fifth_section_image'); ?>)">
                    
                </div>    
            </div>
            
        </div>
    </div>
</section>
<!--End Video Gallery Area-->	
	
	

<!--Start Feautres Area-->
<section class="feautres-area">
    <div class="container">
        <div class="row">
           
            <div class="col-xl-6">
                <div class="working-hours-box" style="background-image: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/working-hours-box-bg.jpg)">
                    <div class="inner-content">
                        <div class="title">
                            <h3><?php the_field('working_hours_title',13); ?><span></span></h3>
                            <p><?php the_field('working_hours_short_content',13); ?></p>
                        </div>
                        <?php the_field('working_hours_content',13); ?>
                    </div>
                </div>    
            </div>
            
            <div class="col-xl-6">
                <div class="feautres-content-box">
                    <div class="sec-title">
                        <h5>//<span>Features</span>//</h5>
                        <h2>Core Level Features<span class="round-box zoominout"></span></h2>
                    </div>
                    <div class="inner-content">
                        <?php the_field('sixth_section_right_content'); ?>
						<ul class="top">
                            <li>
                                <div class="inner">
                                    <div class="icon">
                                        <span class="icon-vet"></span>
                                    </div>
                                    <div class="title">
                                        <h3>Pet Care</h3>
                                        <p>Love, Health, Happiness.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="inner">
                                    <div class="icon">
                                        <span class="icon-injection"></span>
                                    </div>
                                    <div class="title">
                                        <h3>Pet Medicine</h3>
                                        <p>Healing Pet Lives.</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        
                        <ul class="bottom">
                            <li>
                                <div class="inner">
                                    <div class="icon">
                                        <span class="icon-veterinary"></span>
                                    </div>
                                    <div class="title">
                                        <h3>Grooming</h3>
                                        <p>Pampered Pet Perfection.</p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="inner">
                                    <div class="icon">
                                        <span class="icon-vaccine"></span>
                                    </div>
                                    <div class="title">
                                        <h3>Monthly Care</h3>
                                        <p>Consistent Pet Wellness.</p>
                                    </div>
                                </div>
                            </li>
                        </ul>   
                    </div>
                </div>    
            </div>
            
        </div>
    </div>    
</section>    
<!--End Feautres Area-->  	
	
	
	

<!--Start Testimonial style1 Area-->
<section class="testimonial-style1-area">
    <div class="image-box1"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/testimonial/testimonial-image-1.png" alt=""></div>
    <div class="image-box2"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/testimonial/testimonial-image-2.png" alt=""></div>
    <div class="image-box3 paroller"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/testimonial/testimonial-image-3.png" alt=""></div>
    <div class="image-box4 paroller"><img src="<?php echo get_stylesheet_directory_uri();?>/assets/images/testimonial/testimonial-image-4.png" alt=""></div>
    <div class="layer-outer" style="background-image: url(<?php echo get_stylesheet_directory_uri();?>/assets/images/resources/map.png)"></div>
    <div class="container">
        <div class="sec-title text-center">
            <div class="icon">
                <i class="icon-bone"></i>
            </div>
            <h2><?php the_field('forth_section_title',11); ?><span class="round-box zoominout"></span></h2>
        </div>
        <div class="row"> 
            <div class="col-xl-12 col-lg-12">
                <div class="testimonial-carousel owl-carousel owl-theme">
                    <?php if(have_rows('forth_section_points',11)): ?>
        <?php $i=0; while(have_rows('forth_section_points',11)): ?>
         <?php the_row(); ?>
                    <!--Start Single Testimonial Style1-->
                    <div class="single-testimonial-style1  wow fadeInUp" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="img-holder">
                            <img src="<?php the_sub_field('image',11); ?>" alt="Awesome Image">
                        </div>
                        <div class="text-holder">
                            <h2><?php the_sub_field('name',11); ?></h2>
                            <span></span>     
                            <div class="text-box">
                                <p><?php the_sub_field('content',11); ?></p>
                            </div>
                        </div>
                    </div>
                    <?php $i++; endwhile; ?>
      <?php endif; ?>
                    
                </div>
            </div>

        <div class="col-xl-12 col-lg-12 text-center">
        <div class="button">
            <a class="btn-one" href="https://maps.app.goo.gl/UyQZtV75FqkEx6LUA" target="_blank"><span class="txt">VIEW MORE</span></a>
        </div> 
        </div>

        </div>
    </div>
</section>
<!--End Testimonial Style1 Area-->	
	
	
	
<!--Start Blog Style1 Area-->
<section class="blog-style1-area">
    <div class="container">
        <div class="sec-title">
            <h5>//<span>Insights</span>//</h5>
            <h2>News & Feeds<span class="round-box zoominout"></span></h2>
        </div>
        <div class="row">
            <div class="col-xl-12 col-lg-12">
                <div class="blog-carousel owl-carousel owl-theme owl-nav-style-one">
                    <?php echo do_shortcode('[EAH_HOME_BLOG]');?>
                </div>
            </div>
        </div>
    </div>
</section>
<!--End Blog Style1 Area-->
<?php get_footer();?>
