Сайт Fakel Gym
https://fakelgym.cp.good-production.xyz/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
711 lines
61 KiB
711 lines
61 KiB
<?php
|
|
wp_enqueue_style(
|
|
'glightbox-css',
|
|
'https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/css/glightbox.min.css',
|
|
[],
|
|
'3.2.0'
|
|
);
|
|
|
|
wp_enqueue_script(
|
|
'glightbox-js',
|
|
'https://cdnjs.cloudflare.com/ajax/libs/glightbox/3.2.0/js/glightbox.min.js',
|
|
[],
|
|
'3.2.0',
|
|
true
|
|
);
|
|
get_header();
|
|
|
|
|
|
$training_name = '';
|
|
$training_short_desc = '';
|
|
$training_difficulty = '';
|
|
|
|
if (have_rows('short_info')) {
|
|
while (have_rows('short_info')) {
|
|
the_row();
|
|
$training_name = get_sub_field('name');
|
|
$training_short_desc = get_sub_field('short_desc');
|
|
$training_difficulty = get_sub_field('dificulty');
|
|
}
|
|
}
|
|
|
|
$training_full_desc = '';
|
|
$training_duration = '';
|
|
$what_happens_list = array();
|
|
$for_who_list = array();
|
|
|
|
if (have_rows('full_info')) {
|
|
while (have_rows('full_info')) {
|
|
the_row();
|
|
$training_full_desc = get_sub_field('full_desc');
|
|
$training_duration = get_sub_field('duration');
|
|
|
|
if (have_rows('what_happens')) {
|
|
while (have_rows('what_happens')) {
|
|
the_row();
|
|
$what_happens_list[] = get_sub_field('list_element');
|
|
}
|
|
}
|
|
|
|
if (have_rows('for_who')) {
|
|
while (have_rows('for_who')) {
|
|
the_row();
|
|
$for_who_list[] = get_sub_field('list_element');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
$training_photos = get_field('photo');
|
|
$training_trainers = get_field('trainers');
|
|
|
|
// Генерируем уникальный ID для галереи
|
|
$gallery_id = 'training-gallery-' . get_the_ID();
|
|
?>
|
|
|
|
|
|
<section class="max-[768px]:pt-[40px] container mx-auto pt-[90px]">
|
|
|
|
<div class="flex gap-[24px] flex-wrap justify-between">
|
|
<div class="flex max-[1300px]:!mx-auto" id="<?php echo esc_attr($gallery_id); ?>" data-gallery-id="<?php echo esc_attr($gallery_id); ?>">
|
|
<?php if ($training_photos && !empty($training_photos)): ?>
|
|
<div class="gallery-container">
|
|
<div class="max-[768px]:w-[327px] max-[1300px]:h-[360px] max-[1300px]:!mx-auto training-photos-swiper rounded-[20px] swiper !m-0 w-[500px] h-[500px] relative">
|
|
<div class="swiper-wrapper">
|
|
<?php foreach ($training_photos as $img_index => $photo): ?>
|
|
<div class="swiper-slide overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
|
<a href="<?php echo esc_url($photo['url']); ?>"
|
|
class="glightbox block w-full h-full"
|
|
data-gallery="training-gallery-<?php echo esc_attr(get_the_ID()); ?>">
|
|
<?php if ($img_index === 0) : ?>
|
|
<img src="<?php echo esc_url($photo['url']); ?>"
|
|
alt="<?php echo esc_attr($photo['alt']); ?>"
|
|
class="max-[1300px]:h-[360px] w-full h-[500px] object-cover"
|
|
fetchpriority="high"/>
|
|
<?php else : ?>
|
|
<img data-src="<?php echo esc_url($photo['url']); ?>"
|
|
alt="<?php echo esc_attr($photo['alt']); ?>"
|
|
class="max-[1300px]:h-[360px] w-full h-[500px] object-cover swiper-lazy"/>
|
|
<div class="swiper-lazy-preloader"></div>
|
|
<?php endif; ?>
|
|
</a>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<div class="training-swiper-pagination absolute flex items-center justify-center left-1/2 z-[2]"></div>
|
|
</div>
|
|
|
|
<div class="relative mt-[8px]">
|
|
<div class="max-[768px]:w-[327px] w-[500px] swiper thumbnail-swiper">
|
|
<div class="swiper-wrapper">
|
|
<?php foreach ($training_photos as $thumb_index => $photo): ?>
|
|
<?php if (isset($photo['url']) && $photo['url']) : ?>
|
|
<div class="max-[768px]:max-w-[60px] max-[768px]:!h-[40px] swiper-slide max-w-[95px] !h-[62px]">
|
|
<div class="thumbnail w-full h-full overflow-hidden cursor-pointer transition-opacity duration-[180ms] ease-in-out <?php echo $thumb_index === 0 ? 'active opacity-100' : 'opacity-50 hover:opacity-80'; ?>"
|
|
data-index="<?php echo $thumb_index; ?>">
|
|
<?php
|
|
$thumbnail_url = '';
|
|
if (isset($photo['sizes']['thumbnail'])) {
|
|
$thumbnail_url = $photo['sizes']['thumbnail'];
|
|
} elseif (isset($photo['url'])) {
|
|
$thumbnail_url = $photo['url'];
|
|
}
|
|
?>
|
|
<?php if ($thumbnail_url) : ?>
|
|
<img src="<?php echo esc_url($thumbnail_url); ?>"
|
|
alt="<?php echo esc_attr($photo['alt'] ?? ''); ?>"
|
|
class="w-full rounded-[6px] h-full object-cover"
|
|
width="102"
|
|
height="62">
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="max-[768px]:w-[327px] max-[1300px]:h-[360px] max-[1300px]:!mx-auto w-[500px] h-[500px] bg-gray-100 rounded-[20px] flex items-center justify-center">
|
|
<p class="text-gray-500">Изображения не загружены</p>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div class="relative max-[1300px]:max-w-full flex flex-col w-full max-w-[760px]">
|
|
<svg class="absolute right-0 top-0 max-[768px]:hidden" width="51" height="30" viewBox="0 0 51 30" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2307_11639)">
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M50.9996 0.730469C41.5932 23.8872 21.1929 11.5514 5.21289 17.1783C9.85961 4.19316 18.2463 1.81256 27.653 1.70435C34.6796 1.59614 44.5398 2.35361 50.9996 0.730469Z" fill="#E21E24" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.0202 17.5029C27.7669 35.2491 12.2401 25.4021 0 29.7305C6.3468 11.9843 20.8535 21.0738 35.0202 17.5029Z" fill="#E21E24" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2307_11639">
|
|
<rect width="51" height="29" fill="white" transform="translate(0 0.730469)" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<?php if ($training_name): ?>
|
|
<h1 class="max-[768px]:text-[24px] max-[1050px]:text-[30px] font-[700] text-[40px] leading-[120%]">
|
|
<?php echo esc_html($training_name); ?>
|
|
</h1>
|
|
<?php endif; ?>
|
|
|
|
<?php if ($training_short_desc): ?>
|
|
<div class="max-[768px]:text-[16px] font-[500] text-[20px] leading-[140%] mt-[16px]">
|
|
<?php echo wp_kses_post($training_short_desc); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div class="max-[768px]:items-start max-[768px]:max-w-full max-[768px]:flex-col flex gap-[12px] max-w-fit border-dashed border-t border-b border-[#e0e0e0] py-[14px] items-center mt-[24px]">
|
|
<?php if ($training_difficulty):
|
|
$difficulty_value = (int)$training_difficulty;
|
|
|
|
$difficulty_texts = [
|
|
1 => 'лёгкая', 2 => 'лёгкая',
|
|
3 => 'средняя', 4 => 'средняя',
|
|
5 => 'тяжелая'
|
|
];
|
|
|
|
$red_color = '#E21E24';
|
|
$gray_color = '#E0E0E0';
|
|
?>
|
|
|
|
<div class="gap-[12px] flex items-center">
|
|
<span class="max-[768px]:text-[16px] font-[600] text-[20px] leading-[115%] text-[#2b2c35]">Сложность:</span>
|
|
<div class="flex items-center gap-2">
|
|
<svg width="28" height="17" viewBox="0 0 28 17" fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<rect y="8" width="4" height="9" rx="1.33333"
|
|
fill="<?php echo ($difficulty_value >= 1) ? $red_color : $gray_color; ?>"/>
|
|
<rect x="6" y="5" width="4" height="12" rx="1.33333"
|
|
fill="<?php echo ($difficulty_value >= 2) ? $red_color : $gray_color; ?>"/>
|
|
<rect x="12" y="3" width="4" height="14" rx="1.33333"
|
|
fill="<?php echo ($difficulty_value >= 3) ? $red_color : $gray_color; ?>"/>
|
|
<rect x="18" y="2" width="4" height="15" rx="1.33333"
|
|
fill="<?php echo ($difficulty_value >= 4) ? $red_color : $gray_color; ?>"/>
|
|
<rect x="24" width="4" height="17" rx="1.33333"
|
|
fill="<?php echo ($difficulty_value >= 5) ? $red_color : $gray_color; ?>"/>
|
|
</svg>
|
|
<span class="max-[768px]:text-[16px] font-[500] text-[20px] leading-[140%]">
|
|
<?php echo esc_html($difficulty_texts[$difficulty_value] ?? 'неизвестная'); ?>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
<svg class="max-[768px]:hidden" width="7" height="14" viewBox="0 0 7 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 13.872L4.976 0H6.352L1.36 13.872H0Z" fill="#E0E0E0"/>
|
|
</svg>
|
|
|
|
<?php if ($training_duration): ?>
|
|
<div class="max-[768px]:text-[16px] font-[500] text-[20px] leading-[140%]">
|
|
<span class="max-[768px]:text-[16px] font-[600] text-[20px] leading-[115%] text-[#2b2c35]">Длительность:</span>
|
|
<?php echo esc_html($training_duration); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
|
|
<?php if ($training_full_desc): ?>
|
|
<h3 class="max-[768px]:text-[20px] font-[700] text-[24px] leading-[125%] mt-[24px]">Описание</h3>
|
|
<div class="max-[768px]:text-[16px] text-[20px] font-[500] leading-[140%] mt-[16px]">
|
|
<?php echo wp_kses_post($training_full_desc); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div class="mt-[24px]">
|
|
<button data-modal="test-training" class="max-[768px]:text-[16px] max-[768px]:max-w-full max-[768px]:h-[59px] cursor-pointer max-w-[410px] !no-underline transition red-gradient-hover gap-[12px] w-full rounded-[90px] flex items-center justify-center h-[75px]">
|
|
<span class="max-[768px]:text-[16px] font-[600] text-[18px] leading-[195%] text-[#f8f8f8]">Записаться на пробную тренировку</span>
|
|
<svg class="max-[768px]:hidden" width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M0 17.5C0 7.83502 7.83502 0 17.5 0C27.165 0 35 7.83502 35 17.5C35 27.165 27.165 35 17.5 35C7.83502 35 0 27.165 0 17.5Z"
|
|
fill="url(#paint0_linear_4064_4274)"></path>
|
|
<path d="M22.3612 11.7656C22.8445 11.7656 23.2366 12.1578 23.2366 12.641V20.5156C23.2366 20.9989 22.8445 21.391 22.3612 21.391C21.878 21.391 21.4858 20.9989 21.4858 20.5156V14.7544L13.258 22.9823C12.9163 23.324 12.3617 23.324 12.02 22.9823C11.6782 22.6406 11.6782 22.0859 12.02 21.7442L20.2478 13.5164H14.4866C14.0033 13.5164 13.6112 13.1243 13.6112 12.641C13.6112 12.1578 14.0033 11.7656 14.4866 11.7656H22.3612Z"
|
|
fill="#F8F8F8"></path>
|
|
<defs>
|
|
<linearGradient id="paint0_linear_4064_4274" x1="0" y1="17.5" x2="35" y2="17.5"
|
|
gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.443137" stop-color="#F8F8F8" stop-opacity="0.34"></stop>
|
|
<stop offset="0.929023" stop-color="white" stop-opacity="0.72"></stop>
|
|
</linearGradient>
|
|
</defs>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="max-[768px]:mt-[ mt-[64px] flex gap-[24px] justify-between flex-wrap">
|
|
<?php if (!empty($what_happens_list)): ?>
|
|
<div class="flex flex-col w-full max-w-[760px] p-[24px] bg-[#fff] rounded-[12px]">
|
|
<h3 class="font-[700] text-[24px] leading-[125%]">Что происходит на
|
|
тренировке</h3>
|
|
<ul class="mt-[24px] font-[600] text-[16px] leading-[145%] flex flex-col gap-[12px]">
|
|
<?php $counter = 1;
|
|
foreach ($what_happens_list as $what_happens_item): ?>
|
|
<?php if ($what_happens_item): ?>
|
|
<li class="flex items-center gap-[16px] text-[16px] font-[600] leading-[145%]">
|
|
<span class="rounded-[24px] inline-flex items-center justify-center min-w-[32px] w-[32px] h-[24px] bg-[linear-gradient(90deg,_#9d9994_39.42%,_#bbb7b1_92.9%)] text-white text-[12px]">
|
|
<?php echo sprintf('%02d', $counter); ?>
|
|
</span>
|
|
<?php echo wp_kses_post($what_happens_item); ?>
|
|
</li>
|
|
<?php $counter++; ?>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
<div class="max-[768px]:h-auto max-[768px]:py-[14px] mt-[24px] flex gap-[12px] items-center px-[20px] h-[51px] rounded-[12px] w-full bg-[linear-gradient(90deg,_rgba(255,_214,_90,_0.24)_39.42%,_rgba(255,_229,_149,_0.24)_92.9%)]">
|
|
<svg class="min-w-fit" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
d="M4 0.5C2.93913 0.5 1.92172 0.921427 1.17157 1.67157C0.421427 2.42172 0 3.43913 0 4.5V12.5C0 13.5609 0.421427 14.5783 1.17157 15.3284C1.92172 16.0786 2.93913 16.5 4 16.5H12C13.0609 16.5 14.0783 16.0786 14.8284 15.3284C15.5786 14.5783 16 13.5609 16 12.5V4.5C16 3.43913 15.5786 2.42172 14.8284 1.67157C14.0783 0.921427 13.0609 0.5 12 0.5H4ZM11.712 5.4856C11.8749 5.62143 11.9772 5.81638 11.9964 6.0276C12.0156 6.23882 11.9501 6.44903 11.8144 6.612L7.8144 11.412C7.74531 11.4948 7.66017 11.5629 7.56412 11.6119C7.46806 11.661 7.36307 11.6902 7.25546 11.6977C7.14785 11.7051 7.03983 11.6908 6.93792 11.6554C6.836 11.6201 6.74228 11.5645 6.6624 11.492L4.2624 9.3104C4.10832 9.16696 4.01698 8.96857 4.0082 8.75825C3.99941 8.54792 4.07388 8.3426 4.21546 8.18681C4.35704 8.03102 4.55431 7.93731 4.76452 7.92601C4.97473 7.9147 5.18092 7.9867 5.3384 8.1264L7.12 9.7464L10.5856 5.588C10.7214 5.4251 10.9164 5.32281 11.1276 5.30361C11.3388 5.28441 11.549 5.34987 11.712 5.4856Z"
|
|
fill="#E21E24"/>
|
|
</svg>
|
|
<span class="text-[16px] font-[600] leading-[145%]"> Всё проходит под руководством тренера, с демонстрацией и поддержкой.</span>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
|
|
<?php if (!empty($for_who_list)): ?>
|
|
<div class="flex flex-col w-full max-w-[536px] h-fit p-[24px] rounded-[12px] border border-[#e0e0e0] rounded-[12px]">
|
|
<h3 class="font-[700] text-[24px] leading-[125%]">Кому подойдёт</h3>
|
|
<ul class="mt-[26px] flex flex-col gap-[12px]">
|
|
<?php foreach ($for_who_list as $for_who_item): ?>
|
|
<?php if ($for_who_item): ?>
|
|
<li class="flex items-center gap-[16px] font-[600] text-[16px] leading-[145%]">
|
|
<svg class="min-w-fit" width="20" height="21" viewBox="0 0 20 21" fill="none"
|
|
xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2382_13653)">
|
|
<path d="M19.5654 9.60355C19.7579 9.41732 19.894 9.18064 19.9582 8.92062C20.0224 8.66061 20.012 8.38778 19.9283 8.13339C19.8465 7.87826 19.6944 7.65135 19.4896 7.47866C19.2847 7.30597 19.0354 7.1945 18.7701 7.15702L13.9275 6.45337C13.8259 6.43862 13.7294 6.39937 13.6464 6.33902C13.5634 6.27867 13.4963 6.19902 13.4509 6.10696L11.2859 1.71929C11.1682 1.47867 10.9852 1.27606 10.7577 1.13469C10.5302 0.993312 10.2674 0.918884 9.99957 0.919933C9.73178 0.918959 9.46914 0.993422 9.24171 1.13479C9.01429 1.27617 8.83127 1.47873 8.71363 1.71929L6.54823 6.10736C6.45612 6.29438 6.2775 6.42374 6.07126 6.45377L1.22864 7.15742C0.963355 7.1949 0.713995 7.30637 0.509148 7.47906C0.304302 7.65175 0.152261 7.87866 0.0704546 8.13379C-0.0132531 8.38819 -0.0236151 8.66101 0.0405555 8.92103C0.104726 9.18104 0.240834 9.41772 0.43329 9.60395L3.93709 13.0193C4.08647 13.165 4.15496 13.3749 4.11971 13.5799L3.29312 18.4025C3.25573 18.6074 3.26439 18.8181 3.31849 19.0192C3.37259 19.2204 3.47076 19.407 3.6059 19.5655C4.03281 20.0729 4.7781 20.2275 5.37402 19.9143L9.70482 17.6372C9.79609 17.5906 9.8971 17.5663 9.99957 17.5663C10.102 17.5663 10.2031 17.5906 10.2943 17.6372L14.6255 19.9143C14.8309 20.0239 15.06 20.0812 15.2927 20.0813C15.716 20.0813 16.1173 19.8931 16.3932 19.5655C16.5284 19.407 16.6266 19.2204 16.6807 19.0193C16.7348 18.8181 16.7434 18.6074 16.706 18.4025L15.879 13.5799C15.8617 13.4787 15.8693 13.3747 15.9011 13.277C15.9329 13.1794 15.988 13.0909 16.0616 13.0193L19.5654 9.60355Z"
|
|
fill="url(#paint0_linear_2382_13653)"/>
|
|
</g>
|
|
<defs>
|
|
<linearGradient id="paint0_linear_2382_13653" x1="-0.000976562" y1="10.5006"
|
|
x2="19.9997" y2="10.5006" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0.394231" stop-color="#FFD65A"/>
|
|
<stop offset="0.929023" stop-color="#FFE595"/>
|
|
</linearGradient>
|
|
<clipPath id="clip0_2382_13653">
|
|
<rect width="20" height="20" fill="white" transform="translate(0 0.5)"/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<?php echo wp_kses_post($for_who_item); ?>
|
|
</li>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</ul>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="max-[768px]:pt-[40px] mx-auto pt-[90px]">
|
|
<h2 class="max-[1050px]:text-[30px] max-[750px]:text-[24px] font-[500] text-[40px] leading-[120%] container mx-auto"><strong>Расписание</strong>
|
|
тренировок
|
|
</h2>
|
|
<div id="mf_schedule_widget_cont_au1"></div>
|
|
</section>
|
|
|
|
|
|
<?php
|
|
|
|
$section_id = 'trainers-section-' . uniqid();
|
|
|
|
$trainers_data = array();
|
|
if ($training_trainers) {
|
|
foreach ($training_trainers as $trainer) {
|
|
$trainer_info = array(
|
|
'post' => $trainer,
|
|
'name' => '',
|
|
'exp' => '',
|
|
'short_desc' => ''
|
|
);
|
|
|
|
if (have_rows('short_info', $trainer->ID)) {
|
|
while (have_rows('short_info', $trainer->ID)) {
|
|
the_row();
|
|
$trainer_info['name'] = get_sub_field('name');
|
|
$trainer_info['exp'] = get_sub_field('exp');
|
|
$trainer_info['short_desc'] = get_sub_field('short_desc');
|
|
}
|
|
}
|
|
|
|
$trainers_data[] = $trainer_info;
|
|
}
|
|
}
|
|
|
|
$room = get_current_room();
|
|
|
|
if ($room === 'fitness') {
|
|
$section_classes = 'radial-gradient';
|
|
$style_attr = '';
|
|
} else {
|
|
$section_classes = '';
|
|
}
|
|
|
|
?>
|
|
|
|
<section id="<?php echo esc_attr($section_id); ?>" class="max-[768px]:py-[40px] py-[90px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
|
<div class="container mx-auto">
|
|
<?php if ($trainers_data): ?>
|
|
<h2 class="max-[1050px]:text-[30px] max-[768px]:text-[24px] text-[40px] leading-[120%] font-[500] mb-[40px]">
|
|
<strong>Наши</strong> тренеры по <?php echo get_the_title(); ?>
|
|
</h2>
|
|
|
|
<div class="max-[768px]:items-center max-[768px]:justify-center max-[768px]:flex-wrap flex gap-[24px]">
|
|
|
|
<div class="swiper !m-0 rounded-[20px] rounded-b-[0]" id="<?php echo esc_attr($section_id); ?>-swiper">
|
|
<div class="swiper-wrapper">
|
|
<?php foreach ($trainers_data as $trainer_data): ?>
|
|
<?php $trainer = $trainer_data['post']; ?>
|
|
<div class="max-w-[312px] swiper-slide">
|
|
<div class="flex flex-col gap-[12px]">
|
|
<div class="flex relative rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
|
<?php $photo_images = get_field('photo', $trainer->ID); ?>
|
|
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
|
<div class="max-[768px]:h-[440px] overflow-hidden w-full h-[460px]">
|
|
<img src="<?php echo esc_url($photo_images[0]['url']); ?>"
|
|
alt="<?php echo esc_attr($photo_images[0]['alt']); ?>"
|
|
loading="lazy"
|
|
class="w-full h-full object-cover"/>
|
|
</div>
|
|
<?php endif; ?>
|
|
<div class="flex gap-[4px] absolute left-[12px] bottom-[16px]">
|
|
<div class="text-[15px] leading-[110%] font-[600] text-[#fff] px-[12px] h-[29px] flex items-center justify-center rounded-[32px] backdrop-blur-[8px] bg-[linear-gradient(90deg,rgba(157,153,148,0.7)_39.42%,rgba(197,197,185,0.7)_92.9%)]">
|
|
<?php echo pll_current_language('name'); ?>
|
|
</div>
|
|
<?php $exp = $trainer_data['exp']; ?>
|
|
<?php if ($exp): ?>
|
|
<div class="text-[15px] leading-[110%] font-[600] text-[#fff] px-[12px] h-[29px] flex items-center justify-center rounded-[32px] backdrop-blur-[8px] bg-[linear-gradient(90deg,rgba(157,153,148,0.7)_39.42%,rgba(197,197,185,0.7)_92.9%)]">
|
|
<?php echo esc_html($exp); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<?php $name = $trainer_data['name']; ?>
|
|
<?php if ($name): ?>
|
|
<div class="text-[24px] leading-[125%] font-[600]">
|
|
<?php echo esc_html($name); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php $short_desc = $trainer_data['short_desc']; ?>
|
|
<?php if ($short_desc): ?>
|
|
<div class="text-[16px] leading-[145%] font-[500] mt-[4px] text-[#6c6b6b]">
|
|
<?php echo wp_kses_post($short_desc); ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="max-[768px]:hidden flex ml-auto flex-col justify-between w-full max-w-[312px]">
|
|
<div class="max-[768px]:h-[440px] p-[24px] flex flex-col bg-cover bg-center bg-no-repeat rounded-[20px] h-[460px]"
|
|
<?php if (get_current_room() === 'fitness') : ?>
|
|
style="background-image: url('<?php echo get_template_directory_uri() . '/assets/images/trainer-bg-dark.png'; ?>')"
|
|
<?php else : ?>
|
|
style="background-image: url('<?php echo get_template_directory_uri() . '/assets/images/trainer-bg-light.png'; ?>')"
|
|
<?php endif; ?>
|
|
>
|
|
<?php
|
|
|
|
if (get_current_room() === 'fitness') :
|
|
?>
|
|
<svg width="138" height="14" viewBox="0 0 138 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_2190_3090)">
|
|
<mask id="mask0_2190_3090" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="84" height="14">
|
|
<path d="M83.731 0.046875H0V13.9305H83.731V0.046875Z" fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask0_2190_3090)">
|
|
<path d="M48.2909 13.931C48.2909 13.931 48.349 13.7557 48.4943 13.4341C48.6397 13.0834 48.8142 12.645 49.0177 12.0896C49.2503 11.5343 49.4829 10.9205 49.7736 10.219C50.0643 9.51752 50.3551 8.78682 50.6458 8.05605C50.9365 7.32535 51.2273 6.59464 51.518 5.89315C51.8087 5.19166 52.0413 4.57786 52.2739 4.02251C52.5065 3.46718 52.6809 3.02874 52.8263 2.678C52.9717 2.32726 53.0298 2.18111 53.0298 2.18111C53.2914 1.59654 53.6985 1.15811 54.2218 0.807368C54.7451 0.456622 55.3266 0.310479 55.9371 0.310479H68.3514L67.5664 2.21034C67.3048 2.82414 66.9268 3.32103 66.3745 3.67177C65.822 4.05174 65.2115 4.22712 64.5719 4.22712H56.8384C56.4895 4.22712 56.2278 4.40249 56.0825 4.72401L55.7627 5.51318H62.3624L61.432 7.79303C61.3157 8.08533 61.1413 8.31913 60.8796 8.49453C60.618 8.66985 60.3563 8.75754 60.0365 8.75754H54.9777C54.6288 8.75754 54.3672 8.93293 54.2218 9.25443L53.902 10.0436H64.3393L63.5834 11.9142C63.3218 12.528 62.9438 13.0249 62.3914 13.4049C61.839 13.7849 61.2285 13.9603 60.5888 13.9603H48.2909V13.931ZM38.1443 1.21657C38.2606 0.924278 38.435 0.71968 38.6676 0.544308C38.9002 0.368935 39.1909 0.28125 39.4817 0.28125H42.6506L40.5573 5.51318L40.5865 5.54241L45.7615 0.631993C46.0231 0.398164 46.2848 0.28125 46.6046 0.28125H51.7215L43.4356 8.17295C43.4647 8.23144 43.6392 8.46525 43.9589 8.90372C44.0753 9.07904 44.2497 9.31292 44.4532 9.60522C44.6567 9.86823 44.8893 10.219 45.18 10.6282C45.4708 11.0374 45.7905 11.505 46.1976 12.0604C46.5755 12.6157 47.0407 13.2295 47.5349 13.9603H42.8542L39.22 8.81603L37.5628 12.9665C37.4465 13.2588 37.2721 13.4926 37.0104 13.668C36.7488 13.8433 36.4871 13.931 36.1673 13.931H32.9983L38.1443 1.21657ZM29.9165 5.51318C30.091 5.51318 30.2364 5.42549 30.2945 5.25012L30.7015 4.22712H24.7415C24.5671 4.22712 24.4217 4.3148 24.3636 4.49018L23.9565 5.51318H29.9165ZM16.3975 13.931L21.1073 2.29803C21.369 1.68422 21.747 1.18734 22.2703 0.836597C22.7936 0.48585 23.4042 0.28125 24.0728 0.28125H36.458L31.7773 11.8558C31.5156 12.4696 31.1376 12.9665 30.5852 13.3465C30.0329 13.7264 29.4223 13.9018 28.7827 13.9018H26.8057L28.899 8.69912H22.6482L20.9038 12.9665C20.7876 13.2588 20.6131 13.4634 20.3515 13.6387C20.0898 13.8141 19.8282 13.9018 19.5083 13.9018H16.3975V13.931Z" fill="white" />
|
|
<path d="M3.60508 5.01441L4.6808 2.32537C4.94246 1.71157 5.32041 1.21468 5.8728 0.86394C6.42519 0.483965 7.03575 0.308594 7.67534 0.308594H9.65234L8.14049 4.04986L6.22168 8.84336C6.16353 8.96026 6.10538 9.07717 6.04724 9.19407L4.97153 11.8831C4.70987 12.4969 4.33192 12.9938 3.77952 13.3738C3.22713 13.7538 2.61659 13.9291 1.97698 13.9291H0L1.51181 10.1879L3.43064 5.39438C3.48879 5.24824 3.54694 5.13132 3.60508 5.01441Z" fill="white" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0601 0.046875C17.647 6.3018 12.4138 2.96974 8.31445 4.48963C9.50648 0.982194 11.6579 0.339161 14.071 0.309933C15.8735 0.280704 18.4029 0.485305 20.0601 0.046875Z" fill="white" />
|
|
<path d="M83.7313 0.337822L79.0798 11.8831C78.8181 12.4969 78.4399 12.9938 77.8877 13.3738C77.3354 13.7537 76.725 13.9291 76.085 13.9291H74.1084L78.0041 4.25446H77.4224C77.1607 4.25446 76.899 4.31292 76.6379 4.42984C76.3762 4.54675 76.1727 4.72212 75.998 4.92672L68.6422 13.9291H63.6709L73.6719 1.5362C73.9631 1.15622 74.3406 0.863936 74.7771 0.630109C75.2128 0.425508 75.678 0.308594 76.1727 0.308594H83.7313V0.337822Z" fill="white" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9612 4.57812C14.1005 9.37161 10.1175 6.71181 6.97754 7.88093C8.60566 3.08746 12.3271 5.54267 15.9612 4.57812Z" fill="white" />
|
|
</g>
|
|
<mask id="mask1_2190_3090" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="84" height="14">
|
|
<path d="M83.731 0.046875H0V13.9305H83.731V0.046875Z" fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask1_2190_3090)">
|
|
<path d="M48.2909 13.931C48.2909 13.931 48.349 13.7557 48.4943 13.4341C48.6397 13.0834 48.8142 12.645 49.0177 12.0896C49.2503 11.5343 49.4829 10.9205 49.7736 10.219C50.0643 9.51752 50.3551 8.78682 50.6458 8.05605C50.9365 7.32535 51.2273 6.59464 51.518 5.89315C51.8087 5.19166 52.0413 4.57786 52.2739 4.02251C52.5065 3.46718 52.6809 3.02874 52.8263 2.678C52.9717 2.32726 53.0298 2.18111 53.0298 2.18111C53.2914 1.59654 53.6985 1.15811 54.2218 0.807368C54.7451 0.456622 55.3266 0.310479 55.9371 0.310479H68.3514L67.5664 2.21034C67.3048 2.82414 66.9268 3.32103 66.3745 3.67177C65.822 4.05174 65.2115 4.22712 64.5719 4.22712H56.8384C56.4895 4.22712 56.2278 4.40249 56.0825 4.72401L55.7627 5.51318H62.3624L61.432 7.79303C61.3157 8.08533 61.1413 8.31913 60.8796 8.49453C60.618 8.66985 60.3563 8.75754 60.0365 8.75754H54.9777C54.6288 8.75754 54.3672 8.93293 54.2218 9.25443L53.902 10.0436H64.3393L63.5834 11.9142C63.3218 12.528 62.9438 13.0249 62.3914 13.4049C61.839 13.7849 61.2285 13.9603 60.5888 13.9603H48.2909V13.931ZM38.1443 1.21657C38.2606 0.924278 38.435 0.71968 38.6676 0.544308C38.9002 0.368935 39.1909 0.28125 39.4817 0.28125H42.6506L40.5573 5.51318L40.5865 5.54241L45.7615 0.631993C46.0231 0.398164 46.2848 0.28125 46.6046 0.28125H51.7215L43.4356 8.17295C43.4647 8.23144 43.6392 8.46525 43.9589 8.90372C44.0753 9.07904 44.2497 9.31292 44.4532 9.60522C44.6567 9.86823 44.8893 10.219 45.18 10.6282C45.4708 11.0374 45.7905 11.505 46.1976 12.0604C46.5755 12.6157 47.0407 13.2295 47.5349 13.9603H42.8542L39.22 8.81603L37.5628 12.9665C37.4465 13.2588 37.2721 13.4926 37.0104 13.668C36.7488 13.8433 36.4871 13.931 36.1673 13.931H32.9983L38.1443 1.21657ZM29.9165 5.51318C30.091 5.51318 30.2364 5.42549 30.2945 5.25012L30.7015 4.22712H24.7415C24.5671 4.22712 24.4217 4.3148 24.3636 4.49018L23.9565 5.51318H29.9165ZM16.3975 13.931L21.1073 2.29803C21.369 1.68422 21.747 1.18734 22.2703 0.836597C22.7936 0.48585 23.4042 0.28125 24.0728 0.28125H36.458L31.7773 11.8558C31.5156 12.4696 31.1376 12.9665 30.5852 13.3465C30.0329 13.7264 29.4223 13.9018 28.7827 13.9018H26.8057L28.899 8.69912H22.6482L20.9038 12.9665C20.7876 13.2588 20.6131 13.4634 20.3515 13.6387C20.0898 13.8141 19.8282 13.9018 19.5083 13.9018H16.3975V13.931Z" fill="white" />
|
|
<path d="M3.60508 5.01441L4.6808 2.32537C4.94246 1.71157 5.32041 1.21468 5.8728 0.86394C6.42519 0.483965 7.03575 0.308594 7.67534 0.308594H9.65234L8.14049 4.04986L6.22168 8.84336C6.16353 8.96026 6.10538 9.07717 6.04724 9.19407L4.97153 11.8831C4.70987 12.4969 4.33192 12.9938 3.77952 13.3738C3.22713 13.7538 2.61659 13.9291 1.97698 13.9291H0L1.51181 10.1879L3.43064 5.39438C3.48879 5.24824 3.54694 5.13132 3.60508 5.01441Z" fill="white" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.0601 0.046875C17.647 6.3018 12.4138 2.96974 8.31445 4.48963C9.50648 0.982194 11.6579 0.339161 14.071 0.309933C15.8735 0.280704 18.4029 0.485305 20.0601 0.046875Z" fill="white" />
|
|
<path d="M83.7313 0.337822L79.0798 11.8831C78.8181 12.4969 78.4399 12.9938 77.8877 13.3738C77.3354 13.7537 76.725 13.9291 76.085 13.9291H74.1084L78.0041 4.25446H77.4224C77.1607 4.25446 76.899 4.31292 76.6379 4.42984C76.3762 4.54675 76.1727 4.72212 75.998 4.92672L68.6422 13.9291H63.6709L73.6719 1.5362C73.9631 1.15622 74.3406 0.863936 74.7771 0.630109C75.2128 0.425508 75.678 0.308594 76.1727 0.308594H83.7313V0.337822Z" fill="white" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.9612 4.57812C14.1005 9.37161 10.1175 6.71181 6.97754 7.88093C8.60566 3.08746 12.3271 5.54267 15.9612 4.57812Z" fill="white" />
|
|
</g>
|
|
<path d="M87.531 2.59082C88.0887 1.22398 89.3809 0.335938 90.8122 0.335938H137.01L132.516 11.6376C131.966 13.0212 130.665 13.924 129.222 13.924H82.9062L87.531 2.59082Z" fill="white" />
|
|
<path d="M96.3045 4.77025H93.4138L93.113 6.55436H95.9317L95.683 7.97304H92.8643L92.3772 10.8749H90.9473L92.2216 3.35156H96.5532L96.3045 4.77025Z" fill="#ADAAA4" />
|
|
<path d="M97.5957 3.35156H99.0256L97.7512 10.8749H96.3213L97.5957 3.35156Z" fill="#ADAAA4" />
|
|
<path d="M105.166 3.35156L104.927 4.77025H102.969L101.933 10.8749H100.503L101.539 4.77025H99.5908L99.8293 3.35156H105.166Z" fill="#ADAAA4" />
|
|
<path d="M104.689 10.8749L105.964 3.35156H107.042L109.372 8.0483L110.16 3.35156H111.59L110.316 10.8749H109.238L106.917 6.17819L106.119 10.8749H104.689Z" fill="#ADAAA4" />
|
|
<path d="M117.133 4.77025H114.128L113.847 6.38239H116.604L116.355 7.76887H113.62L113.329 9.45619H116.387L116.148 10.8749H111.661L112.936 3.35156H117.371L117.133 4.77025Z" fill="#ADAAA4" />
|
|
<path d="M119.726 11.0235C118.994 11.0235 118.393 10.8587 117.923 10.5291C117.46 10.1923 117.163 9.73737 117.032 9.16415L118.327 8.4763C118.507 9.2215 119.011 9.59403 119.84 9.59403C120.22 9.59403 120.517 9.52239 120.731 9.37912C120.952 9.23578 121.084 9.0459 121.125 8.80946C121.18 8.53721 121.104 8.32586 120.897 8.17534C120.696 8.02489 120.344 7.86371 119.84 7.69173C119.163 7.4553 118.652 7.15796 118.307 6.79968C117.968 6.43426 117.854 5.92195 117.965 5.26276C118.082 4.58208 118.39 4.06978 118.887 3.72585C119.391 3.37476 119.964 3.19922 120.607 3.19922C121.201 3.19922 121.708 3.34611 122.13 3.63987C122.551 3.93364 122.855 4.34563 123.042 4.87585L121.788 5.5637C121.532 4.94034 121.101 4.62865 120.493 4.62865C120.202 4.62865 119.961 4.69314 119.767 4.82211C119.581 4.95108 119.463 5.12663 119.415 5.34874C119.36 5.61385 119.432 5.82522 119.633 5.98285C119.833 6.13332 120.172 6.29812 120.648 6.47724C120.772 6.5274 120.876 6.56681 120.959 6.59547C121.042 6.62413 121.146 6.66712 121.27 6.72444C121.395 6.7746 121.495 6.82475 121.571 6.87491C121.654 6.9179 121.747 6.97522 121.85 7.04687C121.954 7.11134 122.04 7.17942 122.109 7.25105C122.178 7.31558 122.248 7.39439 122.316 7.48749C122.392 7.57348 122.448 7.66665 122.482 7.76699C122.524 7.86727 122.558 7.97834 122.586 8.10015C122.613 8.21478 122.627 8.34376 122.627 8.48703C122.627 8.63037 122.613 8.78082 122.586 8.93844C122.468 9.61194 122.151 10.1279 121.632 10.4861C121.121 10.8444 120.486 11.0235 119.726 11.0235Z" fill="#ADAAA4" />
|
|
<path d="M125.797 11.0235C125.064 11.0235 124.463 10.8587 123.994 10.5291C123.531 10.1923 123.233 9.73737 123.103 9.16415L124.397 8.4763C124.577 9.2215 125.082 9.59403 125.91 9.59403C126.291 9.59403 126.587 9.52239 126.802 9.37912C127.023 9.23578 127.154 9.0459 127.196 8.80946C127.25 8.53721 127.174 8.32586 126.967 8.17534C126.767 8.02489 126.415 7.86371 125.91 7.69173C125.233 7.4553 124.722 7.15796 124.377 6.79968C124.038 6.43426 123.925 5.92195 124.035 5.26276C124.152 4.58208 124.46 4.06978 124.957 3.72585C125.462 3.37476 126.035 3.19922 126.678 3.19922C127.272 3.19922 127.779 3.34611 128.201 3.63987C128.622 3.93364 128.926 4.34563 129.113 4.87585L127.859 5.5637C127.603 4.94034 127.171 4.62865 126.563 4.62865C126.273 4.62865 126.032 4.69314 125.838 4.82211C125.651 4.95108 125.534 5.12663 125.485 5.34874C125.431 5.61385 125.503 5.82522 125.703 5.98285C125.903 6.13332 126.242 6.29812 126.719 6.47724C126.843 6.5274 126.947 6.56681 127.03 6.59547C127.113 6.62413 127.216 6.66712 127.34 6.72444C127.465 6.7746 127.565 6.82475 127.641 6.87491C127.724 6.9179 127.817 6.97522 127.921 7.04687C128.025 7.11134 128.111 7.17942 128.18 7.25105C128.249 7.31558 128.318 7.39439 128.387 7.48749C128.463 7.57348 128.518 7.66665 128.553 7.76699C128.594 7.86727 128.629 7.97834 128.656 8.10015C128.684 8.21478 128.698 8.34376 128.698 8.48703C128.698 8.63037 128.684 8.78082 128.656 8.93844C128.539 9.61194 128.221 10.1279 127.703 10.4861C127.192 10.8444 126.556 11.0235 125.797 11.0235Z" fill="#ADAAA4" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_2190_3090">
|
|
<rect width="137.03" height="14" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<?php
|
|
else :
|
|
?>
|
|
<svg width="127" height="14" viewBox="0 0 127 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<g clip-path="url(#clip0_4006_20975)">
|
|
<mask id="mask0_4006_20975" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="88" height="14">
|
|
<path d="M87.4168 0H0V13.9745H87.4168V0Z" fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask0_4006_20975)">
|
|
<path d="M50.4164 13.9735C50.4164 13.9735 50.4771 13.797 50.6289 13.4733C50.7806 13.1203 50.9627 12.679 51.1752 12.12C51.4181 11.5611 51.6609 10.9432 51.9644 10.2372C52.268 9.53106 52.5715 8.79555 52.875 8.06005C53.1785 7.32461 53.4821 6.5891 53.7856 5.883C54.0891 5.17692 54.332 4.5591 54.5747 4.00012C54.8176 3.44115 54.9997 2.99985 55.1515 2.64681C55.3033 2.29377 55.3639 2.14667 55.3639 2.14667C55.6371 1.55827 56.0621 1.11698 56.6084 0.763936C57.1548 0.410894 57.7618 0.263795 58.3993 0.263795H71.3603L70.5405 2.17609C70.2674 2.79391 69.8726 3.29404 69.2963 3.64708C68.7192 4.02954 68.0817 4.20606 67.4138 4.20606H59.3402C58.976 4.20606 58.7028 4.38258 58.551 4.7062L58.2171 5.50055H65.107L64.1358 7.79531C64.0147 8.0895 63.8325 8.32485 63.5594 8.50136C63.2863 8.67788 63.0129 8.76617 62.679 8.76617H57.3976C57.0334 8.76617 56.7602 8.94268 56.6084 9.26632L56.2746 10.0607H67.171L66.3821 11.9435C66.109 12.5613 65.7143 13.0615 65.1379 13.4439C64.5609 13.8264 63.9233 14.0029 63.2554 14.0029H50.4164V13.9735ZM39.8232 1.17581C39.9446 0.881611 40.1268 0.675673 40.3695 0.499154C40.6124 0.322635 40.9159 0.234375 41.2194 0.234375H44.5279L42.3425 5.50055L42.3729 5.52996L47.7757 0.587414C48.0489 0.352054 48.322 0.234375 48.6559 0.234375H53.998L45.3474 8.17779C45.3778 8.23663 45.5599 8.47198 45.8938 8.91323C46.0152 9.08974 46.1973 9.32516 46.4098 9.61935C46.6223 9.88408 46.8651 10.2372 47.1686 10.649C47.4721 11.0609 47.8061 11.5316 48.231 12.0906C48.6256 12.6496 49.1112 13.2674 49.6272 14.0029H44.7404L40.9463 8.825L39.2161 13.0026C39.0947 13.2968 38.9126 13.5322 38.6394 13.7087C38.3663 13.8852 38.0931 13.9735 37.7592 13.9735H34.4507L39.8232 1.17581ZM31.2333 5.50055C31.4154 5.50055 31.5672 5.41228 31.6279 5.23576L32.0529 4.20606H25.8305C25.6484 4.20606 25.4966 4.29433 25.4359 4.47085L25.0109 5.50055H31.2333ZM17.1191 13.9735L22.0364 2.26435C22.3095 1.64653 22.7041 1.14639 23.2504 0.793355C23.7968 0.440314 24.4342 0.234375 25.1323 0.234375H38.0627L33.1759 11.8847C32.9027 12.5025 32.5081 13.0026 31.9314 13.3851C31.3547 13.7676 30.7173 13.9441 30.0495 13.9441H27.9855L30.1709 8.70733H23.645L21.8238 13.0026C21.7024 13.2968 21.5203 13.5028 21.2471 13.6793C20.974 13.8558 20.7008 13.9441 20.3669 13.9441H17.1191V13.9735Z" fill="#202020" />
|
|
<path d="M3.76377 5.00224L4.88684 2.2956C5.16002 1.67778 5.5546 1.17764 6.13131 0.824605C6.70802 0.442144 7.34546 0.265625 8.01317 0.265625H10.0772L8.49882 4.03137L6.49556 8.85627C6.43483 8.97395 6.37416 9.09162 6.31343 9.2093L5.19037 11.9159C4.91719 12.5337 4.5226 13.0339 3.94589 13.4164C3.36919 13.7988 2.73177 13.9753 2.064 13.9753H0L1.57835 10.2095L3.58165 5.3847C3.64236 5.23759 3.70307 5.11991 3.76377 5.00224Z" fill="#202020" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9433 0C18.424 6.29586 12.9604 2.94199 8.68066 4.47183C9.92515 0.941437 12.1713 0.294199 14.6906 0.264779C16.5724 0.23536 19.2132 0.441299 20.9433 0Z" fill="#202020" />
|
|
<path d="M87.4169 0.295045L82.5604 11.9159C82.2873 12.5338 81.8926 13.0339 81.3162 13.4163C80.7391 13.7988 80.1022 13.9753 79.4344 13.9753H77.3703L81.4372 4.23732H80.8306C80.5575 4.23732 80.2838 4.29615 80.0108 4.41384C79.7377 4.53152 79.5252 4.70804 79.3429 4.91398L71.6637 13.9753H66.4736L76.915 1.50126C77.2183 1.1188 77.6131 0.824601 78.0684 0.589244C78.5237 0.383304 79.0093 0.265625 79.5252 0.265625H87.4169V0.295045Z" fill="#202020" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6633 4.55859C14.7207 9.38344 10.5623 6.70622 7.28418 7.88304C8.98398 3.05818 12.8692 5.52945 16.6633 4.55859Z" fill="#202020" />
|
|
</g>
|
|
<mask id="mask1_4006_20975" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="88" height="14">
|
|
<path d="M87.4168 0H0V13.9745H87.4168V0Z" fill="white" />
|
|
</mask>
|
|
<g mask="url(#mask1_4006_20975)">
|
|
<path d="M50.4164 13.9735C50.4164 13.9735 50.4771 13.797 50.6289 13.4733C50.7806 13.1203 50.9627 12.679 51.1752 12.12C51.4181 11.5611 51.6609 10.9432 51.9644 10.2372C52.268 9.53106 52.5715 8.79555 52.875 8.06005C53.1785 7.32461 53.4821 6.5891 53.7856 5.883C54.0891 5.17692 54.332 4.5591 54.5747 4.00012C54.8176 3.44115 54.9997 2.99985 55.1515 2.64681C55.3033 2.29377 55.3639 2.14667 55.3639 2.14667C55.6371 1.55827 56.0621 1.11698 56.6084 0.763936C57.1548 0.410894 57.7618 0.263795 58.3993 0.263795H71.3603L70.5405 2.17609C70.2674 2.79391 69.8726 3.29404 69.2963 3.64708C68.7192 4.02954 68.0817 4.20606 67.4138 4.20606H59.3402C58.976 4.20606 58.7028 4.38258 58.551 4.7062L58.2171 5.50055H65.107L64.1358 7.79531C64.0147 8.0895 63.8325 8.32485 63.5594 8.50136C63.2863 8.67788 63.0129 8.76617 62.679 8.76617H57.3976C57.0334 8.76617 56.7602 8.94268 56.6084 9.26632L56.2746 10.0607H67.171L66.3821 11.9435C66.109 12.5613 65.7143 13.0615 65.1379 13.4439C64.5609 13.8264 63.9233 14.0029 63.2554 14.0029H50.4164V13.9735ZM39.8232 1.17581C39.9446 0.881611 40.1268 0.675673 40.3695 0.499154C40.6124 0.322635 40.9159 0.234375 41.2194 0.234375H44.5279L42.3425 5.50055L42.3729 5.52996L47.7757 0.587414C48.0489 0.352054 48.322 0.234375 48.6559 0.234375H53.998L45.3474 8.17779C45.3778 8.23663 45.5599 8.47198 45.8938 8.91323C46.0152 9.08974 46.1973 9.32516 46.4098 9.61935C46.6223 9.88408 46.8651 10.2372 47.1686 10.649C47.4721 11.0609 47.8061 11.5316 48.231 12.0906C48.6256 12.6496 49.1112 13.2674 49.6272 14.0029H44.7404L40.9463 8.825L39.2161 13.0026C39.0947 13.2968 38.9126 13.5322 38.6394 13.7087C38.3663 13.8852 38.0931 13.9735 37.7592 13.9735H34.4507L39.8232 1.17581ZM31.2333 5.50055C31.4154 5.50055 31.5672 5.41228 31.6279 5.23576L32.0529 4.20606H25.8305C25.6484 4.20606 25.4966 4.29433 25.4359 4.47085L25.0109 5.50055H31.2333ZM17.1191 13.9735L22.0364 2.26435C22.3095 1.64653 22.7041 1.14639 23.2504 0.793355C23.7968 0.440314 24.4342 0.234375 25.1323 0.234375H38.0627L33.1759 11.8847C32.9027 12.5025 32.5081 13.0026 31.9314 13.3851C31.3547 13.7676 30.7173 13.9441 30.0495 13.9441H27.9855L30.1709 8.70733H23.645L21.8238 13.0026C21.7024 13.2968 21.5203 13.5028 21.2471 13.6793C20.974 13.8558 20.7008 13.9441 20.3669 13.9441H17.1191V13.9735Z" fill="white" />
|
|
<path d="M3.76377 5.00224L4.88684 2.2956C5.16002 1.67778 5.5546 1.17764 6.13131 0.824605C6.70802 0.442144 7.34546 0.265625 8.01317 0.265625H10.0772L8.49882 4.03137L6.49556 8.85627C6.43483 8.97395 6.37416 9.09162 6.31343 9.2093L5.19037 11.9159C4.91719 12.5337 4.5226 13.0339 3.94589 13.4164C3.36919 13.7988 2.73177 13.9753 2.064 13.9753H0L1.57835 10.2095L3.58165 5.3847C3.64236 5.23759 3.70307 5.11991 3.76377 5.00224Z" fill="white" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.9433 0C18.424 6.29586 12.9604 2.94199 8.68066 4.47183C9.92515 0.941437 12.1713 0.294199 14.6906 0.264779C16.5724 0.23536 19.2132 0.441299 20.9433 0Z" fill="white" />
|
|
<path d="M87.4169 0.295045L82.5604 11.9159C82.2873 12.5338 81.8926 13.0339 81.3162 13.4163C80.7391 13.7988 80.1022 13.9753 79.4344 13.9753H77.3703L81.4372 4.23732H80.8306C80.5575 4.23732 80.2838 4.29615 80.0108 4.41384C79.7377 4.53152 79.5252 4.70804 79.3429 4.91398L71.6637 13.9753H66.4736L76.915 1.50126C77.2183 1.1188 77.6131 0.824601 78.0684 0.589244C78.5237 0.383304 79.0093 0.265625 79.5252 0.265625H87.4169V0.295045Z" fill="white" />
|
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.6633 4.55859C14.7207 9.38344 10.5623 6.70622 7.28418 7.88304C8.98398 3.05818 12.8692 5.52945 16.6633 4.55859Z" fill="white" />
|
|
</g>
|
|
<path d="M91.6425 2.55319C92.2265 1.17364 93.5792 0.277344 95.0776 0.277344H126.127L121.454 11.6066C120.878 13.0031 119.517 13.9143 118.006 13.9143H86.834L91.6425 2.55319Z" fill="white" />
|
|
<path d="M102.747 6.79809L102.65 7.3806C102.463 8.4808 101.974 9.36167 101.183 10.0232C100.392 10.6776 99.4394 11.0048 98.325 11.0048C97.1596 11.0048 96.2572 10.6129 95.6177 9.82909C94.9777 9.03809 94.7544 8.08167 94.9486 6.95991C95.1359 5.85971 95.6499 4.95006 96.4912 4.23097C97.3324 3.51189 98.3105 3.15234 99.4249 3.15234C100.173 3.15234 100.813 3.31414 101.345 3.63773C101.884 3.95413 102.294 4.40356 102.575 4.98602L101.216 5.69792C100.834 4.96445 100.191 4.59771 99.2849 4.59771C98.5584 4.59771 97.9296 4.82782 97.3974 5.28804C96.8721 5.74106 96.5486 6.33432 96.4262 7.06775C96.2969 7.80123 96.4155 8.39806 96.7825 8.8583C97.1565 9.31853 97.7171 9.54865 98.465 9.54865C99.7017 9.54865 100.529 9.07044 100.946 8.11403H98.735L98.9613 6.79809H102.747Z" fill="#2B2C35" />
|
|
<path d="M110.181 3.30078L106.966 7.50743L106.373 10.8512H104.895L105.489 7.48587L103.752 3.30078H105.338L106.395 6.08365L108.412 3.30078H110.181Z" fill="#2B2C35" />
|
|
<path d="M118.288 3.30078L116.961 10.8512H115.483L116.347 5.94343L113.564 9.45974H113.391L111.935 5.90028L111.061 10.8512H109.572L110.899 3.30078H112.42L113.844 6.9142L116.649 3.30078H118.288Z" fill="#2B2C35" />
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_4006_20975">
|
|
<rect width="126.126" height="14" fill="white" />
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
<?php
|
|
endif;
|
|
?>
|
|
|
|
<div class="mt-auto text-[24px] font-[600] leading-[125%] text-[#f8f8f8]">
|
|
Другие профессионалы нашего клуба
|
|
</div>
|
|
|
|
<a class="!no-underline hover:[&>svg]:translate-x-[6px] mt-[40px] bg-[#f8f8f8] max-w-[179px] rounded-[90px] px-[24px] h-[59px] flex items-center justify-center gap-[8px] font-[600] text-[18px] leading-[195%] text-[#222]" href="<?php echo get_post_type_archive_link('trainer'); ?>">
|
|
Все тренеры
|
|
<svg class="transition" width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M6.4876 2.17896C6.73011 1.94034 7.12396 1.94035 7.36649 2.17896L11.3181 6.06809C11.5606 6.30671 11.5606 6.69329 11.3181 6.93191L7.36649 10.821C7.12396 11.0596 6.73011 11.0597 6.4876 10.821C6.24512 10.5824 6.24511 10.1949 6.4876 9.95626L9.38032 7.11093H1.1209C0.777923 7.11093 0.5 6.83747 0.5 6.5C0.5 6.16253 0.777923 5.88907 1.1209 5.88907H9.38032L6.4876 3.04374C6.24511 2.80512 6.24512 2.41758 6.4876 2.17896Z" fill="#222222" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div>
|
|
<button class="group custom-prev-<?php echo esc_attr($section_id); ?> cursor-pointer">
|
|
<?php display_icon('slider-prev') ?>
|
|
</button>
|
|
<button class="group custom-next-<?php echo esc_attr($section_id); ?> cursor-pointer">
|
|
<?php display_icon('slider-next') ?>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</section>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const swiperContainer = document.querySelector('#<?php echo esc_attr($section_id); ?>-swiper');
|
|
|
|
if (swiperContainer && typeof Swiper !== 'undefined') {
|
|
new Swiper('#<?php echo esc_attr($section_id); ?>-swiper', {
|
|
slidesPerView: 'auto',
|
|
spaceBetween: 24,
|
|
grabCursor: true,
|
|
freeMode: true,
|
|
navigation: {
|
|
nextEl: '.custom-next-<?php echo esc_attr($section_id); ?>',
|
|
prevEl: '.custom-prev-<?php echo esc_attr($section_id); ?>',
|
|
}
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function () {
|
|
const trainingPhotosSwiper = document.querySelector('.training-photos-swiper');
|
|
|
|
if (trainingPhotosSwiper) {
|
|
let mainSwiper;
|
|
let thumbnailSwiper;
|
|
let lightbox;
|
|
|
|
const slides = trainingPhotosSwiper.querySelectorAll('.swiper-slide');
|
|
const isSingleSlide = slides.length <= 1;
|
|
const thumbnailContainer = trainingPhotosSwiper.parentElement.querySelector('.thumbnail-swiper');
|
|
|
|
function initLightbox() {
|
|
if (typeof GLightbox === 'undefined') {
|
|
console.warn('GLightbox is not loaded');
|
|
return;
|
|
}
|
|
|
|
const galleryContainer = trainingPhotosSwiper.closest('[data-gallery-id]');
|
|
const selector = galleryContainer ? `#${galleryContainer.id} .glightbox` : '.glightbox';
|
|
|
|
if (lightbox) {
|
|
lightbox.destroy();
|
|
}
|
|
|
|
lightbox = GLightbox({
|
|
selector: selector,
|
|
preload: false,
|
|
touchNavigation: true,
|
|
loop: true
|
|
});
|
|
}
|
|
|
|
function updateThumbnails(activeIndex) {
|
|
if (!thumbnailContainer) return;
|
|
|
|
const thumbnails = thumbnailContainer.querySelectorAll('.thumbnail');
|
|
thumbnails.forEach((thumb, index) => {
|
|
if (index === activeIndex) {
|
|
thumb.classList.remove('opacity-50', 'hover:opacity-80');
|
|
thumb.classList.add('opacity-100', 'active');
|
|
} else {
|
|
thumb.classList.remove('opacity-100', 'active');
|
|
thumb.classList.add('opacity-50', 'hover:opacity-80');
|
|
}
|
|
});
|
|
}
|
|
|
|
function centerThumbnail(activeIndex) {
|
|
if (thumbnailSwiper) {
|
|
thumbnailSwiper.slideTo(activeIndex);
|
|
}
|
|
}
|
|
|
|
// Инициализируем основной свайпер
|
|
mainSwiper = new Swiper('.training-photos-swiper', {
|
|
loop: true,
|
|
slidesPerView: 1,
|
|
spaceBetween: 0,
|
|
grabCursor: true,
|
|
lazy: {
|
|
loadPrevNext: true,
|
|
loadOnTransitionStart: true,
|
|
},
|
|
pagination: {
|
|
el: '.training-swiper-pagination',
|
|
type: 'bullets',
|
|
clickable: true,
|
|
bulletClass: 'swiper-pagination-bullet',
|
|
},
|
|
on: {
|
|
slideChange: function () {
|
|
if (thumbnailContainer && !isSingleSlide) {
|
|
updateThumbnails(this.realIndex);
|
|
centerThumbnail(this.realIndex);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
// Инициализируем свайпер для миниатюр (только если есть контейнер и больше одного слайда)
|
|
if (thumbnailContainer && !isSingleSlide) {
|
|
thumbnailSwiper = new Swiper(thumbnailContainer, {
|
|
slidesPerView: 'auto',
|
|
spaceBetween: 6,
|
|
freeMode: true,
|
|
grabCursor: true,
|
|
watchSlidesProgress: true,
|
|
});
|
|
|
|
// Обработчик кликов по миниатюрам
|
|
thumbnailContainer.addEventListener('click', (e) => {
|
|
const thumbnail = e.target.closest('.thumbnail');
|
|
if (!thumbnail) return;
|
|
|
|
const index = parseInt(thumbnail.getAttribute('data-index'));
|
|
|
|
if (mainSwiper) {
|
|
mainSwiper.slideToLoop(index);
|
|
}
|
|
|
|
updateThumbnails(index);
|
|
centerThumbnail(index);
|
|
});
|
|
}
|
|
|
|
// Скрываем элементы навигации при одном слайде
|
|
if (isSingleSlide) {
|
|
const nextBtn = trainingPhotosSwiper.querySelector('.training-swiper-button-next');
|
|
const prevBtn = trainingPhotosSwiper.querySelector('.training-swiper-button-prev');
|
|
const pagination = trainingPhotosSwiper.querySelector('.training-swiper-pagination');
|
|
|
|
if (nextBtn) nextBtn.style.display = 'none';
|
|
if (prevBtn) prevBtn.style.display = 'none';
|
|
if (pagination) pagination.style.display = 'none';
|
|
|
|
if (mainSwiper.autoplay) {
|
|
mainSwiper.autoplay.stop();
|
|
}
|
|
|
|
// Скрываем миниатюры при одном слайде
|
|
if (thumbnailContainer) {
|
|
thumbnailContainer.style.display = 'none';
|
|
}
|
|
}
|
|
|
|
// Инициализируем лайтбокс
|
|
initLightbox();
|
|
|
|
// Очистка ресурсов при выгрузке страницы
|
|
window.addEventListener('beforeunload', () => {
|
|
if (mainSwiper) mainSwiper.destroy();
|
|
if (thumbnailSwiper) thumbnailSwiper.destroy();
|
|
if (lightbox) lightbox.destroy();
|
|
});
|
|
}
|
|
|
|
// Инициализация для одиночных изображений (если есть)
|
|
document.querySelectorAll('.single-image .glightbox').forEach(() => {
|
|
if (typeof GLightbox !== 'undefined') {
|
|
GLightbox({
|
|
selector: '.single-image .glightbox',
|
|
preload: false,
|
|
touchNavigation: true,
|
|
loop: true
|
|
});
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
<style>
|
|
.swiper-pagination-bullet {
|
|
width: 10px !important;
|
|
height: 10px !important;
|
|
background: #222 !important;
|
|
border-radius: 100% !important;
|
|
transform: none !important;
|
|
}
|
|
|
|
.swiper-pagination-bullet-active {
|
|
border-radius: 20px !important;
|
|
width: 17px !important;
|
|
height: 10px !important;
|
|
background: #fff !important;
|
|
}
|
|
</style>
|
|
|
|
<?php get_footer(); ?>
|