<?php $__env->startSection('content'); ?>
    <body class="landingpage">
    <?php
        if (!empty($about_us->content)) {
            $aboutUsdecodedData = json_decode($about_us->content, true);
        }
         if (!empty($home->content)) {
            $homedecodedData = json_decode($home->content, true);
        }
    ?>






<div class="preloader">
    <img src="<?php echo e(asset('images/tmLoader.gif')); ?>" style="width: 50%" alt="Loading...">
</div>


<!-- Main Slider -->
<div class="main-slider">
    <div id="carouselExampleControls" class="carousel slide carousel-fade" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleControls" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleControls" data-slide-to="1"></li>
            <li data-target="#carouselExampleControls" data-slide-to="2"></li>
            <li data-target="#carouselExampleControls" data-slide-to="3"></li>
            <li data-target="#carouselExampleControls" data-slide-to="4"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-7 my-auto" data-aos="fade-right">
                                <div class="slideContent">
                                    <h5><?php echo e($homedecodedData['greeting1'] ?? ''); ?></h5>
                                    <h1><?php echo e($homedecodedData['slider_title1'] ?? ''); ?></h1>
                                    <h2><?php echo e($homedecodedData['slider_title1_1'] ?? ''); ?></h2>
                                    <p><?php echo e($homedecodedData['slider_sub_title1'] ?? ''); ?></p>
                                    <a href="#" class="themeBtn">Read More</a>
                                    <ul class="social">
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon1_1']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon1_1']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon1_2']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon1_2']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon1_3']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon1_3']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-5 my-auto" data-aos="zoom-in">
                                <img src="<?php echo e(!empty($home) && isset($homedecodedData['banner_image1']) ? asset('/upload/cms_images/'.$homedecodedData['banner_image1']) : ''); ?>" class="slideImg" alt="img" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-7 my-auto" data-aos="fade-right">
                                <div class="slideContent">
                                    <h5><?php echo e($homedecodedData['greeting2'] ?? ''); ?></h5>
                                    <h1><?php echo e($homedecodedData['slider_title2'] ?? ''); ?></h1>
                                    <h2><?php echo e($homedecodedData['slider_title2_2'] ?? ''); ?></h2>
                                    <p><?php echo e($homedecodedData['slider_sub_title2'] ?? ''); ?></p>
                                    <a href="#" class="themeBtn">Read More</a>
                                    <ul class="social">
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon2_1']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon2_1']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon2_2']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon2_2']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon2_3']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon2_3']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-5 my-auto" data-aos="zoom-in">
                                <img src="<?php echo e(!empty($home) && isset($homedecodedData['banner_image2']) ? asset('/upload/cms_images/'.$homedecodedData['banner_image2']) : ''); ?>" class="slideImg" alt="img" />
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-caption">
                    <div class="container">

                        <div class="row">
                            <div class="col-md-7 my-auto" data-aos="fade-right">
                                <div class="slideContent">
                                    <h5><?php echo e($homedecodedData['greeting3'] ?? ''); ?></h5>
                                    <h1><?php echo e($homedecodedData['slider_title3'] ?? ''); ?></h1>
                                    <h2><?php echo e($homedecodedData['slider_title3_3'] ?? ''); ?></h2>
                                    <p><?php echo e($homedecodedData['slider_sub_title3'] ?? ''); ?></p>
                                    <a href="#" class="themeBtn">Read More</a>
                                    <ul class="social">
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon3_1']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon3_1']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon3_2']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon3_2']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon3_3']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon3_3']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-5 my-auto" data-aos="zoom-in">
                                <img src="<?php echo e(!empty($home) && isset($homedecodedData['banner_image3']) ? asset('/upload/cms_images/'.$homedecodedData['banner_image3']) : ''); ?>" class="slideImg" alt="img" />
                            </div>
                        </div>


                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-7 my-auto" data-aos="fade-right">
                                <div class="slideContent">
                                    <h5><?php echo e($homedecodedData['greeting4'] ?? ''); ?></h5>
                                    <h1><?php echo e($homedecodedData['slider_title4'] ?? ''); ?></h1>
                                    <h2><?php echo e($homedecodedData['slider_title4_4'] ?? ''); ?></h2>
                                    <p><?php echo e($homedecodedData['slider_sub_title4'] ?? ''); ?></p>
                                    <a href="#" class="themeBtn">Read More</a>
                                    <ul class="social">
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon4_1']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon4_1']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon4_2']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon4_2']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon4_3']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon4_3']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-5 my-auto" data-aos="zoom-in">
                                <img src="<?php echo e(!empty($home) && isset($homedecodedData['banner_image4']) ? asset('/upload/cms_images/'.$homedecodedData['banner_image4']) : ''); ?>" class="slideImg" alt="img" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-7 my-auto" data-aos="fade-right">
                                <div class="slideContent">
                                    <h5><?php echo e($homedecodedData['greeting5'] ?? ''); ?></h5>
                                    <h1><?php echo e($homedecodedData['slider_title5'] ?? ''); ?></h1>
                                    <h2><?php echo e($homedecodedData['slider_title5_5'] ?? ''); ?></h2>
                                    <p><?php echo e($homedecodedData['slider_sub_title5'] ?? ''); ?></p>
                                    <a href="#" class="themeBtn">Read More</a>
                                    <ul class="social">
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon5_1']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon5_1']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon5_2']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon5_2']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                        <li>
                                            <a href="#"><img src="<?php echo e(!empty($home) && isset($homedecodedData['fav_icon5_3']) ? asset('/upload/cms_images/'.$homedecodedData['fav_icon5_3']) : ''); ?>" class="img-fluid" alt="img" /></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col-md-5 my-auto" data-aos="zoom-in">
                                <img src="<?php echo e(!empty($home) && isset($homedecodedData['banner_image5']) ? asset('/upload/cms_images/'.$homedecodedData['banner_image5']) : ''); ?>" class="slideImg" alt="img" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ! Main Slider -->

