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

 <div class="banner-wrapper">
		  <div class="container-fluid">
		    <div class="row">
<!-- 				  <div class="sincepic wow fadeInDown"><img src="<?php echo get_stylesheet_directory_uri();?>/images/since.png" class="hvr-bob"></div> -->
			  <div class="col-lg-6 col-md-12">
            <div class="slidecont">
               <h3 class="banner-one__title banner-one__light-color">World Class Cabinets with International Quality</h3>
               <div class="d-flex">
                  <p class="banner-one__text banner-one__light-color">Elevate your space with our finely crafted cabinets, where quality transcends borders and sophistication is truly international.</p>
                  <div class="down-arrow"><img src="<?php echo get_stylesheet_directory_uri();?>/images/darrow.png"></div>
               </div>
               <div class="slidercounter">
                  <div class="counterbox">
                     <div class="counter_text">
                        <h3>61+</h3>
                        <p>Completed Projects</p>
                     </div>
                     <div class="counter_text">
                        <h3>10+</h3>
                        <p>Years in the Industry</p>
                     </div>
                  </div>
                  <div class="sliderpic2"><img src="<?php echo get_stylesheet_directory_uri();?>/images/slider/slider_bg_2.jpg"></div>
               </div>
            </div>
            <!-- /.col-lg-12 -->
         </div>
				
            <div class="col-lg-6 col-md-12">
            <div class="owl-slider">

<div id="carousel" class="owl-carousel">
 <?php if(have_rows('banners')): ?>
                <?php $i=0; while(have_rows('banners')): ?>
                <?php the_row(); ?> 

	<div class="item">
		<div class="banner-one__slide  banner-one__slide-one" style="background-image: url(<?php the_sub_field('image'); ?>);" data-thumb="<?php the_sub_field('image'); ?>">
                  </div>
	</div>
	
 <?php $i++; endwhile; ?>
                <?php endif; ?>

</div>

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


<!-- our usp section start -->
<section class="usp_sec wow fadeInDown">
   <div class="container">
      <div class="row justify-content-center">
        <?php if(have_rows('banner_second_sections')): ?>
                <?php $i=0; while(have_rows('banner_second_sections')): ?>
                <?php the_row(); ?> 
         <div class="col-lg-3 col-md-6 col-sm-12 hvr-float-shadow">
            <div class="ups_box">
               <div class="usp-icon"><img src="<?php the_sub_field('image'); ?>"></div>
               <div class="usp-text">
                  <?php the_sub_field('content'); ?>
               </div>
            </div>
         </div>
         <?php $i++; endwhile; ?>
                <?php endif; ?>
         
      </div>
      <!-- /.row -->
   </div>
   <!-- /.container -->
</section>
<!-- our usp section end -->                    
<!-- Start blog-one -->
<section class="blog-one wow fadeInUp">
   <div class="container">
      <div class="block-title text-center">
         <?php the_field('second_section_content'); ?>
         <!-- /.block-title__title -->
      </div>
      <!-- /.block-title -->
      <div class="row justify-content-center">
        <?php if(have_rows('second_section_points')): ?>
        <?php $i=0; while(have_rows('second_section_points')): ?>
        <?php the_row(); ?> 
         <div class="col-lg-4 col-md-6 col-sm-12">
            <div class="blog-one__single">
               <div class="blog-one__image">
                  <img src="<?php the_sub_field('image'); ?>" alt="Awesome Image" />
               </div>
               <!-- /.blog-one__image -->
               <div class="blog-one__content">
                  <div class="blog-one__date">
                     <?php the_sub_field('content'); ?>
                  </div>
                  <!-- /.blog-one__date -->
               </div>
               <!-- /.blog-one__content -->
            </div>
            <!-- /.blog-one__single -->
         </div>
        <?php $i++; endwhile; ?>
        <?php endif; ?> 
      </div>
      <!-- /.row -->
   </div>
   <!-- /.container -->
