<div>
      <style>
         /* Prevent layout shift during image loading */
         .card-product_wrapper {
            position: relative;
            min-height: 300px;
         }
         
         .card-product_wrapper .product-img {
            display: block;
         }
         
         .card-product_wrapper img {
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
         }
         
         .card-product_wrapper img.loaded,
         .card-product_wrapper img[src] {
            opacity: 1;
         }
         
         /* Slider image optimization */
         .sld_image {
            position: relative;
            background: #f5f5f5;
         }
         
         .slider-img {
            display: block;
            width: 100%;
            height: auto;
            opacity: 0;
            transition: opacity 0.4s ease-in-out;
         }
         
         .slider-img.loaded,
         .slider-img[src] {
            opacity: 1;
         }
         
         /* Responsive slider heights */
         @media (max-width: 375px) {
            .slider-img {
               height: 250px;
               object-fit: cover;
            }
         }
         
         @media (min-width: 376px) and (max-width: 576px) {
            .slider-img {
               height: 300px;
               object-fit: cover;
            }
         }
         
         @media (min-width: 577px) and (max-width: 768px) {
            .slider-img {
               height: 400px;
               object-fit: cover;
            }
         }
         
         @media (min-width: 769px) and (max-width: 992px) {
            .slider-img {
               height: 500px;
               object-fit: cover;
            }
         }
         
         @media (min-width: 993px) and (max-width: 1200px) {
            .slider-img {
               height: 560px;
               object-fit: cover;
            }
         }
         
         @media (min-width: 1201px) {
            .slider-img {
               height: 600px;
               object-fit: cover;
            }
         }
         
         @media (min-width: 1600px) {
            .slider-img {
               height: 640px;
               object-fit: cover;
            }
         }
      </style>
      
      <!-- Slide Show -->
      <div class="tf-slideshow tf-btn-swiper-main hover-sw-nav">
         <div dir="ltr" class="swiper tf-swiper sw-slide-show slider_effect_fade" data-auto="true" data-loop="true"
               data-effect="fade" data-delay="3000">
               <div class="swiper-wrapper">
                  <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $this->sliders; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $slider): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                  <!-- Slider Item <?php echo e($loop->iteration); ?> -->
                  <div class="swiper-slide">
                     <div class="slider-wrap">
                           <div class="sld_image">
                              <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($slider->image): ?>
                              <img class="slider-img" 
                                   src="<?php echo e(url('/storage/' . $slider->image)); ?>"
                                   alt="<?php echo e($slider->title ?? 'Slider'); ?>">
                              <?php else: ?>
                              <img class="slider-img" 
                                   src="<?php echo e(url('/')); ?>/assets/images/slider/slider-placeholder.jpg"
                                   alt="<?php echo e($slider->title ?? 'Slider'); ?>">
                              <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                           </div>
                     </div>
                  </div>
                  <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
               </div>
               <div class="sw-dot-default style-white tf-sw-pagination"></div>
         </div>

         <div class="group-btn">
               <div class="tf-sw-nav style-2 nav-prev-swiper">
                  <i class="icon icon-caret-left"></i>
               </div>
               <div class="tf-sw-nav style-2 nav-next-swiper">
                  <i class="icon icon-caret-right"></i>
               </div>
         </div>
      </div>
      <!-- /Slide Show -->
      <!-- Category -->
      <section class="section-category flat-spacing-2 bg-surface">
         <div class="container-full" style="margin-top: 60px;">
               <h2 class="sect-head text-center text-primary wow fadeInUp">
                  Our Software Services
               </h2>
               <div dir="ltr" class="swiper tf-swiper wow fadeInUp" data-preview="5" data-tablet="4" data-mobile-sm="3"
                  data-mobile="2" data-space-lg="20" data-space-md="20" data-space="12" data-pagination="2"
                  data-pagination-sm="3" data-pagination-md="4" data-pagination-lg="5">
                  <div class="swiper-wrapper">
                     <!-- slide 1 -->
                     <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $this->services; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $service): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="swiper-slide">
                              <a href="<?php echo e(route('services.category', $service->slug)); ?>" class="category-v01">
                                 <div class="cate-image">
                                    <img loading="lazy" width="280" height="280" src="<?php echo e(url('/')); ?>/storage/<?php echo e($service->image); ?>"
                                          alt="Image">
                                 </div>
                                 <div class="cate-info">
                                    <p class="name-product lh-28 fw-medium link-underline text-primary" style="font-size: 18px;"><?php echo e($service->name); ?></p>
                                 </div>
                              </a>
                        </div>
                     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                  </div>
                  <div class="sw-dot-default style-small tf-sw-pagination"></div>
               </div>
         </div>
      </section>
      <!-- /Category -->
      <!-- /Products Categories -->
      <section class="section-best-seller flat-spacing flat-animate-tab">
         <div class="container">
               <h2 class="s-title text-primary mb-20 text-center wow fadeInUp">Our Products we offer</h2>
               <div class="tab-content">
                  <div class="tab-pane active show" id="vegetables" role="tabpanel">
                     <div class="swiper tf-swiper" data-preview="4" data-tablet="3" data-mobile-sm="2"
                           data-mobile="2" data-space-lg="30" data-space-md="15" data-space="10" data-pagination="2"
                           data-pagination-sm="2" data-pagination-md="3" data-pagination-lg="4" data-grid="2">
                           <div class="swiper-wrapper">
                              <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $this->featuredCategories; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $category): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                              <div class="swiper-slide">
                                 <div class="card-product wow fadeInUp">
                                       <div class="card-product_wrapper">
                                          <a href="<?php echo e(url('/products?category[]=' . $category->id)); ?>" class="product-img">
                                             <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($category->image): ?>
                                                <img class="img-product" width="300" height="300" 
                                                     src="<?php echo e(url('/storage/' . $category->image)); ?>" 
                                                     alt="<?php echo e($category->name); ?>">
                                             <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                          </a>
                                       </div>
                                       <div class="card-product_info">
                                          <div class="product_info_wrap">
                                             <a href="<?php echo e(url('/products?category[]=' . $category->id)); ?>"
                                                   class="name-product lh-28 fw-medium link-underline text-primary">
                                                   <?php echo e($category->name); ?>

                                             </a>
                                          </div>
                                       </div>
                                 </div>
                              </div>
                              <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                           </div>
                           <div class="sw-dot-default style-small tf-sw-pagination d-xl-none"></div>
                     </div>
                  </div>
               </div>
         </div>
      </section>

      <!-- About Us -->
      <section class="bg-surface flat-spacing flat-animate-tab position-relative overflow-hidden">
         <div class="container">
               <div class="tab-content">
                  <div class="tab-pane active show" id="organic" role="tabpanel">
                     <div class="wg-service-enhanced">
                           <div class="row g-0 align-items-center">
                              <!-- Image Column -->
                              <div class="col-lg-6 order-lg-2">
                                 <div class="image-wrapper position-relative">
                                       <img loading="lazy" width="615" height="484" 
                                          src="<?php echo e(url('/')); ?>/storage/<?php echo e($this->page->thumbnail); ?>"
                                          alt="<?php echo e($this->company->name); ?>" 
                                          class="img-fluid rounded-end">
                                 </div>
                              </div>
                              
                              <!-- Content Column -->
                              <div class="col-lg-6 order-lg-1">
                                 <div class="content-wrapper">                                       
                                       <h3 class="title text-primary mb-2 wow fadeInUp">
                                          <?php echo e($this->company->name); ?>

                                       </h3>
                                       
                                       <div class="description text-body-large mb-4 wow fadeInUp" data-wow-delay="0.1s">
                                          <?php echo $this->page->summary; ?>

                                       </div>
                                       
                                       
                                       
                                       <a href="<?php echo e(url('/')); ?>/about-us" 
                                          class="tf-btn style-btn-fill-primary animate-btn fw-semibold wow fadeInUp" 
                                          data-wow-delay="0.3s">
                                          Explore More
                                          <span class="ic-wrap ms-2">
                                             <i class="icon icon-ArrowUpRight"></i>
                                          </span>
                                       </a>
                                 </div>
                              </div>
                           </div>
                     </div>
                  </div>
               </div>
         </div>
         
         <!-- Decorative Elements -->
         <div class="decoration-circle decoration-circle-1"></div>
         <div class="decoration-circle decoration-circle-2"></div>
      </section>
      <!-- /About Us -->

      <!-- Products -->
      <section class="flat-spacing pt-60">
         <div class="container">
               <div class="sect-head type-2 mb-30 wow fadeInUp">
                  <h4 class="s-title text-primary">
                     Special Offers
                  </h4>
                  <a href="<?php echo e(url('/products')); ?>" class="tf-btn-line pb-0">
                     View All Products
                  </a>
               </div>
               <div class="swiper tf-swiper wow fadeInUp" data-preview="5" data-tablet="3" data-mobile-sm="2"
                  data-mobile="2" data-space-lg="20" data-space-md="10" data-space="10" data-pagination="2"
                  data-pagination-sm="2" data-pagination-md="3" data-pagination-lg="5">
                     <div class="swiper-wrapper">
                        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $this->featuredProducts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $product): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <div class="swiper-slide">
                           <div class="card-product wow fadeInUp">
                                 <div class="card-product_wrapper">
                                    <a href="<?php echo e(url('/products/' . $product->slug)); ?>" class="product-img">
                                       <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->image): ?>
                                          <img class="img-product" width="300" height="300"
                                                src="<?php echo e(url('/storage/' . $product->image)); ?>" 
                                                alt="<?php echo e($product->name); ?>">
                                       <?php else: ?>
                                          <img class="img-product" width="300" height="300"
                                                src="<?php echo e(url('/')); ?>/assets/images/product/product-placeholder.jpg" 
                                                alt="<?php echo e($product->title); ?>">
                                       <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                                    </a>
                                 </div>
                                 <div class="card-product_info">
                                    <div class="product_info_wrap">
                                       <a href="<?php echo e(url('/products/' . $product->slug)); ?>"
                                             class="name-product lh-28 fw-medium link-underline text-primary">
                                             <?php echo e(Str::upper($product->title)); ?>

                                       </a>
                                    </div>
                                 </div>
                           </div>
                        </div>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                     </div>
                     <div class="sw-dot-default style-small tf-sw-pagination d-xl-none"></div>
               </div>
         </div>
      </section>
      <!-- /Products -->
   
      <!-- Testimonial -->
      <section class="flat-spacing bg-surface">
         <div class="container">
               <div class="sect-head text-center wow fadeInUp">
                  <h2 class="s-title mb-16 text-primary">
                     Client Says!
                  </h2>
                  <p class="s-desc text-body-large">
                     Honest opinions from satisfied customers.
                  </p>
               </div>

               <div class="swiper tf-swiper" data-preview="3" data-tablet="3" data-mobile-sm="2" data-mobile="1"
                  data-space-lg="30" data-space-md="15" data-space="10" data-pagination="1" data-pagination-sm="2"
                  data-pagination-md="3" data-pagination-lg="3">
                  <div class="swiper-wrapper">
                     <!-- item 1 -->
                     <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $this->testimonials; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $testimonial): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                     <div class="swiper-slide">
                           <div class="testimonial-v02 wow fadeInUp">
                              <p class="tes-text text-primary">
                                 <?php echo $testimonial->testimonial; ?>

                              </p>
                              <div class="tes-author">
                                 <p class="author_name text-caption-01 fw-medium text-primary">
                                    <?php echo e($testimonial->client_name); ?>

                                 </p>
                                 <div class="br-line"></div>
                                 <p class="author_duty text-caption-01">
                                    <?php echo e($testimonial->client_position); ?>

                                 </p>
                              </div>
                           </div>
                     </div>
                     <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
                  </div>
                  <div class="sw-dot-default tf-sw-pagination"></div>
               </div>
         </div>
      </section>
      <!-- /Testimonial -->
      
      <script>
         // Mark images as loaded when they finish loading
         document.addEventListener('DOMContentLoaded', function() {
            const images = document.querySelectorAll('.slider-img, .img-product');
            images.forEach(function(img) {
               if (img.complete) {
                  img.classList.add('loaded');
               } else {
                  img.addEventListener('load', function() {
                     this.classList.add('loaded');
                  });
               }
            });
         });
      </script>
</div><?php /**PATH C:\2026\2.February\BLEYS\resources\views/livewire/home.blade.php ENDPATH**/ ?>