 <?php $__env->startSection('title', 'Home'); ?> <?php $__env->startPush('seo'); ?>
<meta name="app-url" content="" />
<meta name="robots" content="index, follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />

<!-- Open Graph data -->
<meta property="og:title" content="" />
<meta property="og:type" content="website" />
<meta property="og:url" content="" />
<meta property="og:image" content="<?php echo e(asset($generalsetting->white_logo)); ?>" />
<meta property="og:description" content="" />
<?php $__env->stopPush(); ?> <?php $__env->startPush('css'); ?>
<link rel="stylesheet" href="<?php echo e(asset('public/frontEnd/css/owl.carousel.min.css')); ?>" />
<link rel="stylesheet" href="<?php echo e(asset('public/frontEnd/css/owl.theme.default.min.css')); ?>" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.css" rel="stylesheet" />

 <style>
    .feature-box {
      border: 1px dashed #ccc;
      padding: 30px 10px;
      text-align: center;
      transition: all 0.3s ease;
    }
    .feature-box img {
      max-width: 50px;
      margin-bottom: 15px;
    }
    .feature-box:hover {
      background-color: #f8f9fa;
    }
    .border-dashed {
  border-style: dashed !important;
}

.custom-section-title {
  border-bottom: 2px solid #e1e1e1;
  position: relative;
}

.custom-section-title .title {
  position: relative;
  text-transform:uppercase;
  font-weight: 700;
  font-size: 20px;
  padding-bottom: 8px;
}

.custom-section-title .title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100px;
  height: 4px;
  background-color: #614e38; /* golden-brown underline */
  z-index: 2;
}

.view-all {
  font-size: 14px;
  color: #999;
  text-decoration: none;
}

.view-all:hover {
  text-decoration: underline;
  color: #333;
}

.custom-section-title-center {
  border-bottom: 3px solid #e1e1e1;
  position: relative;
}

.custom-section-title-center .title-center {
  position: relative;
  text-transform:uppercase;
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 8px;
}

.custom-section-title-center .title-center::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2px;
  width: 130px;
  height: 4px;
  background-color: #614e38;
  z-index: 2;
}
  </style>
<?php $__env->stopPush(); ?> <?php $__env->startSection('content'); ?>
             
<section class="slider-section mt-5">
    <div class="container-fluid">
        <div class="row">
     




































   
            <div class="col-sm-12 p-0 m-0">
                <div class="home-slider-container">
                    <div class="main_slider owl-carousel">
                        <?php $__currentLoopData = $sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <div class="slider-item">
                                <img src="<?php echo e(asset($value->image)); ?>" alt="" />
                            </div>
                            <!-- slider item -->
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- slider end -->

<?php if($sliderbottomads->count()>0): ?> 
    <?php $__currentLoopData = $sliderbottomads; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $sliderbottomad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<section class="homeproduct d-flex justify-content-center">
     <img src="<?php echo e($sliderbottomad->image); ?>" class="text-center img-fluid" />
</section>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>




<section class="homeproduct">
    <div class="container">
        <div class="row text-center">
            <div class="col-12">
              <div class="custom-section-title-center text-center position-relative mb-4">
                <h3 class="title-center m-0 d-inline-block"> Top Categories</h3>
              </div>
            </div>
            
            <?php
                $menucategories1 = $menucategories->first();
                $menucategories2 = $menucategories->slice(1);
            ?>
           
                 <div class="col-12 col-lg-3 py-2 mb-2">
                    <a href="<?php echo e(route('category', $menucategories1->slug)); ?>">
                      <img src="https://glamtouch.com.bd/public/storage/images/banner/ouP27HGe9FQ4LkxKLwIX0nciA70xxHgGsBf9z8Mv.jpg" class="" style="" alt="" />
                    </a>
                  </div>

                <div class="col-12 col-lg-9 my-2 px-2">
                  <!-- Wrapper for horizontal scroll on small devices -->
                  <div class="categiry-slider owl-carousel d-flex d-lg-none overflow-auto">
                    <?php $__currentLoopData = $menucategories2->take(6); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <div class="loved-category text-center me-2 flex-shrink-0 item">
                        <a href="<?php echo e(route('category', $value->slug)); ?>">
                          <img src="<?php echo e(asset($value->image)); ?>" alt="" style="width: 100%; height: auto;" />
                        </a>
                      </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  </div>
                
                  <!-- Grid layout for large screens -->
                  <div class="row text-center d-none d-lg-flex">
                    <?php $__currentLoopData = $menucategories2->take(6); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                      <div class="col-6 col-md-4 col-lg-4 loved-category text-center">
                        <a href="<?php echo e(route('category', $value->slug)); ?>">
                          <img src="<?php echo e(asset($value->image)); ?>" alt="" style="max-width: 99%; height: 97%;" />
                        </a>
                      </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                  </div>
                </div>

        </div>
    </div>
</section>


