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


    <!-- slider start  -->
    <section>
        <div class="container mt-3 d-lg-block d-none">
            <div class="cover-slick">
                <div class="col-12">
                    <a href="#">
                        <img class="col-12" src="<?php echo e(asset('images/banners/slider1.png')); ?>" alt="Banner">
                    </a>
                </div>
                <div class="col-12">
                    <a href="#">
                        <img class="col-12" src="<?php echo e(asset('images/banners/slider2.webp')); ?>" alt="Banner">
                    </a>
                </div>
                <div class="col-12">
                    <a href="#">
                        <img class="col-12" src="<?php echo e(asset('images/banners/slider3.webp')); ?>" alt="Banner">
                    </a>
                </div>
                <div class="col-12">
                    <a href="#">
                        <img class="col-12" src="<?php echo e(asset('images/banners/slider4.png')); ?>" alt="Banner">
                    </a>
                </div>
            </div>
        </div>
    </section>
    <!-- slider end  -->


    <section>
        <div class="container mt-3">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner">
                        <img src="<?php echo e(asset('images/others/banner.webp')); ?>" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner">
                        <img src="<?php echo e(asset('images/others/banner.webp')); ?>" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner">
                        <img src="<?php echo e(asset('images/others/banner.webp')); ?>" alt="" class="img-fluid">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner">
                        <img src="<?php echo e(asset('images/others/banner.webp')); ?>" alt="" class="img-fluid">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Product নতুন প্রকাশিত বই Slider Start  -->
    <section>
        <div class="container mt-3">
            <div class="slider-box">
                <div class="card p-4">
                    <h6 class="text-danger mb-0">নতুন প্রকাশিত বই</h6>
                </div>
                <div class="product-slider">
                    <?php $__currentLoopData = $books; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $book): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="product px-3 py-3">
                            <a href="<?php echo e(route('books.index',$book->id)); ?>" title="Nill Hati" class="text-decoration-none">
                                <div class="product_label" style="display: block !important;">
                                <span class="onsale text_lebel product_label" style="display: block !important; text-transform: unset; "> 45%
                                    <br>ছাড়
                                </span>
                                </div>
                                <div class="image">
                                    <img src="<?php echo e(asset('images/products/product.webp')); ?>" alt="">
                                </div>
                                <div class="text-area pt-2">
                                    <p class="book-title mb-2 p-0 bold-7 font-12 text-dark"><?php echo e($book->title); ?></p>
                                    <p class="book-author mb-2 p-0 font-14 text-secondary">
                                        <?php $__currentLoopData = $book->writers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $writer): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <?php echo e($writer->name); ?>

                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?></p>
                                    <p class="m-0 p-0 p-price"><del class="text-muted">TK.135 </del><span class="ps-2 text-danger">TK.116</span></p>
                                </div>
                            </a>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
            <div class="text-center">
                <button class="btn btn-warning">সকল নতুন প্রকাশিত বই</button>
            </div>
        </div>
    </section>
    <!-- Product নতুন প্রকাশিত বই Slider end-->

    <!-- Product প্রি-অর্ডারের বই Slider Start  -->
    <section>
        <div class="container mt-3">
            <div class="slider-box">
                <div class="card p-4">
                    <h6 class="text-danger mb-0">প্রি-অর্ডারের বই</h6>
                </div>
                <div class="product-slider">
                    <?php $__currentLoopData = $books; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $book): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="product px-3 py-3">
                            <a href="<?php echo e(route('books.index',$book->id)); ?>" title="Nill Hati" class="text-decoration-none">
                                <div class="product_label" style="display: block !important;">
                                <span class="onsale text_lebel product_label" style="display: block !important; text-transform: unset; "> 45%
                                    <br>ছাড়
                                </span>
                                </div>
                                <div class="image">
                                    <img src="<?php echo e(asset('images/products/product.webp')); ?>" alt="">
                                </div>
                                <div class="text-area pt-2">
                                    <p class="book-title mb-2 p-0 bold-7 font-12 text-dark"><?php echo e($book->title); ?></p>
                                    <p class="book-author mb-2 p-0 font-14 text-secondary">
                                        <?php $__currentLoopData = $book->writers; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $writer): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                            <?php echo e($writer->name); ?>

                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?></p>
                                    <p class="m-0 p-0 p-price"><del class="text-muted">TK.135 </del><span class="ps-2 text-danger">TK.116</span></p>
                                </div>
                            </a>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
            <div class="text-center">
                <button class="btn btn-warning">সকল প্রি-অর্ডারের বই</button>
            </div>
        </div>
    </section>
    <!-- Product প্রি-অর্ডারের বই Slider end-->
    <section>
        <div class="container mt-3">
            <a href="#">
                <img src="<?php echo e(asset('images/category/break-banner_al-quran_desktop.webp')); ?>" alt="" class="col-12">
            </a>
        </div>
    </section>

    <!-- Product বইমেলা ২০২৪ বেষ্টসেলার বই Slider start-->
    
    <!-- Product বইমেলা ২০২৪ বেষ্টসেলার বই Slider end-->

    <section>
        <div class="container mt-3">
            <a href="#">
                <img src="<?php echo e(asset('images/category/mone-mone-prodhanmontridesktop-break-banner-min-1.webp')); ?>" alt="" class="col-12">
            </a>
        </div>
    </section>

    <!-- Product সমকালীন প্রকাশন এর সকল বইয়ে 35% ছাড় Slider Start  -->
    
    <!-- Product সমকালীন প্রকাশন এর সকল বইয়ে 35% ছাড় Slider end-->

    <!-- Product সিয়াম, রমযান, তারাবীহ ও ঈদ Slider Start  -->
    
    <!-- Product সিয়াম, রমযান, তারাবীহ ও ঈদ Slider end-->

    

    <!-- Product অন্যান্য পণ্য Slider Start  -->
    
    <!-- Product অন্যান্য পণ্য Slider end  -->

    <!-- Product জনপ্রিয় লেখক Slider Start  -->
    
    <!-- Product জনপ্রিয় লেখক Slider end  -->

    <!-- Product জনপ্রিয় প্রকাশক Slider Start  -->
    
    <!-- Product জনপ্রিয় প্রকাশক Slider end  -->

    

    <!-- Product প্যাকেজ সমূহ Slider Start  -->
    
    <!-- Product প্যাকেজ সমূহ Slider end-->

    <section>
        <div class="container mt-3" >
            <div class="row">
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
                <div class="col-lg-2 mb-3">
                    <div class="text-center hover">
                        <button class="btn btn-outline col-12" style="border: 1px solid black; padding: 10px 30px 10px 30px;">আল কুরআন </button>
                    </div>
                </div>
            </div>

        </div>
    </section>

    <!-- Product ইবাদত, আত্মশুদ্ধি ও অনুপ্রেরণা Slider Start  -->
    
    <!-- Product ইবাদত, আত্মশুদ্ধি ও অনুপ্রেরণা Slider end-->
    

    <!-- Product ঈমান আক্বিদা ও বিশ্বাস Slider Start  -->
    
    <!-- Product ঈমান আক্বিদা ও বিশ্বাস Slider end-->

    <!-- Product সীরাতে রাসূল (সা.) Slider Start  -->
    
    <!-- Product সীরাতে রাসূল (সা.) Slider end-->

    <!-- Product ইসলামি পণ্য Slider Start  -->
    
    <!-- Product ইসলামি পণ্য Slider end  -->

    <section>
        <div class="container mt-3">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner2">
                        <a href="#">
                            <img src="<?php echo e(asset('images/category/ft/over-discount-publication-min.webp')); ?>" alt="" class="img-fluid" style="border-radius: 20px;">
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner2">
                        <a href="#">
                            <img src="<?php echo e(asset('images/category/ft/discount-books-min.webp')); ?>" alt="" class="img-fluid" style="border-radius: 20px;">
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner2">
                        <a href="#">
                            <img src="<?php echo e(asset('images/category/ft/book-suggestion-min-1.webp')); ?>" alt="" class="img-fluid" style="border-radius: 20px;">
                        </a>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-6 mb-3">
                    <div class="banner2">
                        <a href="#">
                            <img src="<?php echo e(asset('images/category/ft/babuder-boiyer-vubon.webp')); ?>" alt="" class="img-fluid" style="border-radius: 20px;">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/0__Project/softitglobal-ebook/resources/views/home.blade.php ENDPATH**/ ?>