</section>
<!-- /.blog-one -->
<section class="about-one">
   <div class="container">
      <div class="row">
         <div class="col-lg-6 d-flex justify-content-start">
            <div class="aboutpic wow fadeInRight" data-wow-duration="3s">
               <div class="aboutpicbox">
                  <div class="abtpic1 hvr-forward"><img src="<?php echo get_stylesheet_directory_uri();?>/images/abtsmpic1.jpg"></div>
                  <div class="abtpic1"><img src="<?php echo get_stylesheet_directory_uri();?>/images/abtsmpic2.jpg"></div>
               </div>
               <!-- /.inner -->
               <div class="abtpic2 hvr-forward"><img src="<?php echo get_stylesheet_directory_uri();?>/images/abtsmpic3.jpg"></div>
            </div>
            <!-- /.about-one__image-block -->
         </div>
         <div class="col-lg-6 d-flex">
            <div class="about-one__content my-auto wow fadeInUp">
               <div class="block-title">
                  <?php the_field('third_section_titles'); ?>
                  <!-- /.block-title__title -->
               </div>
               <!-- /.block-title -->
               <?php the_field('third_section_content'); ?>
               <!-- /.about-one__text -->
               <a href="<?php echo esc_url( get_page_link( 9 ) ); ?>" class="thm-btn2 hvr-wobble-skew">Explore Services</a>
               <a href="<?php echo esc_url( get_page_link( 15 ) ); ?>" class="thm-btn about-btn hvr-wobble-skew">Contact Us</a>
            </div>
            <!-- /.about-one__content -->
         </div>
         <!-- /.col-lg-6 -->
      </div>
      <!-- /.row -->
   </div>
   <!-- /.container -->
</section>
<!-- /.about-one -->
<section class="funfact-one">
   <div class="container">
      <div class="block-title text-center wow fadeInUp">
         <?php the_field('forth_section_content'); ?>
         <a href="<?php echo esc_url( get_page_link( 15 ) ); ?>" class="getbtn hvr-wobble-skew">get a quote</a>
      </div>
   </div>
</section>
<!-- /.funfact-one -->
<!-- Start blog-one -->

<!-- /.blog-one -->
<section class="team-one">
   <div class="container">
      <div class="block-title">
         <div class="row justify-content-between align-items-start">
            <div class="col-lg-12">
               <h2 class="block-title__title">A Testament to Our Craftsmanship and Dedication</h2>
               <!-- /.block-title__title -->
               <p class="block-title__tag-line text-uppercase">Transforming Living Spaces</p>
				<p></p>
				<p>Our reputation for excellence in woodworking, particularly in the creation of bespoke kitchen cabinets and stunning patio designs, speaks volumes about our commitment to quality, craftsmanship, and client satisfaction. With each project we undertake, whether it's crafting custom cabinetry to transform a kitchen space or designing an inviting outdoor patio oasis, we bring passion, skill, and attention to detail to every aspect of our work. Whether you're dreaming of a new kitchen with custom cabinets or envisioning a backyard oasis with a beautifully designed patio, Patioshed is here to turn your vision into reality. Join our growing list of satisfied clients and experience the difference that our woodworking expertise can make in transforming your space. Contact us today to schedule a consultation and take the first step toward realizing your woodworking dreams.</p>
            </div>
            <!-- /.col-lg-3 -->
         </div>
         <!-- /.row -->
      </div>
      <!-- /.block-title -->
<!--       <div class="row">
         <//?php echo do_shortcode('[BP_ABOUT_US_TEAM]');?>
      </div> -->
      <!-- /.row -->
   </div>
   <!-- /.container -->
</section>
<!-- /.team-one -->


<section class="testimonialsec">
   <div class="container">
      <div class="row">
         <div class="col-lg-12">
            <div class="block-title text-center">
               <p class="block-title__tag-line text-uppercase mb-0">We serve multiple</p>
               <h2 class="block-title__title text-uppercase">Ultimate Services</h2>
            </div>
          
            <!-- <div class="testimonials_carousel owl-theme owl-carousel wow fadeInDown">
               <?php // echo do_shortcode('[BP_HOME_REVIEWS]');?>
            </div> -->
            <div class="owl-slider">
               <div id="testimonials_carousel" class="owl-carousel">
                   <?php echo do_shortcode('[BP_HOME_REVIEWS]');?>
                </div>
            </div>

<!-- <div class="owl-slider">
<div id="testimonials_carousel" class="owl-carousel">
    <div class="item">
     1
  </div>
   <div class="item">
     2
  </div>
<div class="item">
      3
   </div>
<div class="item">
     4
   </div>
</div>
</div> -->

         </div>
      </div>
      <!-- /.row -->
   </div>
   <!-- /.container-fluid -->
</section>


<section class="latestnew wow fadeInUp">
   <div class="container">
      <div class="row no-gutters">
         <div class="col-lg-12">
            <div class="block-title text-center">
               <p class="block-title__tag-line mb-0">Recent Updates</p>
               <h2 class="block-title__title ">Our Latest News</h2>
               <!-- /.block-title__title -->
            </div>
         </div>
         <?php echo do_shortcode('[BP_HOME_BLOG]');?>
      </div>
   </div>
</section>
<?php get_footer();?>