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

    <!-- <div class="preLoader black">
                <video autoplay muted>
                    <source src="<?php echo e(asset('front/images/preloader.mp4')); ?>" type="video/mp4">
                </video>
            </div>
            <div class="preLoader white"></div> -->

    <section class="main-slider p-0" id="mainSlider">
        <div class="swiper-container homeSlider">
            <div class="swiper-wrapper">
                <?php $__empty_1 = true; $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                    <div class="swiper-slide">
                        <video class="main-slider__video" autoplay loop muted>
                            <source src="<?php echo e($slider->sliderVideo('slider_video')); ?>" type="video/mp4">
                        </video>
                        <div class="slide-inner bg-image" data-background="">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="slideOne">
                                            <h1><?php echo e($slider->title); ?></h1>
                                            <p><?php echo e($slider->description); ?> <span><?php echo e($slider->decuraton_text); ?></span></p>
                                            <a href="<?php echo e(route('front.luxury.candles')); ?>"
                                                class="themeBtn"><?php echo e($slider->btn_text); ?></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                <?php endif; ?>

            </div>
            <div class="swiper-button-next"><i class="fal fa-arrow-right"></i></div>
            <div class="swiper-button-prev"><i class="fal fa-arrow-left"></i></div>
        </div>
        <div class="scrollDown">
            <a href="#productSec"><i class="fal fa-chevron-down"></i></a>
        </div>
    </section>


    
    <section class="productSec" id="productSec">
        <div class="container">
            <h2 class="secHeading text-center" data-aos="fade-up"><?php echo e($data->content['pro_main_heading'] ?? ''); ?></h2>
            <div class="row">
                <div class="col-md-12">
                    <div class="productTabs" data-aos="fade-up">

                        <ul class="nav nav-pills" id="pills-tab" role="tablist">

                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="pills-home-tab" data-toggle="pill"
                                    data-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                                    aria-selected="true">All Candle</button>
                            </li>
                            <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-<?php echo e($cat->slug); ?>-tab" data-toggle="pill"
                                        data-target="#pills-<?php echo e($cat->slug); ?>" type="button" role="tab"
                                        aria-controls="pills-<?php echo e($cat->slug); ?>"
                                        aria-selected="false"><?php echo e($cat->name); ?></button>
                                </li>

                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link" id="pills-contact-tab" data-toggle="pill"
                                        data-target="#pills-contact" type="button" role="tab"
                                        aria-controls="pills-contact" aria-selected="false">NO Category Found</button>
                                </li>
                            <?php endif; ?>

                        </ul>
                    </div>
                    <div class="tab-content" id="pills-tabContent" data-aos="fade-up">
                        <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                            aria-labelledby="pills-home-tab">
                            <div class="row justify-content-center">
                                <?php $__empty_1 = true; $__currentLoopData = $products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $pro): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <?php if($pro->category_id == 1): ?>
                                        <div class="col-md-4 col-sm-6">
                                            <a href="<?php echo e(route('front.product.detail', $pro->id)); ?>" class="productWraps"
                                                data-aos="zoom-in">
                                                <figure>
                                                    <img src="<?php echo e($pro->productImage('product_image') ?: ''); ?>"
                                                        class="img-fluid" alt="">
                                                    <span>Sale!</span>
                                                </figure>
                                                <div class="productContent">
                                                    <h4><?php echo e($pro->name); ?></h4>
                                                    <h5 class="price"><?php echo e($pro->price); ?></h5>
                                                </div>
                                            </a>
                                        </div>
                                    <?php endif; ?>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <p>no data found</p>
                                <?php endif; ?>

                            </div>
                        </div>
                        <?php $__empty_1 = true; $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $cat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                            <div class="tab-pane fade" id="pills-<?php echo e($cat->slug); ?>" role="tabpanel"
                                aria-labelledby="pills-<?php echo e($cat->slug); ?>-tab">
                                <div class="row justify-content-center">
                                    <?php $__currentLoopData = $cat->products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <div class="col-md-4 col-sm-6">
                                            <a href="<?php echo e(route('front.product.detail', $product->id)); ?>"
                                                class="productWraps" data-aos="zoom-in">
                                                <figure>
                                                    <img src="<?php echo e($product->getFirstMediaUrl('product_image')); ?>"
                                                        class="img-fluid" alt="<?php echo e($product->name); ?>">
                                                    <span>Sale!</span>
                                                </figure>
                                                <div class="productContent">
                                                    <h4><?php echo e($product->name); ?></h4>
                                                    <h5 class="price">


                                                        $<?php echo e(number_format($product->price, 2)); ?>


                                                    </h5>
                                                </div>
                                            </a>
                                        </div>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </div>
                            </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                            <div class="tab-pane fade" id="pills-no-category" role="tabpanel"
                                aria-labelledby="pills-no-category-tab">
                                <div class="row justify-content-center">
                                    <p>No categories found</p>
                                </div>
                            </div>
                        <?php endif; ?>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <?php echo $__env->make('front.include.story', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>

    <section class="candleSec">
        <div class="container-fluid p-0">
            <div class="row align-items-center">
                <div class="col-md-6 col-sm-6">
                    <div class="candleImg animImg" data-aos="zoom-in">
                        <img src="<?php echo e($data->cmsImages('story_image2') ?? ''); ?>" class="img-fluid" alt="">
                    </div>
                </div>
                <div class="col-md-5 col-sm-6">
                    <div class="candleContent">
                        <h2 class="secHeading" data-aos="fade-up"><?php echo e($data->content['home_sto2_heading'] ?? ''); ?></h2>
                        <p data-aos="fade-up">
                            <?php echo e($data->content['home_sto2_desc'] ?? ''); ?>

                        </p>
                        <div data-aos="fade-up">
                            <a href="<?php echo e(route('front.luxury.candles')); ?>" class="themeBtn themeBtn1">
                                <?php echo e($data->content['home_sto2_btn_text'] ?? ''); ?></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="aboutSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-5">
                    <div class="aboutContent">
                        <h2 class="secHeading" data-aos="fade-up"><?php echo e($data->content['home_sto3_heading'] ?? ''); ?></h2>
                        <ul>
                            <li data-aos="fade-up">
                                <img src="<?php echo e(asset('front/images/check.webp')); ?>" class="img-fluid"
                                    alt=""><span><?php echo e($data->content['home_sto3_des1'] ?? ''); ?></span>
                            </li>
                            <li data-aos="fade-up">
                                <img src="<?php echo e(asset('front/images/check.webp')); ?>" class="img-fluid"
                                    alt=""><span><?php echo e($data->content['home_sto3_des2'] ?? ''); ?></span>
                            </li>
                            <li data-aos="fade-up">
                                <img src="<?php echo e(asset('front/images/check.webp')); ?>" class="img-fluid" alt="">
                                <span><?php echo e($data->content['home_sto3_des3'] ?? ''); ?></span>
                            </li>
                            <li data-aos="fade-up">
                                <img src="<?php echo e(asset('front/images/check.webp')); ?>" class="img-fluid" alt="">
                                <span><?php echo e($data->content['home_sto3_des4'] ?? ''); ?></span>
                            </li>
                            <li data-aos="fade-up">
                                <img src="<?php echo e(asset('front/images/check.webp')); ?>" class="img-fluid" alt="">
                                <span><?php echo e($data->content['home_sto3_des5'] ?? ''); ?></span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-7">
                    <div class="aboutImages" data-aos="zoom-in">
                        <img src="<?php echo e($data->cmsImages('story_image3') ?? ''); ?>" class="img-fluid" alt="">
                        <figure>
                            <img src="<?php echo e($data->cmsImages('story_image4') ?? ''); ?>" class="img-fluid" alt="">
                            <img src="<?php echo e($data->cmsImages('story_image5') ?? ''); ?>" class="img-fluid" alt="">
                        </figure>
                    </div>
                    <div class="aboutBtn">
                        <a href="<?php echo e(route('front.about')); ?>"><?php echo e($data->content['home_sto3_btn'] ?? ''); ?><img
                                src="<?php echo e(asset('front/images/arrow.webp')); ?>" class="img-fluid" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="burnSec">
        <div class="container">
            <h2 class="secHeading text-white text-center mb-5" data-aos="fade-up">
                <?php echo e($data->content['home_sto4_heading'] ?? ''); ?></h2>
            <div class="row">
                <div class="col-md-6 col-sm-6">
                    <div class="burnWrap" data-aos="zoom-in">
                        <figure class="animImg">
                            <img src="<?php echo e($data->cmsImages('story_image6') ?? ''); ?>" class="img-fluid" alt="">
                        </figure>
                        <div class="burnContent">
                            <h3><?php echo e($data->content['home_sto4_img1_title'] ?? ''); ?></h3>
                            
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6">
                    <div class="burnWrap" data-aos="zoom-in">
                        <figure class="animImg">
                            <img src="<?php echo e($data->cmsImages('story_image7') ?? ''); ?>" class="img-fluid" alt="">
                        </figure>
                        <div class="burnContent">
                            <h3><?php echo e($data->content['home_sto4_img2_title'] ?? ''); ?></h3>
                            
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </section>

    <?php echo $__env->make('front.include.gallery', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
    

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

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