<?php $__env->startSection('content'); ?>
    <div class="preLoader black">
        <img src="<?php echo e(asset('front/images/logo.webp')); ?>" alt="img">
    </div>
    <div class="preLoader white"></div>




    <section class="main-slider p-0" id="mainSlider">
        <div class="swiper-container homeSlider">
            <div class="swiper-wrapper">
                <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="swiper-slide">
                        <div class="slide-inner bg-image" data-background="<?php echo e($slider->getFirstMediaUrl('slider_images') ?? ''); ?>">
                            <div class="container">
                                <div class="row aic">
                                    <div class="col-lg-6">
                                        <div class="slideOne">
                                            <h4><?php echo e($slider->heading ?? ''); ?></h4>
                                            <h1 data-swiper-parallax="-200"><?php echo e($slider->sub_heading ?? ''); ?></h1>
                                            <p data-swiper-parallax="-200"><?php echo $slider->description ?? ''; ?></p>
                                            <a href="<?php echo e(route('shop')); ?>" class="themeBtn"><?php echo e($slider->button_text ?? ''); ?></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
    </section>




    <section class="best-seller">
        <div class="container">
            <div class="best-top" data-aos="fade-up">
                <h3>Upsence</h3>
                <h2 class="mainHead">Best Seller</h2>
            </div>
            <div class="row align-items-center">
                <?php $__currentLoopData = $bestSallers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $bestSaller): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-md-3" data-aos="fade-up">
                    <div class="seller-wrap">
                        <a href="<?php echo e(route('product-detail',$bestSaller->id)); ?>" class="seller-wrap__img">
                            <img src="<?php echo e($bestSaller->getFirstMediaUrl('product_image') ?? ''); ?>" class="img-fluid" alt="">
                        </a>
                        <div class="seller-content">
                            <a href="<?php echo e(route('product-detail',$bestSaller->id)); ?>" class="title"><?php echo e($bestSaller->product_name ?? ''); ?></a>
                            <p>jewelry</p>
                            <h5><?php echo e($bestSaller->price ?? ''); ?></h5>
                        </div>
                    </div>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>


    <section class="Categories-section">
        <div class="container-fluid p-0">
            <h2 class="mainHead" data-aos="fade-up">Categories include</h2>
            <div class="row align-items-center">
                <?php $__currentLoopData = $categories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-md-4" data-aos="fade-up">
                        <div class="categories-wrap">
                            <figure>
                                <img src="<?php echo e($category->getFirstMediaUrl('category_image', 'thumb')); ?>" class="img-fluid" alt="<?php echo e($category->name); ?>">
                            </figure>
                            <div class="categories-cntnt">
                                <h4>about <?php echo e($category->products->count()); ?> items</h4>
                                <h2><?php echo e($category->name); ?></h2>
                                <a href="<?php echo e(route('shop', ['category' => $category->id])); ?>" class="themeBtn">Shop Now</a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>



    <section class="summer-essentail">
        <div class="container-fluid">
            <h2 class="mainHead text-center" data-aos="fade-up">SUMMER ESSENTIALS</h2>
            <div class="row align-items-center">
                <?php $__currentLoopData = $essentials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $essential): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-md-3" data-aos="fade-up">
                    <div class="summer-wrap">
                        <figure>
                            <img src="<?php echo e($essential->getFirstMediaUrl('product_image') ?? ''); ?>" class="img-fluid" alt="">
                            <a href="cart.php">Add To cart</a>
                        </figure>
                        <div class="summer-cntnt">

                            <a href="<?php echo e(route('product-detail',$essential->id)); ?>" class="title"><?php echo e($essential->product_name ?? ''); ?></a>
                            <p><?php echo e($essential->price ?? ''); ?></p>
                        </div>
                    </div>
                </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>


    <section class="get-section">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-11">
                    <div class="get-content" data-aos="fade-up">
                        <h2>Get 15% Discount</h2>
                        <a href="shop.php">Shop Now <i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="best-seller exclusive-secton">
        <div class="container">
            <div class="best-top" data-aos="fade-up">
                <h2 class="mainHead">OUR EXCLUSIVES</h2>
            </div>
            <div class="row align-items-center">
                <?php $__currentLoopData = $exlusives; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $exlusive): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <div class="col-md-3" data-aos="fade-up">
                    <div class="seller-wrap">
                        <a href="<?php echo e(route('product-detail',$bestSaller->id)); ?>" class="seller-wrap__img">
                            <img src="<?php echo e($exlusive->getFirstMediaUrl('product_image') ??''); ?>" class="img-fluid" alt="">
                        </a>
                        <div class="seller-content">
                            <a href="<?php echo e(route('product-detail',$exlusive->id)); ?>" class="title"><?php echo e($exlusive->product_name ?? ''); ?></a>
                            <p>jewelry</p>
                            <h5><?php echo e($exlusive->price ?? ''); ?></h5>
                        </div>
                    </div>
                </div>

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


    <section class="insta-section">
        <div class="container-fluid">
            <h2 class="mainHead text-center mb-4" data-aos="fade-up"><?php echo e($instagram_section_heading); ?></h2>
            <div class="row align-items-center">
                <?php $__currentLoopData = $instagram; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $item): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <div class="col-md-3" data-aos="fade-up" data-aos-delay="<?php echo e($loop->index * 300); ?>">
                        <div class="instawrap">
                            <img src="<?php echo e($item->getFirstMediaUrl('instagram_image') ?? asset('front/images/default-image.jpg')); ?>" class="img-fluid" alt="Instagram Image">
                            <div class="insta-cntnt">
                                <a href="<?php echo e($item->link); ?>" target="_blank"><i class="fab fa-instagram"></i></a>
                            </div>
                        </div>
                    </div>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>
    </section>



    <section class="testimonial-seciton">
        <div class="container">
            <h2 class="mainHead text-center" data-aos="fade-up"><?php echo e($testimonial_section_heading); ?></h2>
            <div class="row">
                <div class="col-md-12" data-aos="fade-up">
                    <div class="swiper reviewSlider">
                        <div class="swiper-wrapper">
                            <?php $__currentLoopData = $testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                <div class="swiper-slide">
                                    <div class="reviewMain">
                                        <figure>
                                            <img src="<?php echo e(asset('front/images/testi-img1.webp')); ?>" class="img-fluid" alt="">
                                        </figure>
                                        <p><?php echo e($testimonial->description); ?></p>
                                        <div class="reviewcntnt">
                                            <h2>
                                                <?php echo e($testimonial->heading); ?> <span><?php echo e($testimonial->state); ?>, <?php echo e($testimonial->created_at->diffForHumans()); ?></span>
                                            </h2>
                                            <ul class="star-review">
                                                <?php for($i = 0; $i < $testimonial->rating; $i++): ?>
                                                    <li><i class="fas fa-star"></i></li>
                                                <?php endfor; ?>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                        </div>
                        <div class="swiper-pagination"></div> <!-- Pagination Element -->
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>



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