<?php $__env->startSection('title'); ?> <?php echo $site_option->name; ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('site_name'); ?> <?php echo $site_option->name; ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('url'); ?> <?php echo e(url()); ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('description'); ?> <?php echo $site_option->description_seo; ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('keyword'); ?> <?php echo $site_option->keyword_seo; ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('image'); ?> <?php echo url($site_option->logo); ?> <?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>    

<div class="hide">

  <h1><?php echo e($site_option->name); ?></h1>

</div>

  <main id="maincontent" class="page-main cms-home cms-index-index page-layout-1column">

  <div class="columns">

    <div class="column main">

      <div class="content-top panel">

        <div class="ecom-right ecom-sm-16">

          <div class="widget block block-static-block">

              <?php echo $__env->make('frontend.include.slide', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

          </div>

        </div>

      </div>

      <div class="widget block block-static-block">

        <p>

        <div id="box_featured_catalog">

          <div class="banners-wrapper-top ">

            <div class="row">

              <?php foreach($cate_pro as $item): ?>

              <div class="col-sm-12 space-xs"><a class="icatfeatured" href="<?php echo e($item->alias); ?>"><img src="<?php echo e($item->thumb); ?>" alt="<?php echo e($item->name); ?>" />

                <div class="hover">

                  <div class="ihover">

                    <h2><?php echo e($item->name); ?></h2>

                    <p><?php echo $item->description; ?></p>

                    <span>T&igrave;m hiểu th&ecirc;m</span></div>

                </div>

                </a> </div>

              <?php endforeach; ?>

            </div>

          </div>

        </div>

        </p>

      </div>

    </div>

  </div>

</main>

<?php foreach($list_cate_pro_hot as $cate): ?>

<div id="widget-home-service">

  <div class="page-main">

    <div class="serv-intro text-center">

      <h2><?php echo e($cate->name); ?></h2>

      <p><?php echo $cate->description; ?></p>

    </div>

    <div class="list_featured_service">

      <div id="svfeatured" class="widget-serv">

        <div class="islick item-first col-xs-24"> <a title="Luxury" class="icatfeatured" href="/thiet-ke-noi-that-luxury"> <img alt="Luxury" src="assets/media/hm_luxury/default/Thiet-ke-noi-that-luxury.jpg">

          <div class="row">

            <div class="col-xs-24 text-center">

              <h4>Luxury</h4>

              <p>Tư vấn - Thiết kế - Thi công nội thất cao cấp</p>

            </div>

          </div>

          </a> </div>

        <div class="islick col-xs-24"> <a title="Thiết kế sắp đặt không gian nội thất" class="icatfeatured" href="/thiet-ke-noi-that"> <img alt="assets/media/efom_service/default/thiet-ke-noi-that-2.jpg" src="assets/media/efom_service/default/thiet-ke-noi-that-2.jpg">

          <div class="row">

            <div class="col-xs-24 text-center">

              <h4>Thiết kế sắp đặt không gian nội thất</h4>

              <p>Tư vấn - Thiết kế - Thi công nội thất Căn hộ chung cư, Biệt thự, Nhà phố</p>

            </div>

          </div>

          </a> </div>

      </div>

    </div>

  </div>

</div>

<?php endforeach; ?>

<script type="text/javascript">



          require(["jquery","Efom_Service/js/slick.min","domReady"],function($){

        // if(jQuery(window).width()>640)

        $("#svfeatured").slick({

         slidesToShow: 2,

         centerMode: false,

         arrows: false,

         autoplay:true,

         dots: false,

         enterPadding: '15px',

         responsive: [

         {

          breakpoint: 1024,

          settings: {

            slidesToShow: 2,

            slidesToScroll: 2,

            infinite: true,

            dots: false

          }

        },

        {

          breakpoint: 640,

          settings: {

            slidesToShow: 2,

            slidesToScroll: 2

          }

        },

        {

          breakpoint: 480,

          settings: {

            slidesToShow: 1,

            slidesToScroll: 1,

            dots: true

          }

        }

            // You can unslick at a given breakpoint now by adding:

            // settings: "unslick"

            // instead of a settings object

            ]    

          });





      }); 

    </script>

<main class="page-main">

<div class="columns">

<div class="column main">

  <div class="widget block block-static-block">

    <div class="banners-wrapper row show-pc hidden-mb">

      <div class="col-sm-24"><a class="effect" href="/duan/request/index"><img src="assets/media/wysiwyg/home/banner-dang-ky-tu-van.jpg" alt="" /></a></div>

    </div>

    <div class="banners-wrapper row show-mb hidden-pc">

      <div class="col-sm-24"><a class="effect" href="/duan/request/index"><img src="assets/media/wysiwyg/home/bn-mb-tu-van.jpg" alt="" /></a></div>

    </div>

  </div>

  

  <div class="widget block block-static-block">

   

    <?php echo $__env->make('frontend.include.news', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

  </div>

</div>

<div class="widget block block-static-block"> 

  <div id="widget-home-partner">

      <div class="serv-intro text-center">

    <h2>THƯƠNG HIỆU LIÊN KẾT</h2>

  </div>

  <div class="list_partner">

    <div id="partner" class="widget-partner owl-carousel">

      <?php foreach($banner as $item): ?>

      <?php if($item->position=='Partner'): ?>

      <div class="item">

        <a href="<?php echo e($item->url); ?>" title="<?php echo e($item->title); ?>">

          <img class="owl-lazy thumb" data-src="<?php echo e($item->link); ?>" alt="<?php echo e($item->title); ?>" />

        </a>

      </div>

      <?php endif; ?>

      <?php endforeach; ?>

    </div>

  </div>

  </div>

</div>



<script type="text/javascript">

  jQuery("#partner").owlCarousel({

    items:5,

    margin:15,

    lazyLoad : true,

    autoplay : true,

    loop:true,

    responsive:{

      0:{

        items:1,

        margin:0,



      },

      600:{

        items:2,



      },

      1000:{

        items:2,



      },

      1366:{

        items:4,



      },

      1920:{

        items:5,



      }

    },

    nav: true

  });

</script>

</main>

<?php $__env->stopSection(); ?> 

<?php echo $__env->make('frontend.layout.layout', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>