full

template-parts/la-components/blocks/hero-block/hero-block.php

@@ -42,19 +42,20 @@ if (!empty($slider_data) && is_array($slider_data)) {
 }
 
 $room = get_current_room();
-$base_classes = 'hero-block pb-[30px] pt-[14px]';
 
 if ($room === 'fitness') {
-    $section_classes = $base_classes . 'radient-bg';
+    $section_classes = 'radient-bg';
     $style_attr = '';
 } else {
-    $section_classes = $base_classes . ' bg-cover bg-center bg-no-repeat';
-    $bg_image = get_template_directory_uri() . '/assets/images/hero-bg.png';
-    $style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
+    $section_classes = 'bg-cover bg-center bg-no-repeat';
+    $bg_image = 'data:image/webp;base64,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
Line truncated
+
+    $style_attr = 'style="background-image: url(' . esc_attr($bg_image) . ')"';
 }
+
 ?>
 
-<section class="pt-[161px] dark:text-[#f8f8f8] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
+<section class="pt-[161px] dark:text-[#f8f8f8] hero-block pb-[30px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
 
     <div class="container mx-auto">
     <div class="flex justify-between gap-[24px] ">
@@ -100,7 +101,7 @@ if ($room === 'fitness') {
                     <?php foreach ($slides as $index => $slide): ?>
                         <div class="swiper-slide [&>_img]:max-w-none">
                             <?php if (!empty($slide['img'])): ?>
-                                <img src="<?php echo esc_url($slide['img']); ?>" alt="<?php echo esc_attr($slide['title']); ?>">
+                                <img loading="lazy" src="<?php echo esc_url($slide['img']); ?>" alt="<?php echo esc_attr($slide['title']); ?>">
                             <?php endif; ?>
                         </div>
                     <?php endforeach; ?>
@@ -153,7 +154,6 @@ if ($room === 'fitness') {
 
         for (let selector of selectors) {
             swiperContainer = document.querySelector(selector);
-            console.log(`🔍 Checking selector "${selector}":`, swiperContainer);
             if (swiperContainer) break;
         }