<section class="homeproduct">
    <div class="container">
        <div class="row">
            <div class="col-12">
              <div class="custom-section-title-center text-center position-relative mb-4">
                <h3 class="title-center m-0 d-inline-block">Hot Deal</h3>
              </div>
            </div>
           
            <div class="col-sm-12">
                <div class="product_slider owl-carousel">
                    <?php $__currentLoopData = $hotdeal_top; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                     <?php
                       $slider = App\Models\Productimage::where('product_id', $value->id)->latest()->first();
                        $slider_img = $slider ? $slider->image : '';
                     ?>
                        <div class="product_item wist_item">
                            <div class="product_item_inner">
                               
                                <div class="pro_img">
                                    <a href="<?php echo e(route('product', $value->slug)); ?>">
                                      <img src="<?php echo e(asset($value->image ? $value->image->image : '')); ?>" alt="<?php echo e($value->name); ?>" data-hover="<?php echo e(asset($slider_img)); ?>"class="hover-change" />
                                    </a>
                                </div>
                                <div class="pro_des">
                                    <div class="pro_name">
                                        <a
                                            href="<?php echo e(route('product', $value->slug)); ?>"><?php echo e(Str::limit($value->name, 80)); ?></a>
                                    </div>
                                    <div class="pro_price">
                                        <p>
                                            <?php if($value->old_price): ?>
                                             <del>৳ <?php echo e($value->old_price); ?></del>
                                            <?php endif; ?>
                                            ৳ <?php echo e($value->new_price); ?> 
                                           
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <?php if(!$value->prosizes->isEmpty() || !$value->procolors->isEmpty()): ?>
                                <div class="pro_btn">
                                   
                                    <div class="cart_btn order_button">
                                        <a href="<?php echo e(route('product', $value->slug)); ?>"
                                            class="addcartbutton">Order Now </a>
                                    </div>
                                </div>
                            <?php else: ?>
                                <div class="pro_btn">
                                    <form action="<?php echo e(route('cart.store')); ?>" method="POST">
                                        <?php echo csrf_field(); ?>
                                        <input type="hidden" name="id" value="<?php echo e($value->id); ?>" />
                                        <input type="hidden" name="qty" value="1" />
                                        <button type="submit">Order Now</button>
                                    </form>
                                </div>
                            <?php endif; ?>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>
           
        </div>
    </div>
</section>

<?php $__currentLoopData = $homeproducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $homecat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
    <section class="homeproduct">
        <div class="container">
             <div class="my-2">
                <?php if(isset($homecat->banner_img)): ?>
                    <img src="<?php echo e(asset($homecat->banner_img)); ?>" class="text-center img" />
                <?php endif; ?>
            </div> 
        
            <div class="row">
               <div class="col-12">
                  <div class="custom-section-title position-relative d-flex justify-content-between align-items-end mb-4">
                    <h3 class="title m-0"><?php echo e($homecat->name); ?></h3>
                    <a href="<?php echo e(route('category', $homecat->slug)); ?>" class="view-all">View All</a>
                  </div>
                </div>

               <div class="col-sm-12">
                    <div class="product_sliders">
                        <?php $__currentLoopData = $homecat->products; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $value): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <?php
                         $slider = App\Models\Productimage::where('product_id', $value->id)->latest()->first();
                        $slider_img = $slider ? $slider->image : '';
                        ?>
                           <div class="product_item wist_item">
                            <div class="product_item_inner">
                                
                                <div class="pro_img">
                                    <a href="<?php echo e(route('product', $value->slug)); ?>">
                                       <img src="<?php echo e(asset($value->image ? $value->image->image : '')); ?>" alt="<?php echo e($value->name); ?>" data-hover="<?php echo e(asset($slider_img)); ?>"class="hover-change" />
                                    </a>
                                </div>
                                <div class="pro_des">
                                    <div class="pro_name">
                                        <a href="<?php echo e(route('product', $value->slug)); ?>"><?php echo e(Str::limit($value->name, 80)); ?></a>
                                    </div>
                                    <div class="pro_price">
                                        <p>
                                            <?php if($value->old_price): ?>
                                             <del>৳ <?php echo e($value->old_price); ?></del>
                                            <?php endif; ?>

                                            ৳ <?php echo e($value->new_price); ?> 
                                           
                                        </p>
                                    </div>
                                </div>
                            </div>

                            <?php if(!$value->prosizes->isEmpty() || !$value->procolors->isEmpty()): ?>
                                <div class="pro_btn">
                                   
                                    <div class="cart_btn order_button">
                                        <a href="<?php echo e(route('product', $value->slug)); ?>"
                                            class="addcartbutton">Order Now </a>
                                    </div>
                                </div>
                            <?php else: ?>
                                <div class="pro_btn">
                                    
                                    <form action="<?php echo e(route('cart.store')); ?>" method="POST">
                                        <?php echo csrf_field(); ?>
                                        <input type="hidden" name="id" value="<?php echo e($value->id); ?>" />
                                        <input type="hidden" name="qty" value="1" />
                                        <button type="submit">Order Now</button>
                                    </form>
                                </div>
                            <?php endif; ?>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </div>
                <div class="col-sm-12">
                    
                </div>
            </div>
        </div>
    </section>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>