<!-- About Section -->
<section class="aboutSection">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <figure>
                    <img src="<?php echo e(asset('images/aboutoverlay.png')); ?>" class="aboutoverlay" data-aos="fade-up" alt="">
                    <img src="<?php echo e(asset('images/aboutmain1.png')); ?>" class="aboutmain" data-aos="fade-right" alt="">
                    <!-- <img src="images/aboutimg.png" class="aboutimg" data-aos="fade-left" alt=""> -->
                </figure>
            </div>
            <div class="col-lg-6 px-0 my-auto" data-aos="fade-left">
                <h3 class="heading-sm"><?php echo e($aboutUsdecodedData['title'] ?? ''); ?></h3>
                <h1 class="heading-lg"><?php echo e($aboutUsdecodedData['heading'] ?? ''); ?></h1>
                <p class="subtext"><?php echo e($aboutUsdecodedData['sub_heading'] ?? ''); ?></p>
                <p><?php echo $aboutUsdecodedData['description'] ?? ''; ?></p>

                <a href="#" class="themeBtn themeBtn2">Read More</a>
            </div>
        </div>
    </div>
</section>
<!-- !About Section -->

<!-- Category Section -->
<section class="categorySection">
    <h1 class="heading-lg text-center mb-5" data-aos="fade-down">Essential Categories</h1>
    <div class="container">
        <div class="categoryOptions" data-aos="fade-up">

            <?php $__empty_1 = true; $__currentLoopData = $essentials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $essential): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
            <div class="categoryItem">
                <div class="imgBox">
                    <img src="<?php echo e($essential->image ? asset('upload/cms_images/' . $essential->image) : asset('admin/dist/img/placeholder.png')); ?>" alt="">
                </div>
                <a href="#"><?php echo e($essential->categories ?? ''); ?></a>
            </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <p>Essentials data no found</p>
            <?php endif; ?>

        </div>
    </div>
    <div class="text-center mt-3">
        <a href="<?php echo e(route('front.essential.categories')); ?>" class="themeBtn themeBtn2">View All Categories</a>
    </div>
</section>
<!-- !Category Section -->

<!-- Account Section -->

































<!-- !Account Section -->

<!-- Testimonial Section -->
<section class="testimonials">
    <div class="container">
        <p class="para" data-aos="fade-down">TESTIMONIALS</p>
        <h1 class="heading-lg" data-aos="fade-down">Our Members Reviews</h1>
        <div class="swiper mySwiper2" data-aos="fade-up">
            <div class="px-5">
                <div thumbsslider="" class="swiper mySwiper1">

                    <div class="swiper-wrapper">
                        <?php $__currentLoopData = $testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <div class="swiper-slide">
                          <img src="<?php echo e($testimonial->image ? asset('upload/cms_images/' . $testimonial->image) : asset('admin/dist/img/placeholder.png')); ?>">
                          <h3 class="m-0"><?php echo e($testimonial->heading); ?></h3>
                          <strong><?php echo e($testimonial->sub_heading); ?></strong>
                      </div>

                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

                  </div>
              </div>
          </div>
          <div class="swiper-wrapper">

              <?php $__currentLoopData = $testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $tabs): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <div class="swiper-slide">
                  <div class="row">
                      <div class="col-md-10 px-0 mx-auto aos-init aos-animate" data-aos="flip-left">
                          <div class="testi-wrp">
                              <p><?php echo $tabs->description; ?></p>
                          </div>
                      </div>
                  </div>
              </div>
              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

          </div>
          <div class="swiper-button-next"></div>
          <div class="swiper-button-prev"></div>
          <!-- <div class="swiper-pagination"></div> -->
      </div>
  </div>
</section>

<!-- !Testimonial Section -->

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

<?php echo $__env->make('layout.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/servicedemoweb/public_html/global-man-cave/resources/views/index.blade.php ENDPATH**/ ?>