<div class="container my-5">
  <div class="row text-center">
    <div class="col-6 col-lg-3 col-md-3 mb-2">
      <div class="feature-box  border-secondary-subtle border-dashed rounded-3 h-100">
        <img src="<?php echo e(asset('public/frontEnd/images/delivery-car.png')); ?>" alt="Shipping" class="img-fluid mb-3" style="max-width: 50px;">
        <div class="fw-medium">FASTEST SHIPPING COUNTRYWIDE</div>
      </div>
    </div>

    <div class="col-6 col-lg-3 col-md-3 mb-2">
      <div class="feature-box   border-secondary-subtle border-dashed rounded-3 h-100">
        <img src="<?php echo e(asset('public/frontEnd/images/return-box.png')); ?>" alt="Return Policy" class="img-fluid mb-3" style="max-width: 50px;">
        <div class="fw-medium">EASY RETURN POLICY</div>
      </div>
    </div>

    <div class="col-6 col-lg-3 col-md-3 mb-2">
      <div class="feature-box   border-secondary-subtle border-dashed rounded-3 h-100">
        <img src="<?php echo e(asset('public/frontEnd/images/online-support.png')); ?>" alt="Support" class="img-fluid mb-3" style="max-width: 50px;">
        <div class="fw-medium">ONLINE SUPPORT 24/7</div>
      </div>
    </div>

    <div class="col-6 col-lg-3 col-md-3 mb-2">
      <div class="feature-box   border-secondary-subtle border-dashed rounded-3 h-100">
        <img src="<?php echo e(asset('public/frontEnd/images/design.png')); ?>" alt="New Design" class="img-fluid mb-3" style="max-width: 50px;">
        <div class="fw-medium">WEEKLY NEW DESIGN</div>
      </div>
    </div>

  </div>
</div>
             
<?php $__env->stopSection(); ?> <?php $__env->startPush('script'); ?>
<script src="<?php echo e(asset('public/frontEnd/js/owl.carousel.min.js')); ?>"></script>
<script src="<?php echo e(asset('public/frontEnd/js/jquery.syotimer.min.js')); ?>"></script>

<script>
    $(document).ready(function() {
        $(".main_slider").owlCarousel({
            items: 1,
            loop: true,
            dots: false,
            autoplay: true,
            nav: true,
            autoplayHoverPause: false,
            margin: 0,
            mouseDrag: true,
            smartSpeed: 1500,
            autoplayTimeout: 3000, 

            navText: ["<i class='fa-solid fa-angle-left'></i>",
                "<i class='fa-solid fa-angle-right'></i>"
            ],
        });
    });
</script>
<script>
    $(document).ready(function() {
        $(".hotdeals-slider").owlCarousel({
            margin: 15,
            loop: true,
            dots: false,
            autoplay: true,
            autoplayTimeout: 6000,
            autoplayHoverPause: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 3,
                    nav: true,
                },
                600: {
                    items: 3,
                    nav: false,
                },
                1000: {
                    items: 6,
                    nav: true,
                    loop: false,
                },
            },
        });
    });
</script>
<script>
    $(document).ready(function() {
        $(".category-slider").owlCarousel({
            margin: 15,
            loop: true,
            dots: false,
            autoplay: true,
            autoplayTimeout: 6000,
            autoplayHoverPause: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 5,
                    nav: true,
                },
                600: {
                    items: 3,
                    nav: false,
                },
                1000: {
                    items: 8,
                    nav: true,
                    loop: false,
                },
            },
        });
        
         $(".categiry-slider").owlCarousel({
            margin: 7,
            items: 6,
            loop: true,
            dots: false,
            autoplay: true,
            autoplayTimeout: 6000,
            autoplayHoverPause: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 2,
                    nav: false,
                },
                600: {
                    items: 5,
                    nav: false,
                },
                1000: {
                    items: 6,
                    nav: false,
                },
            },
        });

        $(".product_slider").owlCarousel({
            margin: 15,
            items: 6,
            loop: true,
            dots: false,
            autoplay: true,
            autoplayTimeout: 6000,
            autoplayHoverPause: true,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 2,
                    nav: false,
                },
                600: {
                    items: 4,
                    nav: false,
                },
                1000: {
                    items: 4,
                    nav: false,
                },
            },
        });
    });
</script>

<script>
    $("#simple_timer").syotimer({
        date: new Date(2015, 0, 1),
        layout: "hms",
        doubleNumbers: false,
        effectType: "opacity",

        periodUnit: "d",
        periodic: true,
        periodInterval: 1,
    });
</script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('frontEnd.layouts.master', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/wpjehara/rankkingbd.wpjeharan.com/resources/views/frontEnd/layouts/pages/index.blade.php ENDPATH**/ ?>