Task 10121 | fix: поправили прайсы цен для карт, которые некорректно выводятся при заполнении из админки
This commit is contained in:
Боевой сайт - fakel
52
404.php
52
404.php
@@ -1,24 +1,30 @@
|
|||||||
<!DOCTYPE html>
|
<?php
|
||||||
<html <?php language_attributes(); ?> class="no-js">
|
get_header();
|
||||||
<head>
|
?>
|
||||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
<section class="py-[90px] max-[768px]:pt-[40px] container mx-auto">
|
||||||
<meta name="viewport" content="width=device-width">
|
<div class="relative max-w-[640px] w-full mx-auto">
|
||||||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
<div class="rounded-[20px] max-[640px]:rounded-[0] text-center flex flex-col">
|
||||||
|
<div class="font-bold text-[150px] max-[768px]:text-[100px] leading-[100%] tracking-[0.05em]">404</div>
|
||||||
|
|
||||||
<?php wp_head(); ?>
|
<div class="w-16 h-1 bg-black mx-auto my-4"></div>
|
||||||
</head>
|
|
||||||
<body class="antialiased">
|
<div class="font-normal text-[24px] max-[768px]:text-[18px] leading-[141%] mb-[20px]">
|
||||||
<div class="md:flex min-h-screen">
|
Страница не найдена
|
||||||
<div class="w-full md:w-1/2 flex items-center justify-center">
|
</div>
|
||||||
<div class="max-w-sm m-8">
|
|
||||||
<div class="text-5xl md:text-15xl text-gray-800 border-primary border-b">404</div>
|
|
||||||
<div class="w-16 h-1 bg-purple-light my-3 md:my-6"></div>
|
<div class="mt-[20px] flex items-center mx-auto justify-center">
|
||||||
<p class="text-gray-800 text-2xl md:text-3xl font-light mb-8"><?php _e( 'Sorry, the page you are looking for could not be found.', 'tailpress' ); ?></p>
|
<a href="https://mylogistika2010.cp.good-production.xyz" class="!no-underline max-[768px]:px-[15px] max-[768px]:py-[10px] max-[768px]:text-[14px] inline-flex items-center justify-center px-[25px] py-[15px] rounded-[8px] text-white bg-[#f62a29] hover:bg-[#e01c1b] transition duration-300 font-medium text-[16px]">
|
||||||
<a href="<?php echo get_bloginfo( 'url' ); ?>" class="bg-primary px-4 py-2 rounded-xs text-white">
|
Вернуться на главную
|
||||||
<?php _e( 'Go Home', 'tailpress' ); ?>
|
</a>
|
||||||
</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
</div>
|
||||||
</html>
|
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<?php
|
||||||
|
get_footer()
|
||||||
|
?>
|
||||||
@@ -47,67 +47,73 @@ if ($trainers) {
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<section class="py-[90px] pb-[45px]">
|
<section class="max-[768px]:py-[40px] max-[768px]:pb-[20px] py-[90px] pb-[45px]">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<?php if ($trainers_data): ?>
|
<?php if ($trainers_data): ?>
|
||||||
<div class="grid grid-cols-4 gap-[24px]">
|
<div class="place-content-center max-[768px]:justify-center grid gap-[24px] grid-cols-[repeat(auto-fit,minmax(312px,312px))]">
|
||||||
<?php foreach ($trainers_data as $trainer_data): ?>
|
<?php foreach ($trainers_data as $trainer_data):
|
||||||
<?php $trainer = $trainer_data['post']; ?>
|
if ($trainer_data['name']) {
|
||||||
<a href="<?php echo get_permalink($trainer->ID); ?>" class="!no-underline group block">
|
$trainer = $trainer_data['post']; ?>
|
||||||
<div class="flex flex-col gap-[12px]">
|
<a href="<?php echo get_permalink($trainer->ID); ?>" class="!no-underline group block">
|
||||||
<div class="flex relative rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
<div class="flex flex-col gap-[12px]">
|
||||||
<?php $photo_images = get_field('photo', $trainer->ID); ?>
|
<div class="flex relative rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
<?php $photo_images = get_field('photo', $trainer->ID); ?>
|
||||||
<div class="overflow-hidden h-[460px]">
|
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
||||||
<img src="<?php echo esc_url($photo_images[0]['url']); ?>"
|
<div class="overflow-hidden w-full h-[460px]">
|
||||||
alt="<?php echo esc_attr($photo_images[0]['alt']); ?>"
|
<img src="<?php echo esc_url($photo_images[0]['url']); ?>"
|
||||||
loading="lazy"
|
alt="<?php echo esc_attr($photo_images[0]['alt']); ?>"
|
||||||
class="w-full h-full object-cover transition-transform"/>
|
loading="lazy"
|
||||||
</div>
|
class="w-full h-full object-cover transition-transform"/>
|
||||||
<?php endif; ?>
|
</div>
|
||||||
<div class="flex gap-[4px] absolute left-[12px] bottom-[16px] group-hover:text-[#e21e24]">
|
<?php endif; ?>
|
||||||
<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%)]">
|
<div class="flex gap-[4px] absolute left-[12px] bottom-[16px]">
|
||||||
<?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%)]">
|
<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); ?>
|
<?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="group-hover:text-[#e21e24] transition-colors 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="group-hover:text-[#e21e24] transition-colors text-[16px] leading-[145%] font-[500] mt-[4px] text-[#6c6b6b]">
|
||||||
|
<?php echo wp_kses_post($short_desc); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
</a>
|
||||||
<?php $name = $trainer_data['name']; ?>
|
<?php
|
||||||
<?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>
|
|
||||||
</a>
|
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="py-[90px] pt-[45px] radial-gradient">
|
<section class=" mb-[-9px] py-[90px] pt-[45px] radial-gradient">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<?php $team_photo = get_field('team_photo'); ?>
|
<?php $team_photo = get_archive_field('trainer', 'team_photo'); ?>
|
||||||
<?php if ($team_photo) : ?>
|
<?php if ($team_photo) : ?>
|
||||||
<img
|
<img
|
||||||
class="rounded-[20px] w-full h-[620px] object-cover"
|
class="max-[768px]:h-[240px] rounded-[20px] w-full h-[620px] object-cover"
|
||||||
src="<?php echo esc_url($team_photo['url']); ?>"
|
src="<?php echo esc_url($team_photo['url']); ?>"
|
||||||
alt="<?php echo esc_attr($team_photo['alt']); ?>"/>
|
alt="<?php echo esc_attr($team_photo['alt']); ?>"/>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php
|
<?php
|
||||||
$blocks = [
|
$blocks = [
|
||||||
@@ -212,14 +218,14 @@ if ($trainers) {
|
|||||||
];
|
];
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="mt-[40px] grid grid-cols-4 divide-x divide-[#e0e0e0]">
|
<div class="max-[768px]:grid-cols-1 max-[1300px]:gap-[24px] max-[1300px]:divide-none max-[1300px]:grid-cols-2 mt-[40px] grid grid-cols-4 divide-x divide-[#e0e0e0]">
|
||||||
<?php foreach ($blocks as $index => $block): ?>
|
<?php foreach ($blocks as $index => $block): ?>
|
||||||
<div class="flex flex-col px-[24px] <?php echo $index === 0 ? 'pl-0' : ''; ?> <?php echo $index === 3 ? 'pr-0' : ''; ?>">
|
<div class="max-[1300px]:p-0 flex flex-col px-[24px] <?php echo $index === 0 ? 'pl-0' : ''; ?> <?php echo $index === 3 ? 'pr-0' : ''; ?>">
|
||||||
<div class="grid place-items-center w-[76px] h-[76px] rounded-[12px] small-shadow bg-[#f8f8f8]"> <?php echo $block['svg']; ?></div>
|
<div class="grid place-items-center w-[76px] h-[76px] rounded-[12px] small-shadow bg-[#f8f8f8]"> <?php echo $block['svg']; ?></div>
|
||||||
<p class="mt-[24px] w-full max-w-[220px] font-[600] text-[24px] leading-[125%]">
|
<p class="max-[1300px]:max-w-full mt-[24px] w-full max-w-[220px] font-[600] text-[24px] leading-[125%]">
|
||||||
<?php echo htmlspecialchars($block['title']); ?>
|
<?php echo htmlspecialchars($block['title']); ?>
|
||||||
</p>
|
</p>
|
||||||
<p class="mt-[12px] w-full max-w-[270px] font-[500] text-[16px] leading-[145%] text-[#6c6b6b]">
|
<p class="max-[1300px]:max-w-full mt-[12px] w-full max-w-[270px] font-[500] text-[16px] leading-[145%] text-[#6c6b6b]">
|
||||||
<?php echo htmlspecialchars($block['description']); ?>
|
<?php echo htmlspecialchars($block['description']); ?>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
363
archive-training.php
Normal file
363
archive-training.php
Normal file
@@ -0,0 +1,363 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
get_header();
|
||||||
|
|
||||||
|
if (!function_exists('get_trainings_for_current_language')) {
|
||||||
|
function get_trainings_for_current_language()
|
||||||
|
{
|
||||||
|
$current_lang = pll_current_language();
|
||||||
|
|
||||||
|
$args = array(
|
||||||
|
'post_type' => 'training',
|
||||||
|
'posts_per_page' => -1,
|
||||||
|
'lang' => $current_lang,
|
||||||
|
'post_status' => 'publish',
|
||||||
|
'sort' => 'menu_order',
|
||||||
|
'order' => 'ASC',
|
||||||
|
);
|
||||||
|
|
||||||
|
return get_posts($args);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_training_taxonomies()
|
||||||
|
{
|
||||||
|
$taxonomies = get_object_taxonomies('training', 'objects');
|
||||||
|
$result = array();
|
||||||
|
|
||||||
|
foreach ($taxonomies as $taxonomy) {
|
||||||
|
if (!in_array($taxonomy->name, array('language', 'post_translations'))) {
|
||||||
|
$terms = get_terms(array(
|
||||||
|
'taxonomy' => $taxonomy->name,
|
||||||
|
'hide_empty' => true,
|
||||||
|
));
|
||||||
|
|
||||||
|
if (!is_wp_error($terms) && !empty($terms)) {
|
||||||
|
$result[$taxonomy->name] = array(
|
||||||
|
'taxonomy' => $taxonomy,
|
||||||
|
'terms' => $terms
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $result;
|
||||||
|
}
|
||||||
|
|
||||||
|
$trainings = get_trainings_for_current_language();
|
||||||
|
$taxonomies_data = get_training_taxonomies();
|
||||||
|
|
||||||
|
$trainings_data = array();
|
||||||
|
if ($trainings) {
|
||||||
|
foreach ($trainings as $training) {
|
||||||
|
$training_info = array(
|
||||||
|
'post' => $training,
|
||||||
|
'name' => '',
|
||||||
|
'exp' => '',
|
||||||
|
'short_desc' => '',
|
||||||
|
'terms' => array()
|
||||||
|
);
|
||||||
|
|
||||||
|
if (have_rows('short_info', $training->ID)) {
|
||||||
|
while (have_rows('short_info', $training->ID)) {
|
||||||
|
the_row();
|
||||||
|
$training_info['name'] = get_sub_field('name');
|
||||||
|
$training_info['exp'] = get_sub_field('exp');
|
||||||
|
$training_info['short_desc'] = get_sub_field('short_desc');
|
||||||
|
$training_info['difficulty'] = get_sub_field('dificulty');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
foreach ($taxonomies_data as $taxonomy_name => $taxonomy_info) {
|
||||||
|
$post_terms = wp_get_post_terms($training->ID, $taxonomy_name);
|
||||||
|
if (!is_wp_error($post_terms)) {
|
||||||
|
$training_info['terms'][$taxonomy_name] = $post_terms;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$trainings_data[] = $training_info;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function group_trainings_by_terms($trainings_data, $taxonomies_data)
|
||||||
|
{
|
||||||
|
$grouped = array();
|
||||||
|
|
||||||
|
foreach ($taxonomies_data as $taxonomy_name => $taxonomy_info) {
|
||||||
|
$grouped[$taxonomy_name] = array();
|
||||||
|
|
||||||
|
foreach ($taxonomy_info['terms'] as $term) {
|
||||||
|
$grouped[$taxonomy_name][$term->slug] = array(
|
||||||
|
'term' => $term,
|
||||||
|
'trainings' => array()
|
||||||
|
);
|
||||||
|
|
||||||
|
foreach ($trainings_data as $training_data) {
|
||||||
|
if (isset($training_data['terms'][$taxonomy_name])) {
|
||||||
|
foreach ($training_data['terms'][$taxonomy_name] as $training_term) {
|
||||||
|
if ($training_term->slug === $term->slug) {
|
||||||
|
$grouped[$taxonomy_name][$term->slug]['trainings'][] = $training_data;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return $grouped;
|
||||||
|
}
|
||||||
|
|
||||||
|
$grouped_trainings = group_trainings_by_terms($trainings_data, $taxonomies_data);
|
||||||
|
|
||||||
|
|
||||||
|
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');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<section class="max-[768px]:py-[40px] py-[90px] container mx-auto">
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<?php if (!empty($taxonomies_data)): ?>
|
||||||
|
<div class="filter-navigation">
|
||||||
|
<?php foreach ($taxonomies_data as $taxonomy_name => $taxonomy_info): ?>
|
||||||
|
<div>
|
||||||
|
<div class="max-[768px]:gap-[4px] flex flex-wrap gap-[8px]">
|
||||||
|
<?php foreach ($taxonomy_info['terms'] as $term): ?>
|
||||||
|
<button class="max-[768px]:!text-[15px] max-[768px]:!px-[14px]"
|
||||||
|
onclick="scrollToSection('<?php echo esc_attr($taxonomy_name . '-' . $term->slug); ?>')">
|
||||||
|
<?php echo esc_html($term->name); ?>
|
||||||
|
</button>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php foreach ($grouped_trainings as $taxonomy_name => $terms_data): ?>
|
||||||
|
<?php foreach ($terms_data as $term_slug => $term_data): ?>
|
||||||
|
<?php if (!empty($term_data['trainings'])): ?>
|
||||||
|
<div id="<?php echo esc_attr($taxonomy_name . '-' . $term_slug); ?>"
|
||||||
|
class="max-[768px]:mt-[40px] mt-[64px]">
|
||||||
|
<h2 class="max-[1050px]:text-[28px] max-[768px]:text-[24px] font-[700] text-[32px] leading-[115%]"><?php echo esc_html($term_data['term']->name); ?></h2>
|
||||||
|
|
||||||
|
<div class="max-[768px]:!px-[24px] max-[768px]:!mx-[-24px] trainings-container mt-[24px]"
|
||||||
|
data-section="<?php echo esc_attr($taxonomy_name . '-' . $term_slug); ?>">
|
||||||
|
<div class="max-[1300px]:gap-0 trainings-wrapper flex flex-wrap gap-[24px]">
|
||||||
|
<?php foreach ($term_data['trainings'] as $training_data): ?>
|
||||||
|
<?php $training = $training_data['post']; ?>
|
||||||
|
|
||||||
|
<a href="<?php echo get_permalink($training->ID); ?>"
|
||||||
|
class="!no-underline training-item h-auto max-w-[312px] group block no-underline hover:no-underline transition-transform">
|
||||||
|
<div class=" max-[768px]:shadow-[0_4px_48px_0_rgba(16,_15,_15,_0.1)] flex flex-col bg-[#f8f8f8] relative h-auto rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)] group-hover:shadow-[0_4px_48px_0_rgba(16,_15,_15,_0.1)] transition-shadow">
|
||||||
|
<?php $photo_images = get_field('photo', $training->ID); ?>
|
||||||
|
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
||||||
|
<div class="overflow-hidden min-h-[260px]">
|
||||||
|
<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-[260px] object-cover transition-transform"/>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<div class="max-[768px]:gap-[12px] max-[768px]:p-[12px] flex flex-col gap-[24px] h-full p-[24px]">
|
||||||
|
<?php $name = $training_data['name']; ?>
|
||||||
|
<?php if ($name): ?>
|
||||||
|
<div class="text-[24px] leading-[125%] font-[600] group-hover:text-[#e21e24] transition-colors">
|
||||||
|
<?php echo esc_html($name); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php $short_desc = $training_data['short_desc']; ?>
|
||||||
|
<?php if ($short_desc): ?>
|
||||||
|
<div class="text-[16px] leading-[145%] font-[500] text-[#222]">
|
||||||
|
<?php echo wp_kses_post($short_desc); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php $difficulty = $training_data['difficulty']; ?>
|
||||||
|
<?php if ($difficulty):
|
||||||
|
$difficulty_value = (int)$difficulty;
|
||||||
|
|
||||||
|
$difficulty_texts = [
|
||||||
|
1 => 'лёгкая', 2 => 'лёгкая',
|
||||||
|
3 => 'средняя', 4 => 'средняя',
|
||||||
|
5 => 'тяжелая'
|
||||||
|
];
|
||||||
|
|
||||||
|
$red_color = '#E21E24';
|
||||||
|
$gray_color = '#E0E0E0';
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div class="pt-[14px] border-t border-dashed w-full justify-center gap-[12px] flex items-center mx-auto">
|
||||||
|
<span class="max-[768px]:text-[14px] font-[600] text-[16px] 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="font-[500] text-[16px] max-[768px]:text-[14px] leading-[140%]">
|
||||||
|
<?php echo esc_html($difficulty_texts[$difficulty_value] ?? 'неизвестная'); ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<div class="!hidden mt-auto h-[59px] flex grey-gradient-hover w-full rounded-[90px] px-[12px] text-[18px] font-[600] leading-[195%] text-[#f8f8f8] bg-[0_2px_32px_0_rgba(16,_15,_15,_0.03)] items-center justify-center group-hover:opacity-90 transition-opacity pointer-events-none">
|
||||||
|
Перейти
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function scrollToSection(sectionId) {
|
||||||
|
document.getElementById(sectionId).scrollIntoView({
|
||||||
|
behavior: 'smooth',
|
||||||
|
block: 'start'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
let swiperInstances = [];
|
||||||
|
|
||||||
|
function initSwiper() {
|
||||||
|
if (window.innerWidth < 1330) {
|
||||||
|
document.querySelectorAll('.trainings-container').forEach((container, index) => {
|
||||||
|
const wrapper = container.querySelector('.trainings-wrapper');
|
||||||
|
const items = container.querySelectorAll('.training-item');
|
||||||
|
|
||||||
|
if (items.length <= 1) return;
|
||||||
|
|
||||||
|
container.classList.add('swiper');
|
||||||
|
wrapper.classList.remove('flex', 'flex-wrap');
|
||||||
|
wrapper.classList.add('swiper-wrapper');
|
||||||
|
|
||||||
|
items.forEach(item => {
|
||||||
|
const slide = document.createElement('div');
|
||||||
|
slide.className = 'swiper-slide max-w-[312px]';
|
||||||
|
item.parentNode.insertBefore(slide, item);
|
||||||
|
slide.appendChild(item);
|
||||||
|
});
|
||||||
|
|
||||||
|
const scrollbar = document.createElement('div');
|
||||||
|
scrollbar.className = 'swiper-scrollbar !static !mx-auto !cursor-grab container mt-[44px] !w-full !p-0';
|
||||||
|
container.appendChild(scrollbar);
|
||||||
|
|
||||||
|
const swiper = new Swiper(container, {
|
||||||
|
slidesPerView: 'auto',
|
||||||
|
spaceBetween: 12,
|
||||||
|
grabCursor: true,
|
||||||
|
freeMode: true,
|
||||||
|
scrollbar: {
|
||||||
|
el: container.querySelector('.swiper-scrollbar'),
|
||||||
|
draggable: true,
|
||||||
|
},
|
||||||
|
|
||||||
|
keyboard: {
|
||||||
|
enabled: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
swiperInstances.push(swiper);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
destroySwipers();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function destroySwipers() {
|
||||||
|
swiperInstances.forEach(swiper => {
|
||||||
|
if (swiper && swiper.destroy) {
|
||||||
|
swiper.destroy(true, true);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
swiperInstances = [];
|
||||||
|
|
||||||
|
document.querySelectorAll('.trainings-container').forEach(container => {
|
||||||
|
const wrapper = container.querySelector('.trainings-wrapper');
|
||||||
|
const slides = container.querySelectorAll('.swiper-slide');
|
||||||
|
|
||||||
|
container.classList.remove('swiper');
|
||||||
|
wrapper.classList.add('flex', 'flex-wrap');
|
||||||
|
wrapper.classList.remove('swiper-wrapper');
|
||||||
|
|
||||||
|
slides.forEach(slide => {
|
||||||
|
const item = slide.querySelector('.training-item');
|
||||||
|
if (item) {
|
||||||
|
wrapper.appendChild(item);
|
||||||
|
slide.remove();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
container.querySelectorAll('.swiper-scrollbar').forEach(el => el.remove());
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
initSwiper();
|
||||||
|
|
||||||
|
let resizeTimeout;
|
||||||
|
window.addEventListener('resize', function () {
|
||||||
|
clearTimeout(resizeTimeout);
|
||||||
|
resizeTimeout = setTimeout(initSwiper, 250);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.filter-navigation button {
|
||||||
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
||||||
|
background: #fff;
|
||||||
|
font-weight: 500;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 195%;
|
||||||
|
color: #222;
|
||||||
|
border-radius: 90px;
|
||||||
|
padding: 8px 28px;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 180ms ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.filter-navigation button:hover {
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 195%;
|
||||||
|
color: #f8f8f8;
|
||||||
|
box-shadow: none;
|
||||||
|
background: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dark .filter-navigation button:hover {
|
||||||
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
||||||
|
color: #f8f8f8;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<?php get_footer(); ?>
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 237 KiB After Width: | Height: | Size: 267 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 217 KiB After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 147 KiB After Width: | Height: | Size: 447 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 26 KiB |
BIN
assets/images/welcom-dark.png
Normal file
BIN
assets/images/welcom-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 KiB |
BIN
assets/images/welcom-light.png
Normal file
BIN
assets/images/welcom-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
2529
css/app.css
2529
css/app.css
File diff suppressed because one or more lines are too long
2468
css/editor-style.css
2468
css/editor-style.css
File diff suppressed because one or more lines are too long
15
footer.php
15
footer.php
@@ -14,20 +14,7 @@
|
|||||||
|
|
||||||
|
|
||||||
<script type="text/javascript" async="async" id="mobifitness_personal_widget_script_au1" src="//mobifitness.ru/personal-widget/js/code.js" data-div="mf_schedule_widget_cont_au1" data-test="0" data-debug="0" data-domain="mobifitness.ru" data-code="614482" data-version="v6" data-type="schedule" data-language="" data-club="1325"></script>
|
<script type="text/javascript" async="async" id="mobifitness_personal_widget_script_au1" src="//mobifitness.ru/personal-widget/js/code.js" data-div="mf_schedule_widget_cont_au1" data-test="0" data-debug="0" data-domain="mobifitness.ru" data-code="614482" data-version="v6" data-type="schedule" data-language="" data-club="1325"></script>
|
||||||
<script type="text/javascript"
|
|
||||||
defer="defer"
|
|
||||||
id="mobifitness_personal_widget_script_ksm"
|
|
||||||
src="//mobifitness.ru/personal-widget/js/code.js"
|
|
||||||
data-div="mf_personal_widget_cont_ksm"
|
|
||||||
data-code="614482"
|
|
||||||
data-domain="mobifitness.ru"
|
|
||||||
data-club="1325">
|
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
setTimeout(() => {
|
|
||||||
console.log('Div содержимое:', document.getElementById('mf_personal_widget_cont_ksm').innerHTML);
|
|
||||||
}, 3000);
|
|
||||||
</script>
|
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
272
functions.php
272
functions.php
@@ -43,8 +43,8 @@ add_action( 'after_setup_theme', 'tailpress_setup' );
|
|||||||
function tailpress_enqueue_scripts() {
|
function tailpress_enqueue_scripts() {
|
||||||
$theme = wp_get_theme();
|
$theme = wp_get_theme();
|
||||||
|
|
||||||
wp_enqueue_style( 'tailpress', tailpress_asset( 'css/app.css' ), array(), $theme->get( 'Version' ) );
|
wp_enqueue_style( 'tailpress', tailpress_asset( 'css/app.css' ), array(), '0.3' );
|
||||||
wp_enqueue_script( 'tailpress', tailpress_asset( 'js/app.js' ), array(), $theme->get( 'Version' ) );
|
wp_enqueue_script( 'tailpress', tailpress_asset( 'js/app.js' ), array(), '0.3' );
|
||||||
}
|
}
|
||||||
|
|
||||||
add_action( 'wp_enqueue_scripts', 'tailpress_enqueue_scripts' );
|
add_action( 'wp_enqueue_scripts', 'tailpress_enqueue_scripts' );
|
||||||
@@ -196,6 +196,10 @@ function get_simple_menu_items($menu_name = 'Шапка сайта') {
|
|||||||
$simple_items = array();
|
$simple_items = array();
|
||||||
|
|
||||||
foreach ($menu_items as $item) {
|
foreach ($menu_items as $item) {
|
||||||
|
if ($current_lang === 'gym' && $item->type === 'post_type_archive' && $item->object === 'training') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
|
||||||
$url = $item->url;
|
$url = $item->url;
|
||||||
$title = $clean_title($item->title);
|
$title = $clean_title($item->title);
|
||||||
|
|
||||||
@@ -248,4 +252,268 @@ function add_dark_class_to_editor() {
|
|||||||
add_action('admin_head', 'add_dark_class_to_editor');
|
add_action('admin_head', 'add_dark_class_to_editor');
|
||||||
|
|
||||||
|
|
||||||
|
function create_archive_acf_pages() {
|
||||||
|
if (!function_exists('acf_add_options_sub_page')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Получаем все кастомные типы записей с архивами
|
||||||
|
$post_types = get_post_types(array(
|
||||||
|
'public' => true,
|
||||||
|
'has_archive' => true,
|
||||||
|
'_builtin' => false
|
||||||
|
), 'objects');
|
||||||
|
|
||||||
|
foreach ($post_types as $post_type) {
|
||||||
|
acf_add_options_sub_page(array(
|
||||||
|
'page_title' => 'Настройки страницы ' . $post_type->labels->name,
|
||||||
|
'menu_title' => 'Настройки страницы',
|
||||||
|
'menu_slug' => $post_type->name . '-archive-settings',
|
||||||
|
'parent_slug' => 'edit.php?post_type=' . $post_type->name,
|
||||||
|
'capability' => 'edit_posts',
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
add_action('acf/init', 'create_archive_acf_pages');
|
||||||
|
|
||||||
|
|
||||||
|
function register_archive_acf_fields() {
|
||||||
|
if (!function_exists('acf_add_local_field_group')) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
$languages = get_archive_languages();
|
||||||
|
|
||||||
|
$post_types = get_post_types(array(
|
||||||
|
'public' => true,
|
||||||
|
'has_archive' => true,
|
||||||
|
'_builtin' => false
|
||||||
|
), 'objects');
|
||||||
|
|
||||||
|
foreach ($post_types as $post_type) {
|
||||||
|
register_fields_for_archive($post_type, $languages);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
add_action('acf/init', 'register_archive_acf_fields');
|
||||||
|
|
||||||
|
function get_archive_languages() {
|
||||||
|
if (function_exists('pll_languages_list')) {
|
||||||
|
$languages = array();
|
||||||
|
$pll_languages = pll_languages_list(array('fields' => array()));
|
||||||
|
|
||||||
|
foreach ($pll_languages as $lang) {
|
||||||
|
$languages[$lang->slug] = $lang->name;
|
||||||
|
}
|
||||||
|
|
||||||
|
return $languages;
|
||||||
|
}
|
||||||
|
|
||||||
|
return array(
|
||||||
|
'gym' => 'gym зал',
|
||||||
|
'fitness' => 'fitness зал'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function register_fields_for_archive($post_type, $languages) {
|
||||||
|
$post_type_name = $post_type->name;
|
||||||
|
$post_type_label = $post_type->labels->name;
|
||||||
|
|
||||||
|
$fields = array();
|
||||||
|
|
||||||
|
foreach ($languages as $lang_code => $lang_name) {
|
||||||
|
$fields[] = array(
|
||||||
|
'key' => 'field_tab_' . $post_type_name . '_' . $lang_code,
|
||||||
|
'label' => $lang_name,
|
||||||
|
'type' => 'tab',
|
||||||
|
'placement' => 'top',
|
||||||
|
);
|
||||||
|
|
||||||
|
// Поля для этого языка
|
||||||
|
$fields[] = array(
|
||||||
|
'key' => 'field_' . $post_type_name . '_h1_text_' . $lang_code,
|
||||||
|
'label' => 'Заголовок H1',
|
||||||
|
'name' => $post_type_name . '_h1_text_' . $lang_code,
|
||||||
|
'type' => 'wysiwyg',
|
||||||
|
'toolbar' => 'basic',
|
||||||
|
'media_upload' => 0,
|
||||||
|
'delay' => 0,
|
||||||
|
);
|
||||||
|
|
||||||
|
$fields[] = array(
|
||||||
|
'key' => 'field_' . $post_type_name . '_subtitle_' . $lang_code,
|
||||||
|
'label' => 'Подзаголовок',
|
||||||
|
'name' => $post_type_name . '_subtitle_' . $lang_code,
|
||||||
|
'type' => 'textarea',
|
||||||
|
'rows' => 3,
|
||||||
|
);
|
||||||
|
|
||||||
|
if ($post_type_name === 'trainer') {
|
||||||
|
$fields[] = array(
|
||||||
|
'key' => 'field_' . $post_type_name . '_team_photo_' . $lang_code,
|
||||||
|
'label' => 'Фото команды',
|
||||||
|
'name' => $post_type_name . '_team_photo_' . $lang_code,
|
||||||
|
'type' => 'image',
|
||||||
|
'return_format' => 'array',
|
||||||
|
'preview_size' => 'medium',
|
||||||
|
);
|
||||||
|
|
||||||
|
$fields[] = array(
|
||||||
|
'key' => 'field_' . $post_type_name . '_description_' . $lang_code,
|
||||||
|
'label' => 'Описание страницы',
|
||||||
|
'name' => $post_type_name . '_description_' . $lang_code,
|
||||||
|
'type' => 'textarea',
|
||||||
|
'rows' => 5,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
acf_add_local_field_group(array(
|
||||||
|
'key' => 'group_' . $post_type_name . '_archive',
|
||||||
|
'title' => 'Настройки страницы ' . $post_type_label,
|
||||||
|
'fields' => $fields,
|
||||||
|
'location' => array(
|
||||||
|
array(
|
||||||
|
array(
|
||||||
|
'param' => 'options_page',
|
||||||
|
'operator' => '==',
|
||||||
|
'value' => $post_type_name . '-archive-settings',
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_archive_field($post_type, $field_name, $default = '') {
|
||||||
|
if (!function_exists('get_field')) {
|
||||||
|
return $default;
|
||||||
|
}
|
||||||
|
|
||||||
|
$current_lang = function_exists('pll_current_language') ? pll_current_language() : 'ru';
|
||||||
|
$field_key = $post_type . '_' . $field_name . '_' . $current_lang;
|
||||||
|
|
||||||
|
$value = get_field($field_key, 'option');
|
||||||
|
|
||||||
|
return $value ? $value : $default;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function checkTelForSpam($phone_value)
|
||||||
|
{
|
||||||
|
|
||||||
|
$clean_phone = preg_replace('/\D/', '', $phone_value);
|
||||||
|
|
||||||
|
|
||||||
|
if (substr($clean_phone, 0, 1) === '8') {
|
||||||
|
$clean_phone = '7' . substr($clean_phone, 1);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (strlen($clean_phone) !== 11 || substr($clean_phone, 0, 1) !== '7') {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function maspik_custom_validate_fluentforms_tel($errorMessage, $field, $formData, $fields, $form)
|
||||||
|
{
|
||||||
|
$fieldName = $field['name'];
|
||||||
|
|
||||||
|
if (empty($formData[$fieldName])) {
|
||||||
|
return $errorMessage;
|
||||||
|
}
|
||||||
|
|
||||||
|
$field_value = $formData[$fieldName];
|
||||||
|
|
||||||
|
$valid = checkTelForSpam($field_value);
|
||||||
|
|
||||||
|
if (!$valid) {
|
||||||
|
$errorMessage = "Введите корректный номер телефона";
|
||||||
|
}
|
||||||
|
|
||||||
|
return $errorMessage;
|
||||||
|
}
|
||||||
|
|
||||||
|
add_filter('fluentform/validate_input_item_phone', 'maspik_custom_validate_fluentforms_tel', 10, 5);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
function cookie_popup_enqueue_scripts() {
|
||||||
|
wp_enqueue_script('jquery');
|
||||||
|
|
||||||
|
$custom_css = "
|
||||||
|
.page-block-shadow {
|
||||||
|
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.08);
|
||||||
|
background: rgba(255, 255, 255, 0.95);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.red-button-shadow {
|
||||||
|
box-shadow: 0 4px 16px rgba(224, 30, 46, 0.25), 0 2px 4px rgba(224, 30, 46, 0.1);
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.red-button-shadow:hover {
|
||||||
|
box-shadow: 0 6px 20px rgba(224, 30, 46, 0.35), 0 3px 6px rgba(224, 30, 46, 0.15);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.red-button-shadow:active {
|
||||||
|
transform: translateY(0);
|
||||||
|
box-shadow: 0 2px 8px rgba(224, 30, 46, 0.3);
|
||||||
|
}
|
||||||
|
";
|
||||||
|
wp_add_inline_style('wp-block-library', $custom_css);
|
||||||
|
}
|
||||||
|
add_action('wp_enqueue_scripts', 'cookie_popup_enqueue_scripts');
|
||||||
|
|
||||||
|
function cookie_popup_html() {
|
||||||
|
?>
|
||||||
|
<div id="cookiePopup" class="fixed bottom-[16px] left-[16px] right-[16px] min-[768px]:left-auto min-[768px]:right-[16px] max-[480px]:left-[8px] max-[480px]:right-[8px] max-[480px]:bottom-[8px] p-[24px] max-[480px]:p-[16px] rounded-[1.6rem] page-block-shadow z-[9999] transform translate-y-[100%] opacity-[0] transition-all duration-[500ms] ease-out">
|
||||||
|
<div class="mb-[16px] text-[14px] leading-[1.5]">
|
||||||
|
Мы используем файлы cookie чтобы сайт работал быстрее.
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
id="acceptCookiesBtn"
|
||||||
|
class="!max-w-fit h-[40px] max-[768px]:text-[16px] cursor-pointer mx-auto px-[14px] !no-underline transition red-gradient-hover gap-[12px] w-full rounded-[90px] flex items-center justify-center "
|
||||||
|
>
|
||||||
|
<span class="max-[768px]:text-[16px] font-[600] text-[18px] leading-[195%] text-[#f8f8f8]">Хорошо</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
jQuery(document).ready(function($) {
|
||||||
|
checkCookieConsent();
|
||||||
|
|
||||||
|
$('#acceptCookiesBtn').on('click', function() {
|
||||||
|
acceptCookies();
|
||||||
|
});
|
||||||
|
|
||||||
|
function checkCookieConsent() {
|
||||||
|
const consent = localStorage.getItem('cookieConsent');
|
||||||
|
if (!consent) {
|
||||||
|
setTimeout(showCookiePopup, 500);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function showCookiePopup() {
|
||||||
|
$('#cookiePopup').removeClass('translate-y-[100%] opacity-[0]').addClass('translate-y-[0] opacity-[100]');
|
||||||
|
}
|
||||||
|
|
||||||
|
function acceptCookies() {
|
||||||
|
$('#cookiePopup').addClass('translate-y-[100%] opacity-[0]').removeClass('translate-y-[0] opacity-[100]');
|
||||||
|
localStorage.setItem('cookieConsent', 'accepted');
|
||||||
|
enableAnalytics();
|
||||||
|
}
|
||||||
|
|
||||||
|
function enableAnalytics() {
|
||||||
|
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
add_action('wp_footer', 'cookie_popup_html');
|
||||||
|
?>
|
||||||
302
header.php
302
header.php
@@ -9,7 +9,9 @@
|
|||||||
<?php wp_head(); ?>
|
<?php wp_head(); ?>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
echo(get_field( 'yandex_metrics', 'option' ));
|
||||||
$room = get_current_room();
|
$room = get_current_room();
|
||||||
$base_classes = 'bg-[#f9f9f9] dark:bg-[#f4f4f4] text-[#222]';
|
$base_classes = 'bg-[#f9f9f9] dark:bg-[#f4f4f4] text-[#222]';
|
||||||
|
|
||||||
@@ -29,63 +31,78 @@ if ($room === 'gym') {
|
|||||||
|
|
||||||
<header class="container mx-auto absolute left-0 right-0 z-[49] <?php echo is_admin_bar_showing() ? 'top-[32px]' : 'top-0'; ?>"
|
<header class="container mx-auto absolute left-0 right-0 z-[49] <?php echo is_admin_bar_showing() ? 'top-[32px]' : 'top-0'; ?>"
|
||||||
id="site-header">
|
id="site-header">
|
||||||
<div class="pt-[24px] dark:text-[#f8f8f8]">
|
<div class="pt-[24px] max-[768px]:pb-[22px] dark:text-[#f8f8f8]">
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<div class="flex justify-between items-center">
|
<div class="max-[768px]:flex-wrap max-[768px]:gap-[16px] max-[1200px]:justify-start max-[1200px]:gap-[12px] flex justify-between items-center">
|
||||||
<a href="<?php echo esc_url(home_url('/')); ?>">
|
<a href="<?php echo esc_url(home_url('/')); ?>">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo' : 'light_logo'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo' : 'light_logo'); ?>
|
||||||
</a>
|
</a>
|
||||||
<?php get_template_part('template-parts/la-components/language-switcher'); ?>
|
<div class="max-[768px]:flex-col max-[768px]:items-start max-[768px]:gap-0 max-[768px]:w-full max-[768px]:order-1 flex items-center gap-[6px] dark:text-[#fff]">
|
||||||
<div class="flex items-center gap-[12px]">
|
<?php get_template_part('template-parts/la-components/language-switcher'); ?>
|
||||||
|
<span class="max-[768px]:mx-auto max-[768px]:max-w-full text-[12px] font-[500] max-[768px]:text-[14px] max-w-[60px] max-[768px]:[&>br]:hidden">Переключайте <br> формат</span>
|
||||||
|
</div>
|
||||||
|
<div class="max-[1200px]:hidden flex items-center gap-[12px]">
|
||||||
<div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
|
<div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
|
||||||
<div class="leading-[125%] text-[14px] font-[600]">
|
<div class="leading-[125%] text-[14px] font-[600]">
|
||||||
<p>г. Томск, </p>
|
<p>г. Томск, </p>
|
||||||
<p>ул. Красноармейская, 120</p>
|
<p>ул. Красноармейская, 120</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-[12px]">
|
<div class="max-[1200px]:hidden flex items-center gap-[12px]">
|
||||||
<div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
|
<div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
|
||||||
<div class="leading-[125%] text-[14px] font-[600]">
|
<div class="leading-[125%] text-[14px] font-[600]">
|
||||||
<p>Пн–Пт: 7:00 – 23:00</p>
|
<p>Пн–Пт: 7:00 – 23:00</p>
|
||||||
<p>Сб–Вс: 9:00 – 22:00</p>
|
<p>Сб–Вс: 9:00 – 22:00</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-[4px]">
|
<div class="max-[1200px]:ml-auto flex gap-[4px]">
|
||||||
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="#">
|
<a class="max-[1250px]:w-[30px] max-[1250px]:h-[30px] dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition"
|
||||||
|
href="https://t.me/FakelGym_bot">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'tg_dark' : 'tg'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'tg_dark' : 'tg'); ?>
|
||||||
</a>
|
</a>
|
||||||
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="#">
|
<a class="max-[1250px]:w-[30px] max-[1250px]:h-[30px] dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition"
|
||||||
|
href="https://wa.me/79832321319">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'whatsapp_dark' : 'whatsapp'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'whatsapp_dark' : 'whatsapp'); ?>
|
||||||
</a>
|
</a>
|
||||||
|
<a class="hidden max-[1250px]:block dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition"
|
||||||
|
href="tel:+783822990019">
|
||||||
|
<?php display_icon(get_current_room() === 'gym' ? 'phone_dark' : 'phone'); ?>
|
||||||
|
</a>
|
||||||
|
<a class="[&>img]:w-[36px] max-[1250px]:hidden dark:hover:text-[#c7c7c7] font-[700] text-[24px] !decoration-transparent hover:text-[#555] transition-colors dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150"
|
||||||
|
href="tel:+783822990019">
|
||||||
|
<?php display_icon(get_current_room() === 'gym' ? 'phone_dark' : 'phone'); ?>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<a class="dark:hover:text-[#c7c7c7] font-[700] text-[24px] !decoration-transparent hover:text-[#555] transition-colors"
|
|
||||||
href="tel:+783822990019">
|
<div class="max-[850px]:hidden">
|
||||||
+7 (3822) 99-00-19
|
<?php
|
||||||
</a>
|
$page = get_page_by_path('prices');
|
||||||
<div>
|
?>
|
||||||
<button class="red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[16px] font-[600] justify-center h-[45px] w-[136px] rounded-[90px] flex items-center">
|
<a href="
|
||||||
|
<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>
|
||||||
|
"
|
||||||
|
class="max-[768px]:h-[36px] !no-underline items-center red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[16px] font-[600] justify-center h-[45px] w-[136px] rounded-[90px] flex items-center">
|
||||||
Записаться
|
Записаться
|
||||||
</button>
|
</a>
|
||||||
|
</div>
|
||||||
|
<div id="burger"
|
||||||
|
class="hidden max-[1200px]:block cursor-pointer w-[36px] h-[36px] relative focus:outline-none bg-[linear-gradient(90deg,_#e21e24_39.42%,_#ff2f35_92.9%)] rounded-[90px] z-[20]">
|
||||||
|
<div class="flex items-center justify-center w-full h-full absolute left-[50%] top-[50%] transform -translate-x-[50%] -translate-y-[50%]">
|
||||||
|
<span class="line-1 block absolute h-[2px] w-[20px] bg-white transform transition -translate-y-[6px]"></span>
|
||||||
|
<span class="line-2 block absolute h-[2px] w-[20px] bg-white transform transition"></span>
|
||||||
|
<span class="line-3 block absolute h-[2px] w-[20px] bg-white transform transition translate-y-[6px]"></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php
|
|
||||||
/* wp_nav_menu(
|
|
||||||
array(
|
|
||||||
'container_id' => 'primary-menu',
|
|
||||||
'container_class' => 'hidden bg-gray-100 mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block',
|
|
||||||
'menu_class' => 'lg:flex lg:-mx-4',
|
|
||||||
'theme_location' => 'primary',
|
|
||||||
'li_class' => 'lg:mx-4',
|
|
||||||
'fallback_cb' => false,
|
|
||||||
)
|
|
||||||
);
|
|
||||||
*/ ?>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="py-[24px]">
|
<div class="py-[24px] max-[768px]:hidden">
|
||||||
<div class="flex items-center justify-between gap-[32px]">
|
<div class="flex items-center justify-between gap-[6px]">
|
||||||
<div class="
|
<div class="
|
||||||
group
|
group
|
||||||
dark:border dark:border-white/[0.05]
|
dark:border dark:border-white/[0.05]
|
||||||
@@ -96,26 +113,124 @@ if ($room === 'gym') {
|
|||||||
dark:border-[rgba(248,_248,_248,_0.5)] bg-white text-[16px] text-[#222] font-[600] rounded-[90px] h-[44px] px-[28px] flex items-center">
|
dark:border-[rgba(248,_248,_248,_0.5)] bg-white text-[16px] text-[#222] font-[600] rounded-[90px] h-[44px] px-[28px] flex items-center">
|
||||||
<?php get_template_part('template-parts/la-components/navigation-menu'); ?>
|
<?php get_template_part('template-parts/la-components/navigation-menu'); ?>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-[12px]">
|
<div class="max-[1200px]:hidden flex gap-[12px]">
|
||||||
<button data-modal="time"
|
<?php
|
||||||
class="dark:text-[#f8f8f8] dark:border-[rgba(248,_248,_248,_0.2)] font-[600] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer border border-[#e0e0e0] rounded-[90px]"
|
$page = get_page_by_path('time');
|
||||||
|
?>
|
||||||
|
<a href="<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>"
|
||||||
|
class="dark:hidden !no-underline dark:text-[#f8f8f8] dark:border-[rgba(248,_248,_248,_0.2)] font-[600] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer border border-[#e0e0e0] rounded-[90px]"
|
||||||
>
|
>
|
||||||
<span class="dark:bg-[#f8f8f8] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
<span class="dark:bg-[#f8f8f8] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
||||||
Расписание
|
Расписание
|
||||||
</button>
|
</a>
|
||||||
<button
|
<?php
|
||||||
class="font-[600] text-[#f8f8f8] dark-gradient-hover flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer rounded-[90px]"
|
$page = get_page_by_path('lk');
|
||||||
|
?>
|
||||||
|
<a href="
|
||||||
|
<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>"
|
||||||
|
class="!no-underline font-[600] text-[#f8f8f8] dark-gradient-hover flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer rounded-[90px]"
|
||||||
>
|
>
|
||||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z"
|
<path d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z"
|
||||||
fill="#F8F8F8"/>
|
fill="#F8F8F8"/>
|
||||||
</svg>
|
</svg>
|
||||||
Личный кабинет
|
Личный кабинет
|
||||||
</button>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="menu-overlay"
|
||||||
|
class="max-[768px]:h-[calc(100vh-141px)] max-[768px]:top-[141px] fixed h-[calc(100vh-161px)] top-[161px] left-0 right-0 bg-[rgba(0,0,0,0.5)] backdrop-blur-sm z-[9999] opacity-[0] invisible transition-[opacity,visibility] ease-in-out">
|
||||||
|
<div id="menu-container"
|
||||||
|
class="fixed right-[0] top-[0] h-full w-[327px] bg-[#f9f9f9] dark:bg-[#151419] transform translate-x-full transition-[transform] flex flex-col">
|
||||||
|
|
||||||
|
<nav class="p-[20px] pr-[10px] flex-1 overflow-y-auto">
|
||||||
|
<ul class="flex flex-col gap-[4px]">
|
||||||
|
<?php
|
||||||
|
$menu_items = get_simple_menu_items();
|
||||||
|
foreach ($menu_items as $item):
|
||||||
|
?>
|
||||||
|
<li class="w-full h-[35px]">
|
||||||
|
<a class="!no-underline w-full h-full text-[#222] dark:text-[#f8f8f8] dark:hover:text-[#c7c7c7] hover:text-[#555] hover:text-[#555] font-[600] leading-[125%] text-[16px]"
|
||||||
|
href="<?php echo esc_url($item['url']); ?>">
|
||||||
|
<?php echo esc_html($item['title']); ?>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<div class="max-[1200px]:flex hidden text-[14px] justify-between flex-wrap gap-[6px] mt-[16px]">
|
||||||
|
<?php
|
||||||
|
$page = get_page_by_path('time');
|
||||||
|
?>
|
||||||
|
<a href="<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>"
|
||||||
|
class="dark:hidden !no-underline max-w-[135px] px-[12px] dark:text-[#f8f8f8] dark:border-[rgba(248,_248,_248,_0.2)] font-[600] flex gap-[6px] h-[41px] items-center cursor-pointer border border-[#e0e0e0] rounded-[90px]"
|
||||||
|
>
|
||||||
|
<span class="dark:bg-[#f8f8f8] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
||||||
|
Расписание
|
||||||
|
</a>
|
||||||
|
<?php
|
||||||
|
$page = get_page_by_path('lk');
|
||||||
|
?>
|
||||||
|
<a href="
|
||||||
|
<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>"
|
||||||
|
class="!no-underline max-w-[176px] px-[12px] font-[600] text-[#f8f8f8] dark-gradient-hover flex gap-[6px] h-[41px] items-center cursor-pointer rounded-[90px]"
|
||||||
|
>
|
||||||
|
<svg class="min-w-fit" width="12" height="12" viewBox="0 0 16 17" fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z"
|
||||||
|
fill="#F8F8F8"/>
|
||||||
|
</svg>
|
||||||
|
Личный кабинет
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="pt-[16px] mt-[16px] border-t border-[#e0e0e0] text-[#222] dark:text-[#f8f8f8]">
|
||||||
|
<div class="text-[14px]">
|
||||||
|
<a class="dark:hover:text-[#c7c7c7] font-[700] text-[24px] !decoration-transparent hover:text-[#555] transition-colors"
|
||||||
|
href="tel:+783822990019">
|
||||||
|
<span>+7 (3822) 99-00-19</span>
|
||||||
|
</a>
|
||||||
|
<div class="mt-[16px] flex items-center gap-[12px]">
|
||||||
|
<div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
|
||||||
|
<div class="leading-[125%] text-[14px] font-[600]">
|
||||||
|
<p>г. Томск, </p>
|
||||||
|
<p>ул. Красноармейская, 120</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="mt-[12px] flex items-center gap-[12px]">
|
||||||
|
<div class="w-[8px] h-[8px] rounded-full bg-[#e21e24]"></div>
|
||||||
|
<div class="leading-[125%] text-[14px] font-[600]">
|
||||||
|
<p>Пн–Пт: 7:00 – 23:00</p>
|
||||||
|
<p>Сб–Вс: 9:00 – 22:00</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<?php
|
||||||
|
$page = get_page_by_path('prices');
|
||||||
|
?>
|
||||||
|
<a href="
|
||||||
|
<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>
|
||||||
|
"
|
||||||
|
class="!no-underline w-full mt-[16px] items-center red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[16px] font-[600] justify-center h-[45px] w-[136px] rounded-[90px] flex items-center">
|
||||||
|
Записаться
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<?php
|
<?php
|
||||||
if (!is_front_page()) {
|
if (!is_front_page()) {
|
||||||
@@ -130,47 +245,106 @@ if ($room === 'gym') {
|
|||||||
$style_attr = 'style="background-image: url(' . esc_attr($bg_image) . ')"';
|
$style_attr = 'style="background-image: url(' . esc_attr($bg_image) . ')"';
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<div class="<?php echo $base_classes . ' ' . $body_classes . ' ' ?> pt-[161px]"
|
<div class="<?php echo $base_classes . ' ' . $body_classes . ' ' ?> pt-[161px] max-[768px]:pt-[141px]"
|
||||||
<?php echo $style_attr ?>
|
<?php echo $style_attr ?>
|
||||||
>
|
>
|
||||||
|
|
||||||
<div class="container mx-auto pt-[32px] pb-[60px]">
|
<div class="max-[768px]:pt-[20px] max-[768px]:pb-[32px] container mx-auto pt-[32px] pb-[60px]">
|
||||||
<?php display_yandex_breadcrumbs(); ?>
|
<?php display_yandex_breadcrumbs(); ?>
|
||||||
<?php if (!is_front_page()) : ?>
|
<?php if (!is_front_page()) : ?>
|
||||||
<div class="container mx-auto mt-[24px]">
|
<?php
|
||||||
<?php if (get_field('h1_text')): ?>
|
|
||||||
<div class="flex justify-between flex-wrap gap-[12px]">
|
$current_post_type = get_post_type();
|
||||||
<div class="flex flex-col">
|
|
||||||
<h1 class="dark:text-[#f8f8f8] max-w-[900px] w-full text-[222] leading-[110%] text-[48px] font-[500]">
|
if (is_post_type_archive() || ($current_post_type !== 'training' && $current_post_type !== 'trainer')) : ?>
|
||||||
<?php echo get_field('h1_text'); ?>
|
<div class="mt-[24px]">
|
||||||
</h1>
|
<?php
|
||||||
<?php
|
$h1_text = '';
|
||||||
if (is_page('thank-you')) {
|
$subtitle = '';
|
||||||
?>
|
$show_layout = false;
|
||||||
<p class="font-[600] w-full max-w-[687px] text-[24px] leading-[125%] text-[#222] dark:text-[#f8f8f8] mt-[12px]">
|
|
||||||
Очень скоро с вами свяжется наш отдел заботы, чтобы ответить на все
|
if (is_post_type_archive()) {
|
||||||
интересующие
|
$post_type = get_queried_object()->name;
|
||||||
вопросы.</p>
|
$h1_text = get_archive_field($post_type, 'h1_text');
|
||||||
|
$subtitle = get_archive_field($post_type, 'subtitle');
|
||||||
|
if ($h1_text) {
|
||||||
|
$show_layout = true;
|
||||||
|
}
|
||||||
|
} elseif (get_field('h1_text')) {
|
||||||
|
$h1_text = get_field('h1_text');
|
||||||
|
$show_layout = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
if ($show_layout): ?>
|
||||||
|
<div class="max-[768px]:gap-[16px] max-[768px]:[&>_img]:hidden flex justify-between flex-wrap gap-[12px]">
|
||||||
|
<div class="flex flex-col">
|
||||||
|
<h1 class="dark:text-[#f8f8f8] max-w-[900px] w-full text-[222] leading-[110%] max-[1330px]:text-[36px] max-[768px]:text-[32px] text-[48px] font-[500]">
|
||||||
|
<?php echo $h1_text; ?>
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<?php if ($subtitle): ?>
|
||||||
|
<p class="font-[500] w-full max-w-[687px] text-[24px] leading-[125%] text-[#222] dark:text-[#f8f8f8] mt-[12px]">
|
||||||
|
<?php echo esc_html($subtitle); ?>
|
||||||
|
</p>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
if (is_page('thank-you')) {
|
||||||
|
?>
|
||||||
|
<p class="font-[600] w-full max-w-[687px] text-[24px] leading-[125%] text-[#222] dark:text-[#f8f8f8] mt-[12px]">
|
||||||
|
Очень скоро с вами свяжется наш отдел заботы, чтобы ответить на все
|
||||||
|
интересующие
|
||||||
|
вопросы.</p>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
if (!is_page('policy')) {
|
||||||
|
if (is_post_type_archive('training')) {
|
||||||
|
?>
|
||||||
|
<div class="max-[768px]:flex-row max-[768px]:ml-0 ml-auto flex flex-col gap-[12px]">
|
||||||
|
<div class="max-[768px]:min-w-[144px] max-[768px]:ml-0 max-[768px]:text-[24px] ml-auto flex gap-[10px] items-center">
|
||||||
|
<div class="max-[768px]:text-[24px] font-[700] text-[48px] leading-[110%]"> 45+</div>
|
||||||
|
<img class="max-[768px]:h-[32px] max-[768px]:w-[93px]" alt="decoration"
|
||||||
|
src="<?php echo get_template_directory_uri() . '/assets/images/masonry-decor.png'; ?>">
|
||||||
|
</div>
|
||||||
|
<div class="max-[768px]:text-[14px] font-[500] text-[20px] leading-[140%]">
|
||||||
|
групповых и персональных тренировок
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php
|
||||||
|
} else {
|
||||||
|
display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name');
|
||||||
|
}
|
||||||
}
|
}
|
||||||
?></div>
|
?>
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name'); ?>
|
</div>
|
||||||
</div>
|
<?php else:
|
||||||
<?php else:
|
$title = '';
|
||||||
$title = trim(preg_replace('/\s*\([^)]*\)/', '', get_the_title()));
|
|
||||||
?>
|
|
||||||
|
|
||||||
<h1 class="dark:text-[#f8f8f8] text-[222] leading-[110%] text-[48px] font-[700]">
|
if (is_post_type_archive()) {
|
||||||
<?php echo $title ?>
|
$post_type = get_queried_object()->name;
|
||||||
</h1>
|
$title = get_archive_field($post_type, 'h1_text');
|
||||||
|
|
||||||
|
|
||||||
<?php endif; ?>
|
if (!$title) {
|
||||||
</div>
|
$post_type_obj = get_queried_object();
|
||||||
|
$title = $post_type_obj->labels->name;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
$title = trim(preg_replace('/\s*\([^)]*\)/', '', get_the_title()));
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<h1 class="dark:text-[#f8f8f8] text-[222] leading-[110%] max-[1330px]:text-[36px] max-[768px]:text-[24px] text-[48px] font-[700]">
|
||||||
|
<?php echo esc_html($title); ?>
|
||||||
|
</h1>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<?php
|
<?php
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
{
|
{
|
||||||
"/js/app.js": "/js/app.js?id=37f0a4a3aee430ac7ba337b53d7bdc4b",
|
"/js/app.js": "/js/app.js?id=e407125adcc6aae967c27b40d45106cf",
|
||||||
"/css/editor-style.css": "/css/editor-style.css?id=b2b6dc9c2f83963566f9d157921f4d2e",
|
"/css/editor-style.css": "/css/editor-style.css?id=969582528231d1131f1471fd134dc7c0",
|
||||||
"/css/app.css": "/css/app.css?id=387c86ed6537155e6b0a08c0d9151235"
|
"/css/app.css": "/css/app.css?id=276085105aadfad8906d02e869e0f185"
|
||||||
}
|
}
|
||||||
|
|||||||
10399
package-lock.json
generated
10399
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
265
policy-template.php
Normal file
265
policy-template.php
Normal file
@@ -0,0 +1,265 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
* Template Name: Шаблон страницы конфиденциальности
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
get_header();
|
||||||
|
?>
|
||||||
|
<section class="container mx-auto py-[90px] max-[768px]:py-[40px]">
|
||||||
|
<div class="flex flex-col gap-[24px] max-[768px]:gap-[16px]">
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
1. Общие положения
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
1.1. Настоящий документ определяет Политику оператора – ИП Шишкин Дмитрий Александрович, Юридический адрес фирмы (в соответствии с Учредительными документами): 634021 г. Томск, пр-кт Комсомольский д.12 кв.6. Фактический адрес фирмы: 634034 г. Томск, ул.Красноармейская, д.120. ИНН / КПП: 701 727 001 209., ОГРН: 324 700 000 054 820. (далее – Оператор) в отношении обработки персональных данных посетителей интернет-сайта по сетевому адресу <?php echo esc_url(home_url()); ?>, устанавливает цели, основные принципы и правила обработки персональных данных и определяет основные меры по обеспечению их безопасности (далее - Политика) в соответствии с требованиями ст. 18.1 Федерального закона от 27.07.2006 № 152-ФЗ «О персональных данных».
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
1.2. Настоящая Политика разработана в дополнение к Политике обработки персональных данных ИП Шишкин Дмитрий Александрович.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
1.3. Оператор ставит своей важнейшей целью и условием осуществления своей деятельности соблюдение прав и свобод человека и гражданина при обработке его персональных данных, в том числе защиты прав на неприкосновенность частной жизни, личную и семейную тайну.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
1.4. Настоящая политика Оператора в отношении обработки персональных данных (далее — Политика) применяется ко всей информации, которую Оператор может получить о посетителях веб-сайта <?php echo esc_url(home_url()); ?>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
2. Основные понятия, используемые в Политике
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.1. Автоматизированная обработка персональных данных</strong> — обработка персональных данных с помощью средств вычислительной техники.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.2. Блокирование персональных данных</strong> — временное прекращение обработки персональных данных (за исключением случаев, если обработка необходима для уточнения персональных данных).
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.3. Веб-сайт</strong> — совокупность графических и информационных материалов, а также программ для ЭВМ и баз данных, обеспечивающих их доступность в сети интернет по сетевому адресу <?php echo esc_url(home_url()); ?>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.4. Информационная система персональных данных</strong> — совокупность содержащихся в базах данных персональных данных и обеспечивающих их обработку информационных технологий и технических средств.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.5. Обезличивание персональных данных</strong> — действия, в результате которых невозможно определить без использования дополнительной информации принадлежность персональных данных конкретному Пользователю или иному субъекту персональных данных.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.6. Обработка персональных данных</strong> — любое действие (операция) или совокупность действий (операций), совершаемых с использованием средств автоматизации или без использования таких средств с персональными данными, включая сбор, запись, систематизацию, накопление, хранение, уточнение (обновление, изменение), извлечение, использование, передачу (распространение, предоставление, доступ), обезличивание, блокирование, удаление, уничтожение персональных данных.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.7. Оператор</strong> — государственный орган, муниципальный орган, юридическое или физическое лицо, самостоятельно или совместно с другими лицами организующие и/или осуществляющие обработку персональных данных, а также определяющие цели обработки персональных данных, состав персональных данных, подлежащих обработке, действия (операции), совершаемые с персональными данными.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.8. Персональные данные</strong> — любая информация, относящаяся прямо или косвенно к определенному или определяемому Пользователю веб-сайта <?php echo esc_url(home_url()); ?>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>2.9. Пользователь</strong> — любой посетитель веб-сайта <?php echo esc_url(home_url()); ?>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
3. Основные права и обязанности Оператора
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>3.1. Оператор имеет право:</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— получать от субъекта персональных данных достоверные информацию и/или документы, содержащие персональные данные;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— в случае отзыва субъектом персональных данных согласия на обработку персональных данных, а также, направления обращения с требованием о прекращении обработки персональных данных, Оператор вправе продолжить обработку персональных данных без согласия субъекта персональных данных при наличии оснований, указанных в Законе о персональных данных;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— самостоятельно определять состав и перечень мер, необходимых и достаточных для обеспечения выполнения обязанностей, предусмотренных Законом о персональных данных и принятыми в соответствии с ним нормативными правовыми актами, если иное не предусмотрено Законом о персональных данных или другими федеральными законами.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>3.2. Оператор обязан:</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— предоставлять субъекту персональных данных по его просьбе информацию, касающуюся обработки его персональных данных;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— организовывать обработку персональных данных в порядке, установленном действующим законодательством РФ;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— отвечать на обращения и запросы субъектов персональных данных и их законных представителей в соответствии с требованиями Закона о персональных данных;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— публиковать или иным образом обеспечивать неограниченный доступ к настоящей Политике в отношении обработки персональных данных;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— принимать правовые, организационные и технические меры для защиты персональных данных от неправомерного или случайного доступа к ним, уничтожения, изменения, блокирования, копирования, предоставления, распространения персональных данных, а также от иных неправомерных действий в отношении персональных данных;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
4. Основные права и обязанности субъектов персональных данных
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>4.1. Субъекты персональных данных имеют право:</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— получать информацию, касающуюся обработки его персональных данных, за исключением случаев, предусмотренных федеральными законами;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— требовать от оператора уточнения его персональных данных, их блокирования или уничтожения в случае, если персональные данные являются неполными, устаревшими, неточными, незаконно полученными или не являются необходимыми для заявленной цели обработки;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— на отзыв согласия на обработку персональных данных, а также, на направление требования о прекращении обработки персональных данных;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— обжаловать в уполномоченный орган по защите прав субъектов персональных данных или в судебном порядке неправомерные действия или бездействие Оператора при обработке его персональных данных.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
<strong>4.2. Субъекты персональных данных обязаны:</strong>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— предоставлять Оператору достоверные данные о себе;
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%] ml-[20px]">
|
||||||
|
— сообщать Оператору об уточнении (обновлении, изменении) своих персональных данных.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
5. Принципы обработки персональных данных
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
5.1. Обработка персональных данных осуществляется на законной и справедливой основе.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
5.2. Обработка персональных данных ограничивается достижением конкретных, заранее определенных и законных целей. Не допускается обработка персональных данных, несовместимая с целями сбора персональных данных.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
5.3. Не допускается объединение баз данных, содержащих персональные данные, обработка которых осуществляется в целях, несовместимых между собой.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
5.4. Обработке подлежат только персональные данные, которые отвечают целям их обработки.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
6. Цели обработки персональных данных
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<div class="overflow-x-auto">
|
||||||
|
<table class="w-full border-collapse border border-gray-300">
|
||||||
|
<thead>
|
||||||
|
<tr class="bg-gray-100">
|
||||||
|
<th class="border border-gray-300 p-3 text-left font-[600]">Цель обработки</th>
|
||||||
|
<th class="border border-gray-300 p-3 text-left font-[600]">Персональные данные</th>
|
||||||
|
<th class="border border-gray-300 p-3 text-left font-[600]">Правовые основания</th>
|
||||||
|
<th class="border border-gray-300 p-3 text-left font-[600]">Виды обработки</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td class="border border-gray-300 p-3">Информирование Пользователя посредством отправки электронных писем</td>
|
||||||
|
<td class="border border-gray-300 p-3">Фамилия, имя, отчество<br>Электронный адрес<br>Номера телефонов</td>
|
||||||
|
<td class="border border-gray-300 p-3">Уставные (учредительные) документы Оператора</td>
|
||||||
|
<td class="border border-gray-300 p-3">Отправка информационных писем на адрес электронной почты</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
7. Порядок сбора, хранения, передачи и других видов обработки персональных данных
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
Безопасность персональных данных, которые обрабатываются Оператором, обеспечивается путем реализации правовых, организационных и технических мер, необходимых для выполнения в полном объеме требований действующего законодательства в области защиты персональных данных.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
7.1. Оператор обеспечивает сохранность персональных данных и принимает все возможные меры, исключающие доступ к персональным данным неуполномоченных лиц.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
7.2. Персональные данные Пользователя никогда, ни при каких условиях не будут переданы третьим лицам, за исключением случаев, связанных с исполнением действующего законодательства либо в случае, если субъектом персональных данных дано согласие Оператору на передачу данных третьему лицу для исполнения обязательств по гражданско-правовому договору.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
7.3. В случае выявления неточностей в персональных данных, Пользователь может актуализировать их самостоятельно, путем направления Оператору уведомления на адрес электронной почты Оператора с пометкой «Актуализация персональных данных».
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
7.4. Срок обработки персональных данных определяется достижением целей, для которых были собраны персональные данные, если иной срок не предусмотрен договором или действующим законодательством.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
Пользователь может в любой момент отозвать свое согласие на обработку персональных данных, направив Оператору уведомление посредством электронной почты с пометкой «Отзыв согласия на обработку персональных данных».
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
8. Использование файлов cookie
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
8.1. Сайт <?php echo esc_url(home_url()); ?> использует файлы cookie и аналогичные технологии для улучшения работы сайта, повышения удобства использования, а также в аналитических и маркетинговых целях.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
8.2. Файлы cookie — это небольшие текстовые файлы, которые сохраняются на устройстве Пользователя при посещении сайта. Они позволяют распознавать браузер Пользователя, сохранять его предпочтения и другую информацию для последующих посещений.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
8.3. Пользователь может в любое время изменить настройки браузера, чтобы блокировать файлы cookie или получать уведомления об их отправке. Однако в случае отключения cookie некоторые функции сайта могут работать некорректно.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
8.4. Продолжая использовать сайт без изменения настроек браузера, Пользователь дает согласие на использование файлов cookie в соответствии с настоящей Политикой конфиденциальности.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<h2 class="font-[600] text-[24px] max-[768px]:text-[16px] leading-[125%] max-[768px]:text-[20px]">
|
||||||
|
9. Заключительные положения
|
||||||
|
</h2>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
9.1. Пользователь может получить любые разъяснения по интересующим вопросам, касающимся обработки его персональных данных, обратившись к Оператору с помощью электронной почты.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
9.2. В данном документе будут отражены любые изменения политики обработки персональных данных Оператором. Политика действует бессрочно до замены ее новой версией.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="font-[500] text-[16px] max-[768px]:text-[14px]leading-[145%]">
|
||||||
|
9.3. Актуальная версия Политики в свободном доступе расположена в сети Интернет по адресу <?php echo esc_url(get_permalink()); ?>.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<?php
|
||||||
|
get_footer();
|
||||||
|
?>
|
||||||
@@ -47,28 +47,26 @@ html, body {
|
|||||||
|
|
||||||
.grey-gradient-hover {
|
.grey-gradient-hover {
|
||||||
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
background: linear-gradient(90deg, #9d9994 39.42%, #c5c5b9 92.9%);
|
||||||
background-size: 177% 100%;
|
transition: background 180ms ease-in-out;
|
||||||
background-position: 0% 0;
|
background-size: 101%!important;
|
||||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.grey-gradient-hover:hover {
|
.grey-gradient-hover:hover {
|
||||||
background-position: 39.42% 0;
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .grey-gradient-hover {
|
.dark .grey-gradient-hover {
|
||||||
border: 1px solid rgba(248, 248, 248, 0.12);
|
border: 1px solid rgba(248, 248, 248, 0.12);
|
||||||
backdrop-filter: blur(20px);
|
backdrop-filter: blur(20px);
|
||||||
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
||||||
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
||||||
background-size: 177% 100%;
|
transition: background 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||||
background-position: -1px 0;
|
|
||||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .grey-gradient-hover:hover {
|
.dark .grey-gradient-hover:hover {
|
||||||
background-position: 9.42% 0;
|
background:
|
||||||
transition: background-position 180ms cubic-bezier(0.4, 0.0, 0.2, 1);
|
linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%),
|
||||||
|
linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.red-gradient-hover {
|
.red-gradient-hover {
|
||||||
@@ -113,11 +111,13 @@ html, body {
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
#fluentform_4 {
|
#fluentform_4,
|
||||||
|
#fluentform_5 {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4 .ff-el-form-control {
|
#fluentform_4 .ff-el-form-control,
|
||||||
|
#fluentform_5 .ff-el-form-control {
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
box-shadow: 0 2px 32px 0 rgba(16, 15, 15, 0.03);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
@@ -133,7 +133,8 @@ html, body {
|
|||||||
color: #6c6b6b;
|
color: #6c6b6b;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4 .ff-btn-submit {
|
#fluentform_4 .ff-btn-submit,
|
||||||
|
#fluentform_5 .ff-btn-submit {
|
||||||
height: 75px;
|
height: 75px;
|
||||||
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||||
border-radius: 90px;
|
border-radius: 90px;
|
||||||
@@ -148,16 +149,32 @@ html, body {
|
|||||||
transition: 180ms ease-in;
|
transition: 180ms ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4 .ff-btn-submit:hover {
|
@media (max-width: 1049px) {
|
||||||
|
#fluentform_4 .ff-el-form-control,
|
||||||
|
#fluentform_5 .ff-el-form-control {
|
||||||
|
font-size: 16px;
|
||||||
|
height: 69px;
|
||||||
|
}
|
||||||
|
#fluentform_4 .ff-btn-submit,
|
||||||
|
#fluentform_5 .ff-btn-submit {
|
||||||
|
font-size: 16px;
|
||||||
|
height: 69px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#fluentform_4 .ff-btn-submit:hover,
|
||||||
|
#fluentform_5 .ff-btn-submit:hover {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
transition: 180ms ease-in;
|
transition: 180ms ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4 .ff_submit_btn_wrapper {
|
#fluentform_4 .ff_submit_btn_wrapper,
|
||||||
|
#fluentform_5 .ff_submit_btn_wrapper {
|
||||||
margin-bottom: 0!important;
|
margin-bottom: 0!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4 .error.text-danger {
|
#fluentform_4 .error.text-danger,
|
||||||
|
#fluentform_5 .error.text-danger {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
bottom: -18px;
|
bottom: -18px;
|
||||||
@@ -166,18 +183,19 @@ html, body {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4 .ff-el-group {
|
#fluentform_4 .ff-el-group,
|
||||||
|
#fluentform_5 .ff-el-group {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-bottom: 18px;
|
margin-bottom: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#fluentform_4_success {
|
#fluentform_4_success,
|
||||||
|
#fluentform_5_success {
|
||||||
display: none!important;
|
display: none!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#fluentform_4 .ff-el-input--label,
|
||||||
|
#fluentform_5 .ff-el-input--label {
|
||||||
#fluentform_4 .ff-el-input--label {
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 32px;
|
left: 32px;
|
||||||
@@ -193,15 +211,18 @@ html, body {
|
|||||||
color: #6c6b6b;
|
color: #6c6b6b;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
#fluentform_4 .ff-el-group.focused .ff-el-input--label,
|
#fluentform_4 .ff-el-group.focused .ff-el-input--label,
|
||||||
#fluentform_4 .ff-el-group.has-value .ff-el-input--label {
|
#fluentform_4 .ff-el-group.has-value .ff-el-input--label,
|
||||||
|
#fluentform_5 .ff-el-group.focused .ff-el-input--label,
|
||||||
|
#fluentform_5 .ff-el-group.has-value .ff-el-input--label {
|
||||||
top: 6px;
|
top: 6px;
|
||||||
transform: translateY(0);
|
transform: translateY(0);
|
||||||
transition: 180ms ease-in-out;
|
transition: 180ms ease-in-out;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
#fluentform_4 .ff-el-tc{
|
|
||||||
|
#fluentform_4 .ff-el-tc,
|
||||||
|
#fluentform_5 .ff-el-tc {
|
||||||
margin-top: 32px!important;
|
margin-top: 32px!important;
|
||||||
font-weight: 500!important;
|
font-weight: 500!important;
|
||||||
font-size: 16px!important;
|
font-size: 16px!important;
|
||||||
@@ -209,3 +230,11 @@ html, body {
|
|||||||
color: #6c6b6b!important;
|
color: #6c6b6b!important;
|
||||||
margin-bottom: 0!important;
|
margin-bottom: 0!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1047px) {
|
||||||
|
#fluentform_4 .ff-el-tc,
|
||||||
|
#fluentform_5 .ff-el-tc {
|
||||||
|
font-size: 12px!important;
|
||||||
|
margin-top: 16px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -1,7 +1,26 @@
|
|||||||
@utility container {
|
@layer utilities {
|
||||||
max-width: 1330px;
|
.container {
|
||||||
padding-left: 5px;
|
max-width: 1330px;
|
||||||
padding-right: 5px;
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
@layer utilities {
|
||||||
|
.container {
|
||||||
|
padding-left: 24px;
|
||||||
|
padding-right: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (max-width: 349px) {
|
||||||
|
@layer utilities {
|
||||||
|
.container {
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*@utility alignfull {
|
/*@utility alignfull {
|
||||||
|
|||||||
@@ -15,18 +15,84 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
window.addEventListener('resize', updateMainPadding);
|
window.addEventListener('resize', updateMainPadding);
|
||||||
});*/
|
});*/
|
||||||
|
|
||||||
// Используем делегирование событий для динамически загружаемых форм
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
function smoothScrollTo(element, options = {}) {
|
||||||
|
const {
|
||||||
|
offset = 80,
|
||||||
|
behavior = 'smooth',
|
||||||
|
block = 'start'
|
||||||
|
} = options;
|
||||||
|
|
||||||
|
if (element) {
|
||||||
|
const elementPosition = element.offsetTop;
|
||||||
|
const offsetPosition = Math.max(0, elementPosition - offset);
|
||||||
|
|
||||||
|
window.scrollTo({
|
||||||
|
top: offsetPosition,
|
||||||
|
behavior: behavior
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.querySelectorAll('[data-scroll-to]').forEach(function(button) {
|
||||||
|
button.addEventListener('click', function() {
|
||||||
|
const scrollTarget = this.getAttribute('data-scroll-to');
|
||||||
|
|
||||||
|
if (scrollTarget) {
|
||||||
|
|
||||||
|
const targetSection = document.querySelector(`[data-scroll-section="${scrollTarget}"]`);
|
||||||
|
|
||||||
|
if (targetSection) {
|
||||||
|
|
||||||
|
const scrollOptions = {
|
||||||
|
offset: 80,
|
||||||
|
behavior: 'smooth'
|
||||||
|
};
|
||||||
|
|
||||||
|
smoothScrollTo(targetSection, scrollOptions);
|
||||||
|
|
||||||
|
|
||||||
|
document.querySelectorAll('[data-scroll-section]').forEach(section => {
|
||||||
|
section.classList.remove('scroll-active');
|
||||||
|
});
|
||||||
|
targetSection.classList.add('scroll-active');
|
||||||
|
} else {
|
||||||
|
console.warn(`Секция с data-scroll-section="${scrollTarget}" не найдена`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
function updateActiveSection() {
|
||||||
|
const sections = document.querySelectorAll('[data-scroll-section]');
|
||||||
|
const scrollPosition = window.scrollY + 100;
|
||||||
|
|
||||||
|
sections.forEach(section => {
|
||||||
|
const sectionTop = section.offsetTop;
|
||||||
|
const sectionBottom = sectionTop + section.offsetHeight;
|
||||||
|
|
||||||
|
if (scrollPosition >= sectionTop && scrollPosition < sectionBottom) {
|
||||||
|
sections.forEach(s => s.classList.remove('scroll-current'));
|
||||||
|
section.classList.add('scroll-current');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
let scrollTimeout;
|
||||||
|
window.addEventListener('scroll', function() {
|
||||||
|
clearTimeout(scrollTimeout);
|
||||||
|
scrollTimeout = setTimeout(updateActiveSection, 100);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
|
||||||
// Делегирование для focus события
|
|
||||||
document.addEventListener('focus', function(e) {
|
document.addEventListener('focus', function(e) {
|
||||||
if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
|
if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
|
||||||
const group = e.target.closest('.ff-el-group');
|
const group = e.target.closest('.ff-el-group');
|
||||||
if (group) group.classList.add('focused');
|
if (group) group.classList.add('focused');
|
||||||
}
|
}
|
||||||
}, true); // используем capture phase
|
}, true);
|
||||||
|
|
||||||
// Делегирование для blur события
|
|
||||||
document.addEventListener('blur', function(e) {
|
document.addEventListener('blur', function(e) {
|
||||||
if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
|
if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
|
||||||
const group = e.target.closest('.ff-el-group');
|
const group = e.target.closest('.ff-el-group');
|
||||||
@@ -34,9 +100,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
}
|
}
|
||||||
}, true);
|
}, true);
|
||||||
|
|
||||||
// Делегирование для input события
|
|
||||||
document.addEventListener('input', function(e) {
|
document.addEventListener('input', function(e) {
|
||||||
// Обычные поля формы
|
|
||||||
if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
|
if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
|
||||||
const group = e.target.closest('.ff-el-group');
|
const group = e.target.closest('.ff-el-group');
|
||||||
if (group) {
|
if (group) {
|
||||||
@@ -48,29 +112,23 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Форматирование телефона
|
|
||||||
if (e.target.matches('#fluentform_4 .ff-el-phone')) {
|
if (e.target.matches('#fluentform_4 .ff-el-phone')) {
|
||||||
formatPhoneNumber(e);
|
formatPhoneNumber(e);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Делегирование для keydown события (для телефона)
|
|
||||||
document.addEventListener('keydown', function(e) {
|
document.addEventListener('keydown', function(e) {
|
||||||
if (e.target.matches('#fluentform_4 .ff-el-phone')) {
|
if (e.target.matches('#fluentform_4 .ff-el-phone')) {
|
||||||
handlePhoneKeydown(e);
|
handlePhoneKeydown(e);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Функция форматирования телефона
|
|
||||||
function formatPhoneNumber(e) {
|
function formatPhoneNumber(e) {
|
||||||
let value = e.target.value.replace(/\D/g, '');
|
let value = e.target.value.replace(/\D/g, '');
|
||||||
|
|
||||||
// Заменяем 8 на 7
|
|
||||||
if (value.startsWith('8')) {
|
if (value.startsWith('8')) {
|
||||||
value = '7' + value.slice(1);
|
value = '7' + value.slice(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Добавляем 7 если нет
|
|
||||||
if (!value.startsWith('7') && value.length > 0) {
|
if (!value.startsWith('7') && value.length > 0) {
|
||||||
value = '7' + value;
|
value = '7' + value;
|
||||||
}
|
}
|
||||||
@@ -100,7 +158,6 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
e.target.value = formattedValue;
|
e.target.value = formattedValue;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Функция обработки клавиш для телефона
|
|
||||||
function handlePhoneKeydown(e) {
|
function handlePhoneKeydown(e) {
|
||||||
if (e.key === 'Backspace' || e.key === 'Delete') {
|
if (e.key === 'Backspace' || e.key === 'Delete') {
|
||||||
const cursorPos = e.target.selectionStart;
|
const cursorPos = e.target.selectionStart;
|
||||||
@@ -114,3 +171,102 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', function() {
|
||||||
|
|
||||||
|
const MenuSystem = {
|
||||||
|
burger: null,
|
||||||
|
overlay: null,
|
||||||
|
container: null,
|
||||||
|
isOpen: false,
|
||||||
|
|
||||||
|
init() {
|
||||||
|
this.burger = document.getElementById('burger');
|
||||||
|
this.overlay = document.getElementById('menu-overlay');
|
||||||
|
this.container = document.getElementById('menu-container');
|
||||||
|
|
||||||
|
if (!this.burger || !this.overlay || !this.container) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.bindEvents();
|
||||||
|
},
|
||||||
|
|
||||||
|
bindEvents() {
|
||||||
|
this.burger.addEventListener('click', () => {
|
||||||
|
if (this.isOpen) {
|
||||||
|
this.close();
|
||||||
|
} else {
|
||||||
|
this.open();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
this.overlay.addEventListener('click', (e) => {
|
||||||
|
if (e.target === this.overlay) {
|
||||||
|
this.close();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener('keydown', (e) => {
|
||||||
|
if (e.key === 'Escape' && this.isOpen) {
|
||||||
|
this.close();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
open() {
|
||||||
|
if (this.isOpen) return;
|
||||||
|
|
||||||
|
this.isOpen = true;
|
||||||
|
this.animateBurger(true);
|
||||||
|
this.showMenu();
|
||||||
|
},
|
||||||
|
|
||||||
|
close() {
|
||||||
|
if (!this.isOpen) return;
|
||||||
|
|
||||||
|
this.isOpen = false;
|
||||||
|
this.animateBurger(false);
|
||||||
|
this.hideMenu();
|
||||||
|
},
|
||||||
|
|
||||||
|
animateBurger(toClose) {
|
||||||
|
const line1 = this.burger.querySelector('.line-1');
|
||||||
|
const line2 = this.burger.querySelector('.line-2');
|
||||||
|
const line3 = this.burger.querySelector('.line-3');
|
||||||
|
|
||||||
|
if (toClose) {
|
||||||
|
line1.classList.remove('-translate-y-[6px]');
|
||||||
|
line1.classList.add('rotate-[45deg]');
|
||||||
|
line2.classList.add('opacity-[0]');
|
||||||
|
line3.classList.remove('translate-y-[6px]');
|
||||||
|
line3.classList.add('-rotate-[45deg]');
|
||||||
|
} else {
|
||||||
|
line1.classList.add('-translate-y-[6px]');
|
||||||
|
line1.classList.remove('rotate-[45deg]');
|
||||||
|
line2.classList.remove('opacity-[0]');
|
||||||
|
line3.classList.add('translate-y-[6px]');
|
||||||
|
line3.classList.remove('-rotate-[45deg]');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
showMenu() {
|
||||||
|
document.body.style.overflow = 'hidden';
|
||||||
|
this.overlay.classList.remove('opacity-[0]', 'invisible');
|
||||||
|
this.overlay.classList.add('opacity-[1]', 'visible');
|
||||||
|
this.container.classList.remove('translate-x-full');
|
||||||
|
this.container.classList.add('translate-x-[0]');
|
||||||
|
},
|
||||||
|
|
||||||
|
hideMenu() {
|
||||||
|
document.body.style.overflow = '';
|
||||||
|
this.container.classList.remove('translate-x-[0]');
|
||||||
|
this.container.classList.add('translate-x-full');
|
||||||
|
this.overlay.classList.remove('opacity-[1]', 'visible');
|
||||||
|
this.overlay.classList.add('opacity-[0]', 'invisible');
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
MenuSystem.init();
|
||||||
|
window.MenuSystem = MenuSystem;
|
||||||
|
});
|
||||||
@@ -18,7 +18,7 @@ if (have_rows('short_info')) {
|
|||||||
$trainer_full_desc = '';
|
$trainer_full_desc = '';
|
||||||
$trainer_desc_list = array();
|
$trainer_desc_list = array();
|
||||||
$trainer_documents = array();
|
$trainer_documents = array();
|
||||||
|
$trainer_desc_points = array();
|
||||||
if (have_rows('full_info')) {
|
if (have_rows('full_info')) {
|
||||||
while (have_rows('full_info')) {
|
while (have_rows('full_info')) {
|
||||||
the_row();
|
the_row();
|
||||||
@@ -31,6 +31,17 @@ if (have_rows('full_info')) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (have_rows('desc_points')) {
|
||||||
|
while (have_rows('desc_points')) {
|
||||||
|
the_row();
|
||||||
|
$point = array(
|
||||||
|
'text' => get_sub_field('text'),
|
||||||
|
'icon' => get_sub_field('icon')
|
||||||
|
);
|
||||||
|
$trainer_desc_points[] = $point;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
$documents = get_sub_field('documents');
|
$documents = get_sub_field('documents');
|
||||||
if ($documents && is_array($documents)) {
|
if ($documents && is_array($documents)) {
|
||||||
$trainer_documents = $documents;
|
$trainer_documents = $documents;
|
||||||
@@ -42,140 +53,328 @@ $trainer_photos = get_field('photo');
|
|||||||
$trainer_trainings = get_field('trainings');
|
$trainer_trainings = get_field('trainings');
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="py-[90px]">
|
<section class="max-[768px]:py-[40px] container mx-auto py-[90px]">
|
||||||
<div class="container mx-auto">
|
<div class="max-[1050px]:flex-col max-[1300px]:gap-[24px] flex gap-[60px] justify-between">
|
||||||
|
<div class="flex">
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-[60px] mb-[90px]">
|
<?php if ($trainer_photos && !empty($trainer_photos)): ?>
|
||||||
<!-- Фото тренера -->
|
<div class="max-[1050px]:h-[380px] max-[1050px]:min-h-auto max-[1050px]:!mx-auto trainer-photos-swiper rounded-[20px] swiper !m-0 w-[500px] min-h-[540px] relative">
|
||||||
<div class="flex flex-col gap-[20px]">
|
<div class="swiper-wrapper">
|
||||||
<?php if ($trainer_photos && !empty($trainer_photos[0])): ?>
|
<?php foreach ($trainer_photos as $photo): ?>
|
||||||
<div class="rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
<div class="swiper-slide overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
<img src="<?php echo esc_url($trainer_photos[0]['url']); ?>"
|
<img src="<?php echo esc_url($photo['url']); ?>"
|
||||||
alt="<?php echo esc_attr($trainer_photos[0]['alt']); ?>"
|
alt="<?php echo esc_attr($photo['alt']); ?>"
|
||||||
class="w-full h-[600px] object-cover"/>
|
class="max-[1050px]:h-[380px] max-[1050px]:min-h-auto w-full min-h-[540px] object-cover object-top"/>
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<!-- Дополнительные фото (если есть) -->
|
|
||||||
<?php if ($trainer_photos && count($trainer_photos) > 1): ?>
|
|
||||||
<div class="grid grid-cols-3 gap-[12px]">
|
|
||||||
<?php for ($i = 1; $i < min(4, count($trainer_photos)); $i++): ?>
|
|
||||||
<div class="rounded-[12px] overflow-hidden">
|
|
||||||
<img src="<?php echo esc_url($trainer_photos[$i]['url']); ?>"
|
|
||||||
alt="<?php echo esc_attr($trainer_photos[$i]['alt']); ?>"
|
|
||||||
class="w-full h-[120px] object-cover"/>
|
|
||||||
</div>
|
</div>
|
||||||
<?php endfor; ?>
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="trainer-swiper-pagination absolute flex items-center justify-center left-1/2 z-[2]"></div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-[1300px]:max-w-full flex flex-col w-full max-w-[760px] relative">
|
||||||
|
<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>
|
||||||
|
<div class="max-[768px]:mx-0 max-[1300px]:mx-auto flex gap-[12px] mb-[16px]">
|
||||||
|
<div class="text-[15px] leading-[110%] font-[600] px-[12px] h-[29px] flex items-center justify-center rounded-[32px] border border-[#e0e0e0]">
|
||||||
|
<span class="mr-[8px] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
||||||
|
<?php echo pll_current_language('name'); ?>
|
||||||
|
</div>
|
||||||
|
<?php if ($trainer_exp): ?>
|
||||||
|
<div class="text-[15px] leading-[110%] font-[600] px-[12px] h-[29px] flex items-center justify-center rounded-[32px] border border-[#e0e0e0]">
|
||||||
|
<?php echo esc_html($trainer_exp); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Информация о тренере -->
|
<?php if ($trainer_name): ?>
|
||||||
<div class="flex flex-col">
|
<h1 class="max-[768px]:text-[24px] max-[1050px]:text-[30px] font-[700] text-[40px] leading-[120%]">
|
||||||
<div class="flex gap-[8px] mb-[20px]">
|
<?php echo esc_html($trainer_name); ?>
|
||||||
<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%)]">
|
</h1>
|
||||||
<?php echo pll_current_language('name'); ?>
|
<?php endif; ?>
|
||||||
</div>
|
|
||||||
<?php if ($trainer_exp): ?>
|
<?php if ($trainer_short_desc): ?>
|
||||||
<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%)]">
|
<div class="max-[768px]:text-[16px] font-[500] text-[20px] leading-[140%] mt-[16px]">
|
||||||
<?php echo esc_html($trainer_exp); ?>
|
<?php echo wp_kses_post($trainer_short_desc); ?>
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if ($trainer_name): ?>
|
<?php if ($trainer_full_desc): ?>
|
||||||
<h1 class="text-[48px] leading-[120%] font-[600] mb-[20px]">
|
<div class="flex flex-col w-full pt-[24px] mt-[24px] border-t border-dashed border-[#e0e0e0]">
|
||||||
<?php echo esc_html($trainer_name); ?>
|
<h3 class="max-[768px]:text-[20px] font-[700] text-[24px] leading-[125%]">О тренере</h3>
|
||||||
</h1>
|
<div class="max-[768px]:text-[16px] text-[20px] font-[500] leading-[140%] mt-[16px]">
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php if ($trainer_short_desc): ?>
|
|
||||||
<div class="text-[20px] leading-[150%] font-[500] text-[#6c6b6b] mb-[30px]">
|
|
||||||
<?php echo wp_kses_post($trainer_short_desc); ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php if ($trainer_full_desc): ?>
|
|
||||||
<div class="text-[16px] leading-[160%] font-[400] text-[#2B2C35] mb-[30px]">
|
|
||||||
<?php echo wp_kses_post($trainer_full_desc); ?>
|
<?php echo wp_kses_post($trainer_full_desc); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
<!-- Список достижений/квалификаций -->
|
<?php if ($trainer_full_desc): ?>
|
||||||
<?php if (!empty($trainer_desc_list)): ?>
|
<h3 class="max-[768px]:text-[20px] font-[700] text-[24px] leading-[125%] mt-[24px] ">Опыт и подход</h3>
|
||||||
<div class="mb-[30px]">
|
<div class="max-[768px]:text-[16px] text-[20px] font-[500] leading-[140%] mt-[16px]">
|
||||||
<h3 class="text-[24px] leading-[125%] font-[600] mb-[16px]">Квалификация и достижения</h3>
|
<ul class="max-[768px]:text-[16px] mt-[16px] font-[500] text-[20px] leading-[140%] flex flex-col gap-[8px]">
|
||||||
<ul class="space-y-[8px]">
|
<?php
|
||||||
<?php foreach ($trainer_desc_list as $desc_item): ?>
|
foreach ($trainer_desc_list as $desc_item): ?>
|
||||||
<?php if ($desc_item): ?>
|
<?php if ($desc_item): ?>
|
||||||
<li class="flex items-start gap-[12px] text-[16px] leading-[160%] font-[400] text-[#2B2C35]">
|
<li class="flex items-center gap-[12px]">
|
||||||
<div class="w-[6px] h-[6px] rounded-full bg-[#E21E24] mt-[10px] flex-shrink-0"></div>
|
<svg class="min-w-fit" width="16" height="16" viewBox="0 0 16 16" fill="none"
|
||||||
<?php echo wp_kses_post($desc_item); ?>
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
</li>
|
<g clip-path="url(#clip0_4123_4601)">
|
||||||
<?php endif; ?>
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
<?php endforeach; ?>
|
d="M4 0C2.93913 0 1.92172 0.421427 1.17157 1.17157C0.421427 1.92172 0 2.93913 0 4V12C0 13.0609 0.421427 14.0783 1.17157 14.8284C1.92172 15.5786 2.93913 16 4 16H12C13.0609 16 14.0783 15.5786 14.8284 14.8284C15.5786 14.0783 16 13.0609 16 12V4C16 2.93913 15.5786 1.92172 14.8284 1.17157C14.0783 0.421427 13.0609 0 12 0H4ZM11.712 4.9856C11.8749 5.12143 11.9772 5.31638 11.9964 5.5276C12.0156 5.73882 11.9501 5.94903 11.8144 6.112L7.8144 10.912C7.74531 10.9948 7.66017 11.0629 7.56412 11.1119C7.46806 11.161 7.36307 11.1902 7.25546 11.1977C7.14785 11.2051 7.03983 11.1908 6.93792 11.1554C6.836 11.1201 6.74228 11.0645 6.6624 10.992L4.2624 8.8104C4.10832 8.66696 4.01698 8.46857 4.0082 8.25825C3.99941 8.04792 4.07388 7.8426 4.21546 7.68681C4.35704 7.53102 4.55431 7.43731 4.76452 7.42601C4.97473 7.4147 5.18092 7.4867 5.3384 7.6264L7.12 9.2464L10.5856 5.088C10.7214 4.9251 10.9164 4.82281 11.1276 4.80361C11.3388 4.78441 11.549 4.84987 11.712 4.9856Z"
|
||||||
</ul>
|
fill="#E21E24"/>
|
||||||
</div>
|
</g>
|
||||||
<?php endif; ?>
|
<defs>
|
||||||
|
<clipPath id="clip0_4123_4601">
|
||||||
<!-- Документы/сертификаты -->
|
<rect width="16" height="16" fill="white"/>
|
||||||
<?php if ($trainer_documents && !empty($trainer_documents)): ?>
|
</clipPath>
|
||||||
<div class="mb-[30px]">
|
</defs>
|
||||||
<h3 class="text-[24px] leading-[125%] font-[600] mb-[16px]">Документы</h3>
|
|
||||||
<div class="space-y-[12px]">
|
|
||||||
<?php foreach ($trainer_documents as $document): ?>
|
|
||||||
<a href="<?php echo esc_url($document['url']); ?>"
|
|
||||||
target="_blank"
|
|
||||||
class="flex items-center gap-[12px] px-[20px] py-[12px] bg-[#f8f8f8] hover:bg-[#e0e0e0] rounded-[12px] text-[16px] leading-[145%] font-[500] text-[#2B2C35] transition-colors duration-300">
|
|
||||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M17.5 12.5V15.8333C17.5 16.2754 17.3244 16.6993 17.0118 17.0118C16.6993 17.3244 16.2754 17.5 15.8333 17.5H4.16667C3.72464 17.5 3.30072 17.3244 2.98816 17.0118C2.67559 16.6993 2.5 16.2754 2.5 15.8333V12.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M5.83334 8.33333L10 12.5L14.1667 8.33333" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
<path d="M10 12.5V2.5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
</svg>
|
||||||
<div class="flex flex-col">
|
<?php echo wp_kses_post($desc_item); ?>
|
||||||
<span><?php echo esc_html($document['filename']); ?></span>
|
</li>
|
||||||
<span class="text-[14px] text-[#6c6b6b]">
|
<?php $counter++; ?>
|
||||||
<?php echo esc_html(size_format($document['filesize'])); ?>
|
<?php endif; ?>
|
||||||
</span>
|
<?php endforeach; ?>
|
||||||
</div>
|
</ul>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php if (!empty($trainer_desc_points) || ($trainer_documents && !empty($trainer_documents))): ?>
|
||||||
|
<div class="max-[768px]:flex-col max-[768px]:mt-[24px] mt-[64px] flex gap-[24px] justify-between flex-wrap">
|
||||||
|
<?php if (!empty($trainer_desc_points)): ?>
|
||||||
|
<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="max-[768px]:grid-cols-1 grid grid-cols-2 gap-y-[24px] gap-x-[16px] mt-[24px]">
|
||||||
|
<?php foreach ($trainer_desc_points as $point): ?>
|
||||||
|
<li class="flex items-center font-[600] text-[16px] leading-[145%] gap-[16px]">
|
||||||
|
<div class="[&>svg]:min-w-fit grid place-items-center min-w-[55px] w-[55px] h-[55px] rounded-[9px] shadow-[0_1px_23px_0_rgba(16,_15,_15,_0.03)] bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]">
|
||||||
|
<?php if ($point['icon']): ?>
|
||||||
|
<img src="<?php echo esc_url($point['icon']['url']); ?>"
|
||||||
|
alt="<?php echo esc_attr($point['icon']['alt']); ?>"
|
||||||
|
class="w-[27px] h-[27px] object-contain">
|
||||||
|
<?php else: ?>
|
||||||
|
<!-- Fallback icon если изображение не загружено -->
|
||||||
|
<svg width="27" height="27" viewBox="0 0 27 27" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<circle cx="13.5" cy="13.5" r="13.5" fill="#E21E24"/>
|
||||||
|
</svg>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<p class="max-[768px]:max-w-full max-w-[240px] flex w-full">
|
||||||
|
<?php echo esc_html($point['text']); ?>
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if ($trainer_documents && !empty($trainer_documents)): ?>
|
||||||
|
<div class="flex flex-col w-full max-w-[536px] h-fit p-[24px] rounded-[12px] border border-[#e0e0e0]">
|
||||||
|
<h3 class="font-[700] text-[24px] leading-[125%]">Сертификаты и квалификация</h3>
|
||||||
|
<ul class="mt-[26px] flex flex-col gap-[12px]">
|
||||||
|
<?php $counter = 1; ?>
|
||||||
|
<?php foreach ($trainer_documents as $document): ?>
|
||||||
|
<li class="flex items-center gap-[12px] flex w-full rounded-[12px] px-[16px] h-[48px]
|
||||||
|
shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]
|
||||||
|
bg-[#fff]
|
||||||
|
transition hover:shadow-none">
|
||||||
|
<span class="rounded-[24px] flex items-center justify-center w-[32px] h-[24px] bg-[linear-gradient(90deg,_#9d9994_39.42%,_#bbb7b1_92.9%)] text-white text-[14px] font-[600]">
|
||||||
|
<?php echo sprintf('%02d', $counter); ?>
|
||||||
|
</span>
|
||||||
|
<a href="<?php echo esc_url($document['document']['url']); ?>" target="_blank"
|
||||||
|
class="!no-underline font-[600] text-[16px] leading-[145%] w-full h-full flex items-center">
|
||||||
|
<?php echo esc_html($document['document_name']); ?>
|
||||||
</a>
|
</a>
|
||||||
<?php endforeach; ?>
|
</li>
|
||||||
</div>
|
<?php $counter++; ?>
|
||||||
</div>
|
<?php endforeach; ?>
|
||||||
<?php endif; ?>
|
</ul>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<?php if ($trainer_trainings): ?>
|
||||||
|
<?php
|
||||||
|
$trainings_section_id = 'trainings-section-' . uniqid();
|
||||||
|
$trainings_data = array();
|
||||||
|
|
||||||
|
foreach ($trainer_trainings as $training) {
|
||||||
|
$training_info = array(
|
||||||
|
'post' => $training,
|
||||||
|
'name' => '',
|
||||||
|
'short_desc' => ''
|
||||||
|
);
|
||||||
|
|
||||||
|
if (have_rows('short_info', $training->ID)) {
|
||||||
|
while (have_rows('short_info', $training->ID)) {
|
||||||
|
the_row();
|
||||||
|
$training_info['name'] = get_sub_field('name');
|
||||||
|
$training_info['short_desc'] = get_sub_field('short_desc');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$trainings_data[] = $training_info;
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<section class="max-[768px]:pb-[40px] mx-auto pb-[90px]">
|
||||||
|
<div class="container mx-auto">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="flex items-center gap-[16px] ">
|
||||||
|
<h2 class="max-[1050px]:text-[36px] max-[768px]:max-[768px]:text-[24px] text-[40px] leading-[120%] font-[500]">
|
||||||
|
<strong>Тренировки</strong> с <?php echo esc_html($trainer_name ?: 'тренером'); ?>
|
||||||
|
</h2>
|
||||||
|
<div class="max-[1100px]:flex hidden gap-[6px] ml-auto">
|
||||||
|
<button class="group training-custom-prev cursor-pointer">
|
||||||
|
<?php display_icon('slider-prev') ?>
|
||||||
|
</button>
|
||||||
|
<button class="group training-custom-next cursor-pointer">
|
||||||
|
<?php display_icon('slider-next') ?>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Связанные тренировки -->
|
<div class="flex flex-col mt-[24px]">
|
||||||
<?php if ($trainer_trainings): ?>
|
<div class="swiper !m-0 rounded-[20px] rounded-b-[0]"
|
||||||
<section class="py-[60px] px-[40px] bg-[#f8f8f8] rounded-[20px]">
|
id="<?php echo esc_attr($trainings_section_id); ?>-swiper">
|
||||||
<h2 class="text-[36px] leading-[125%] font-[600] mb-[40px] text-center">Тренировки с <?php echo esc_html($trainer_name ?: 'этим тренером'); ?></h2>
|
<div class="swiper-wrapper">
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[24px]">
|
<?php foreach ($trainings_data as $training_data): ?>
|
||||||
<?php foreach ($trainer_trainings as $post): ?>
|
<?php $training = $training_data['post']; ?>
|
||||||
<?php setup_postdata($post); ?>
|
<div class="max-w-[312px] swiper-slide">
|
||||||
<a href="<?php the_permalink(); ?>"
|
<div class="flex flex-col bg-[#f8f8f8] relative rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
class="block bg-white rounded-[16px] p-[24px] shadow-[0_2px_16px_0_rgba(16,_15,_15,_0.08)] hover:shadow-[0_8px_32px_0_rgba(16,_15,_15,_0.12)] transition-shadow duration-300">
|
<?php $photo_images = get_field('photo', $training->ID); ?>
|
||||||
<h3 class="text-[20px] leading-[130%] font-[600] mb-[12px] text-[#2B2C35]">
|
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
||||||
<?php the_title(); ?>
|
<div class="overflow-hidden">
|
||||||
</h3>
|
<img src="<?php echo esc_url($photo_images[0]['url']); ?>"
|
||||||
<?php if (has_excerpt()): ?>
|
alt="<?php echo esc_attr($photo_images[0]['alt']); ?>"
|
||||||
<p class="text-[16px] leading-[150%] font-[400] text-[#6c6b6b]">
|
loading="lazy"
|
||||||
<?php echo wp_trim_words(get_the_excerpt(), 15, '...'); ?>
|
class="w-full h-full object-cover"/>
|
||||||
</p>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<div class="mt-[16px] flex items-center gap-[8px] text-[14px] leading-[140%] font-[500] text-[#E21E24]">
|
<div class="flex flex-col gap-[24px] h-full p-[24px]">
|
||||||
Узнать больше
|
<?php $name = $training_data['name']; ?>
|
||||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<?php if ($name): ?>
|
||||||
<path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
<div class="text-[24px] leading-[125%] font-[600]">
|
||||||
</svg>
|
<?php echo esc_html($name); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php $short_desc = $training_data['short_desc']; ?>
|
||||||
|
<?php if ($short_desc): ?>
|
||||||
|
<div class="text-[16px] leading-[145%] font-[500] text-[#222]">
|
||||||
|
<?php echo wp_kses_post($short_desc); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<a href="<?php echo get_permalink($training->ID); ?>"
|
||||||
|
class="!no-underline mt-auto h-[59px] flex grey-gradient-hover w-full rounded-[90px] px-[12px] text-[18px] font-[600] leading-[195%] text-[#f8f8f8] bg-[0_2px_32px_0_rgba(16,_15,_15,_0.03)] items-center justify-center">
|
||||||
|
Перейти
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
<?php wp_reset_postdata(); ?>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</div>
|
||||||
<?php endif; ?>
|
|
||||||
|
<div class="swiper-scrollbar [&_.swiper-scrollbar-drag]:dark:!bg-[#989597] !static !mx-auto !cursor-grab container mt-[44px] !w-full !p-0"
|
||||||
|
id="swiper-scrollbar-<?php echo esc_attr($trainings_section_id); ?>"></div>
|
||||||
|
<a class="hidden max-[768px]:flex !no-underline dark:text-[#F8F8F8] dark:max-w-[860px] dark:border-[#574348] flex mt-[44px] gap-[8px] border border-[#E0E0E0] hover:[&>svg]:translate-x-[6px] rounded-[90px] px-[32px] h-[59px] flex items-center justify-center text-[18px] font-[600] leading-[195%] text-[#222]"
|
||||||
|
href="<?php echo get_post_type_archive_link('training'); ?>">
|
||||||
|
Все тренировки
|
||||||
|
|
||||||
|
|
||||||
|
<svg class="transition fill-[#222222] dark:fill-[#F8F8F8]" 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"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
const swiperContainer = document.querySelector('#<?php echo esc_attr($trainings_section_id); ?>-swiper');
|
||||||
|
|
||||||
|
if (swiperContainer && typeof Swiper !== 'undefined') {
|
||||||
|
new Swiper('#<?php echo esc_attr($trainings_section_id); ?>-swiper', {
|
||||||
|
slidesPerView: 'auto',
|
||||||
|
spaceBetween: 24,
|
||||||
|
grabCursor: true,
|
||||||
|
freeMode: true,
|
||||||
|
scrollbar: {
|
||||||
|
el: `#swiper-scrollbar-<?php echo esc_attr($trainings_section_id); ?>`,
|
||||||
|
draggable: true,
|
||||||
|
},
|
||||||
|
navigation: {
|
||||||
|
nextEl: '.training-custom-next',
|
||||||
|
prevEl: '.training-custom-prev',
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
const trainerPhotosSwiper = document.querySelector('.trainer-photos-swiper');
|
||||||
|
|
||||||
|
if (trainerPhotosSwiper) {
|
||||||
|
const swiper = new Swiper('.trainer-photos-swiper', {
|
||||||
|
loop: true,
|
||||||
|
slidesPerView: 1,
|
||||||
|
spaceBetween: 0,
|
||||||
|
grabCursor: true,
|
||||||
|
|
||||||
|
pagination: {
|
||||||
|
el: '.trainer-swiper-pagination',
|
||||||
|
type: 'bullets',
|
||||||
|
clickable: true,
|
||||||
|
bulletClass: 'swiper-pagination-bullet',
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const slides = trainerPhotosSwiper.querySelectorAll('.swiper-slide');
|
||||||
|
if (slides.length <= 1) {
|
||||||
|
const pagination = trainerPhotosSwiper.querySelector('.trainer-swiper-pagination');
|
||||||
|
if (pagination) pagination.style.display = 'none';
|
||||||
|
swiper.autoplay.stop();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</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(); ?>
|
<?php get_footer(); ?>
|
||||||
@@ -1,7 +1,21 @@
|
|||||||
<?php
|
<?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();
|
get_header();
|
||||||
|
|
||||||
// Получаем данные о тренировке
|
|
||||||
$training_name = '';
|
$training_name = '';
|
||||||
$training_short_desc = '';
|
$training_short_desc = '';
|
||||||
$training_difficulty = '';
|
$training_difficulty = '';
|
||||||
@@ -44,192 +58,654 @@ if (have_rows('full_info')) {
|
|||||||
|
|
||||||
$training_photos = get_field('photo');
|
$training_photos = get_field('photo');
|
||||||
$training_trainers = get_field('trainers');
|
$training_trainers = get_field('trainers');
|
||||||
|
|
||||||
|
// Генерируем уникальный ID для галереи
|
||||||
|
$gallery_id = 'training-gallery-' . get_the_ID();
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="py-[90px]">
|
|
||||||
<div class="container mx-auto">
|
|
||||||
<!-- Навигация назад -->
|
|
||||||
<div class="mb-[40px]">
|
|
||||||
<a href="<?php echo get_post_type_archive_link('training'); ?>"
|
|
||||||
class="inline-flex items-center gap-[8px] text-[16px] leading-[145%] font-[500] text-[#6c6b6b] hover:text-[#2B2C35] transition-colors duration-300">
|
|
||||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M12.5 15L7.5 10L12.5 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
Все тренировки
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Основная информация -->
|
<section class="max-[768px]:pt-[40px] container mx-auto pt-[90px]">
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-[60px] mb-[90px]">
|
|
||||||
<!-- Фото тренировки -->
|
|
||||||
<div class="flex flex-col gap-[20px]">
|
|
||||||
<?php if ($training_photos && !empty($training_photos[0])): ?>
|
|
||||||
<div class="rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
|
||||||
<img src="<?php echo esc_url($training_photos[0]['url']); ?>"
|
|
||||||
alt="<?php echo esc_attr($training_photos[0]['alt']); ?>"
|
|
||||||
class="w-full h-[600px] object-cover"/>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<!-- Дополнительные фото (если есть) -->
|
<div class="flex gap-[24px] flex-wrap justify-between">
|
||||||
<?php if ($training_photos && count($training_photos) > 1): ?>
|
<div class="flex max-[1300px]:!mx-auto" id="<?php echo esc_attr($gallery_id); ?>" data-gallery-id="<?php echo esc_attr($gallery_id); ?>">
|
||||||
<div class="grid grid-cols-3 gap-[12px]">
|
<?php if ($training_photos && !empty($training_photos)): ?>
|
||||||
<?php for ($i = 1; $i < min(4, count($training_photos)); $i++): ?>
|
<div class="gallery-container">
|
||||||
<div class="rounded-[12px] overflow-hidden">
|
<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">
|
||||||
<img src="<?php echo esc_url($training_photos[$i]['url']); ?>"
|
<div class="swiper-wrapper">
|
||||||
alt="<?php echo esc_attr($training_photos[$i]['alt']); ?>"
|
<?php foreach ($training_photos as $img_index => $photo): ?>
|
||||||
class="w-full h-[120px] object-cover"/>
|
<div class="swiper-slide overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
</div>
|
<a href="<?php echo esc_url($photo['url']); ?>"
|
||||||
<?php endfor; ?>
|
class="glightbox block w-full h-full"
|
||||||
</div>
|
data-gallery="training-gallery-<?php echo esc_attr(get_the_ID()); ?>">
|
||||||
<?php endif; ?>
|
<?php if ($img_index === 0) : ?>
|
||||||
</div>
|
<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"
|
||||||
<div class="flex flex-col">
|
fetchpriority="high"/>
|
||||||
<div class="flex gap-[8px] mb-[20px]">
|
<?php else : ?>
|
||||||
<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%)]">
|
<img data-src="<?php echo esc_url($photo['url']); ?>"
|
||||||
<?php echo pll_current_language('name'); ?>
|
alt="<?php echo esc_attr($photo['alt']); ?>"
|
||||||
</div>
|
class="max-[1300px]:h-[360px] w-full h-[500px] object-cover swiper-lazy"/>
|
||||||
<?php if ($training_difficulty): ?>
|
<div class="swiper-lazy-preloader"></div>
|
||||||
<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 endif; ?>
|
||||||
<?php echo esc_html($training_difficulty); ?>
|
</a>
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
<?php if ($training_duration): ?>
|
|
||||||
<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($training_duration); ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php if ($training_name): ?>
|
|
||||||
<h1 class="text-[48px] leading-[120%] font-[600] mb-[20px]">
|
|
||||||
<?php echo esc_html($training_name); ?>
|
|
||||||
</h1>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php if ($training_short_desc): ?>
|
|
||||||
<div class="text-[20px] leading-[150%] font-[500] text-[#6c6b6b] mb-[30px]">
|
|
||||||
<?php echo wp_kses_post($training_short_desc); ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php if ($training_full_desc): ?>
|
|
||||||
<div class="text-[16px] leading-[160%] font-[400] text-[#2B2C35] mb-[30px]">
|
|
||||||
<?php echo wp_kses_post($training_full_desc); ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<!-- Что происходит на тренировке -->
|
|
||||||
<?php if (!empty($what_happens_list)): ?>
|
|
||||||
<div class="mb-[30px]">
|
|
||||||
<h3 class="text-[24px] leading-[125%] font-[600] mb-[16px]">Что происходит на тренировке</h3>
|
|
||||||
<ul class="space-y-[8px]">
|
|
||||||
<?php foreach ($what_happens_list as $what_happens_item): ?>
|
|
||||||
<?php if ($what_happens_item): ?>
|
|
||||||
<li class="flex items-start gap-[12px] text-[16px] leading-[160%] font-[400] text-[#2B2C35]">
|
|
||||||
<div class="w-[6px] h-[6px] rounded-full bg-[#E21E24] mt-[10px] flex-shrink-0"></div>
|
|
||||||
<?php echo wp_kses_post($what_happens_item); ?>
|
|
||||||
</li>
|
|
||||||
<?php endif; ?>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<!-- Для кого подходит -->
|
|
||||||
<?php if (!empty($for_who_list)): ?>
|
|
||||||
<div class="mb-[30px]">
|
|
||||||
<h3 class="text-[24px] leading-[125%] font-[600] mb-[16px]">Для кого подходит</h3>
|
|
||||||
<ul class="space-y-[8px]">
|
|
||||||
<?php foreach ($for_who_list as $for_who_item): ?>
|
|
||||||
<?php if ($for_who_item): ?>
|
|
||||||
<li class="flex items-start gap-[12px] text-[16px] leading-[160%] font-[400] text-[#2B2C35]">
|
|
||||||
<div class="w-[6px] h-[6px] rounded-full bg-[#E21E24] mt-[10px] flex-shrink-0"></div>
|
|
||||||
<?php echo wp_kses_post($for_who_item); ?>
|
|
||||||
</li>
|
|
||||||
<?php endif; ?>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Тренеры -->
|
|
||||||
<?php if ($training_trainers): ?>
|
|
||||||
<section class="py-[60px] px-[40px] bg-[#f8f8f8] rounded-[20px]">
|
|
||||||
<h2 class="text-[36px] leading-[125%] font-[600] mb-[40px] text-center">Тренеры</h2>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-[24px]">
|
|
||||||
<?php foreach ($training_trainers as $post): ?>
|
|
||||||
<?php setup_postdata($post); ?>
|
|
||||||
<?php
|
|
||||||
// Получаем данные тренера
|
|
||||||
$trainer_name = '';
|
|
||||||
$trainer_exp = '';
|
|
||||||
$trainer_short_desc = '';
|
|
||||||
|
|
||||||
if (have_rows('short_info', $post->ID)) {
|
|
||||||
while (have_rows('short_info', $post->ID)) {
|
|
||||||
the_row();
|
|
||||||
$trainer_name = get_sub_field('name');
|
|
||||||
$trainer_exp = get_sub_field('exp');
|
|
||||||
$trainer_short_desc = get_sub_field('short_desc');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$trainer_photos = get_field('photo', $post->ID);
|
|
||||||
?>
|
|
||||||
<a href="<?php the_permalink(); ?>"
|
|
||||||
class="block bg-white rounded-[16px] overflow-hidden shadow-[0_2px_16px_0_rgba(16,_15,_15,_0.08)] hover:shadow-[0_8px_32px_0_rgba(16,_15,_15,_0.12)] transition-shadow duration-300">
|
|
||||||
<?php if ($trainer_photos && !empty($trainer_photos[0])): ?>
|
|
||||||
<div class="h-[280px] overflow-hidden">
|
|
||||||
<img src="<?php echo esc_url($trainer_photos[0]['url']); ?>"
|
|
||||||
alt="<?php echo esc_attr($trainer_photos[0]['alt']); ?>"
|
|
||||||
class="w-full h-full object-cover"/>
|
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endforeach; ?>
|
||||||
<div class="p-[20px]">
|
</div>
|
||||||
<div class="flex gap-[4px] mb-[12px]">
|
|
||||||
<div class="text-[13px] leading-[110%] font-[600] text-[#fff] px-[10px] h-[24px] 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%)]">
|
<div class="training-swiper-pagination absolute flex items-center justify-center left-1/2 z-[2]"></div>
|
||||||
<?php echo pll_current_language('name'); ?>
|
</div>
|
||||||
</div>
|
|
||||||
<?php if ($trainer_exp): ?>
|
<div class="relative mt-[8px]">
|
||||||
<div class="text-[13px] leading-[110%] font-[600] text-[#fff] px-[10px] h-[24px] 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%)]">
|
<div class="max-[768px]:w-[327px] w-[500px] swiper thumbnail-swiper">
|
||||||
<?php echo esc_html($trainer_exp); ?>
|
<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>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
<?php endforeach; ?>
|
||||||
|
|
||||||
<?php if ($trainer_name): ?>
|
|
||||||
<h3 class="text-[20px] leading-[130%] font-[600] mb-[8px] text-[#2B2C35]">
|
|
||||||
<?php echo esc_html($trainer_name); ?>
|
|
||||||
</h3>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php if ($trainer_short_desc): ?>
|
|
||||||
<p class="text-[14px] leading-[150%] font-[400] text-[#6c6b6b]">
|
|
||||||
<?php echo wp_trim_words($trainer_short_desc, 12, '...'); ?>
|
|
||||||
</p>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<div class="mt-[16px] flex items-center gap-[8px] text-[14px] leading-[140%] font-[500] text-[#E21E24]">
|
|
||||||
Подробнее
|
|
||||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
</div>
|
||||||
<?php endforeach; ?>
|
</div>
|
||||||
<?php wp_reset_postdata(); ?>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
<?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; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div id="mf_schedule_widget_cont_au1"></div>
|
</section>
|
||||||
<div id="mf_personal_widget_cont_ksm"></div>
|
|
||||||
|
<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(); ?>
|
<?php get_footer(); ?>
|
||||||
@@ -5,6 +5,7 @@ Template Name: Страница клубных карт
|
|||||||
|
|
||||||
get_header();
|
get_header();
|
||||||
|
|
||||||
|
|
||||||
if (!function_exists('get_club_cards_for_current_language')) {
|
if (!function_exists('get_club_cards_for_current_language')) {
|
||||||
function get_club_cards_for_current_language()
|
function get_club_cards_for_current_language()
|
||||||
{
|
{
|
||||||
@@ -27,13 +28,21 @@ $cards = get_club_cards_for_current_language();
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<section class="pt-[96px]">
|
<section class="max-[768px]:pt-[45px] pt-[96px]">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<?php if ($cards): ?>
|
<?php if ($cards): ?>
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-[24px]">
|
<div class="max-[768px]:grid-cols-1 max-[1100px]:grid-cols-2 grid grid-cols-3 gap-[24px]">
|
||||||
<?php foreach ($cards as $card): ?>
|
<?php foreach ($cards as $card): ?>
|
||||||
<div class="bg-[#ffffff] rounded-[12px] p-[28px] pb-[16px] h-[258px] shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
<div class="border border-transparent hover:border-[#e21e24] transition max-[1300px]:h-auto max-[1050px]:p-[20px] bg-[#ffffff] rounded-[12px] p-[28px] pb-[16px] h-[258px] shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
<div class="flex flex-col h-full">
|
<div class="flex flex-col h-full relative">
|
||||||
|
<?php $card_attribute = get_field('attr', $card->ID);
|
||||||
|
if ($card_attribute): ?>
|
||||||
|
<div class="max-[768px]:top-[-29px] absolute top-[-14px] right-[-14px] px-[12px] py-[4px] rounded-[32px] bg-[linear-gradient(90deg,_#ffd65a_39.42%,_#ffe595_92.9%)]">
|
||||||
|
<span class="font-[600] text-[14px] leading-[125%]">
|
||||||
|
<?php echo($card_attribute); ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
<div class="flex gap-[16px] items-center">
|
<div class="flex gap-[16px] items-center">
|
||||||
<?php
|
<?php
|
||||||
$card_image = get_field('image', $card->ID);
|
$card_image = get_field('image', $card->ID);
|
||||||
@@ -46,7 +55,7 @@ $cards = get_club_cards_for_current_language();
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php $card_heading = get_field('heading', $card->ID); ?>
|
<?php $card_heading = get_field('heading', $card->ID); ?>
|
||||||
<?php if ($card_heading): ?>
|
<?php if ($card_heading): ?>
|
||||||
<h3 class="text-[24px] font-[600] leading-[125%]">
|
<h3 class="max-[768px]:text-[20px] text-[24px] font-[600] leading-[125%]">
|
||||||
<?php echo esc_html($card_heading); ?>
|
<?php echo esc_html($card_heading); ?>
|
||||||
</h3>
|
</h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -54,14 +63,14 @@ $cards = get_club_cards_for_current_language();
|
|||||||
|
|
||||||
<?php $card_description = get_field('description', $card->ID); ?>
|
<?php $card_description = get_field('description', $card->ID); ?>
|
||||||
<?php if ($card_description): ?>
|
<?php if ($card_description): ?>
|
||||||
<div class="text-[16px] leading-[145%] font-[500] mt-[16px]">
|
<div class="min-h-[47px] text-[16px] leading-[145%] font-[500] mt-[16px]">
|
||||||
<?php echo wp_kses_post($card_description); ?>
|
<?php echo wp_kses_post($card_description); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="flex mt-auto pt-[16px] border-t border-t-[#f1f1f1] justify-between items-center gap-[12px] flex-wrap">
|
<div class="justify-end flex-row-reverse max-[1100px]:mt-[16px] flex mt-auto pt-[16px] border-t border-t-[#f1f1f1] items-center gap-[16px] flex-wrap">
|
||||||
<?php $popup_button = get_field('popup_button', $card->ID); ?>
|
<?php $popup_button = get_field('popup_button', $card->ID); ?>
|
||||||
<?php $card_price = get_field('price', $card->ID) ?: ($card_prices['1_month']['day'] ?? ''); ?>
|
<?php $card_price = get_field('price', $card->ID) ?: ($card_prices['1_month']['day'] ?? ''); ?>
|
||||||
<?php
|
<?php
|
||||||
$card_prices = [];
|
$card_prices = [];
|
||||||
if (have_rows('card_prices', $card->ID)) {
|
if (have_rows('card_prices', $card->ID)) {
|
||||||
@@ -95,29 +104,28 @@ $cards = get_club_cards_for_current_language();
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
<div>
|
<?php if ($card_price): ?>
|
||||||
|
<div class="flex items-center text-[20px] font-[600] leading-[125%]">
|
||||||
|
от
|
||||||
|
<div class="rounded-[32px] px-[12px] h-[36px] flex items-center bg-[linear-gradient(90deg,_rgba(43,_44,_53,_0.06)_39.42%,_rgba(110,_121,_150,_0.06)_92.9%)]">
|
||||||
|
<span class="bg-[linear-gradient(90deg,_#2b2c35_67.31%,_#4f5870_92.9%)] text-[24px] flex items-center justify-center font-[600] bg-clip-text text-transparent"> <?php echo esc_html($card_price); ?> ₽ </span>
|
||||||
|
</div>
|
||||||
|
в день
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php endif; ?>
|
||||||
|
<div class="max-[1300px]:w-full">
|
||||||
<button
|
<button
|
||||||
data-modal="club-card"
|
data-modal="club-card"
|
||||||
data-card-id="<?php echo $card->ID; ?>"
|
data-card-id="<?php echo $card->ID; ?>"
|
||||||
data-card-title="<?php echo esc_attr($card_heading); ?>"
|
data-card-title="<?php echo esc_attr($card_heading); ?>"
|
||||||
data-card-prices='<?php echo esc_attr(json_encode($card_prices)); ?>'
|
data-card-prices='<?php echo esc_attr(json_encode($card_prices)); ?>'
|
||||||
data-card-time='<?php echo esc_attr(json_encode($card_time));
|
data-card-time='<?php echo esc_attr(json_encode($card_time)); ?>'
|
||||||
?>'
|
data-card-attr='<?php echo esc_attr($card_attribute); ?>'
|
||||||
class="red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[18px] text-[#fff] font-[600] justify-center h-[59px] w-[160px] rounded-[90px] flex items-center">
|
class="max-[1300px]:w-full max-[768px]:h-[53px] max-[768px]:text-[16px] red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[18px] text-[#fff] font-[600] justify-center h-[59px] w-[160px] rounded-[90px] flex items-center">
|
||||||
<?php echo 'Оформить' ?>
|
<?php echo 'Оформить' ?>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<?php if ($card_price): ?>
|
|
||||||
<div class="flex items-center text-[20px] font-[600] leading-[125%]">
|
|
||||||
от
|
|
||||||
<div class="rounded-[32px] px-[12px] h-[36px] flex items-center bg-[linear-gradient(90deg,_rgba(43,_44,_53,_0.06)_39.42%,_rgba(110,_121,_150,_0.06)_92.9%)]">
|
|
||||||
<span class="bg-[linear-gradient(90deg,_#2b2c35_67.31%,_#4f5870_92.9%)] text-[24px] flex items-center justify-center font-[600] bg-clip-text text-transparent"> <?php echo esc_html($card_price); ?> ₽ </span>
|
|
||||||
</div>
|
|
||||||
в день
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -127,9 +135,9 @@ $cards = get_club_cards_for_current_language();
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="pt-[96px]">
|
<section class="dark:py-[90px] dark:max-[768px]:py-[45px] max-[768px]:pt-[45px] pt-[90px]">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<div class="p-[40px] dark:!border-none radial-gradient rounded-[24px] border-b-[4px] border-r-[0px] border-[#e21e24]"
|
<div class="max-[768px]:p-[20px] p-[40px] dark:!border-none radial-gradient rounded-[24px] border-b-[4px] border-r-[0px] border-[#e21e24]"
|
||||||
<?php
|
<?php
|
||||||
if (get_current_room() === 'fitness') {
|
if (get_current_room() === 'fitness') {
|
||||||
echo ' style="background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);"';
|
echo ' style="background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);"';
|
||||||
@@ -138,7 +146,7 @@ $cards = get_club_cards_for_current_language();
|
|||||||
}
|
}
|
||||||
?>
|
?>
|
||||||
>
|
>
|
||||||
<h2 class="font-[500] text-[32px] leading-[115%] text-[#222] dark:text-[#f8f8f8]">
|
<h2 class="max-[768px]:text-[20px] font-[500] text-[32px] leading-[115%] text-[#222] dark:text-[#f8f8f8]">
|
||||||
<strong>В клубные карты</strong> входит
|
<strong>В клубные карты</strong> входит
|
||||||
</h2>
|
</h2>
|
||||||
<div class="mt-[24px] flex flex-wrap gap-[12px] w-full">
|
<div class="mt-[24px] flex flex-wrap gap-[12px] w-full">
|
||||||
@@ -531,7 +539,7 @@ $cards = get_club_cards_for_current_language();
|
|||||||
$card_svg = $card['svg'];
|
$card_svg = $card['svg'];
|
||||||
$card_heading = $card['heading'];
|
$card_heading = $card['heading'];
|
||||||
?>
|
?>
|
||||||
<div class="small-shadow w-full bg-[#f8f8f8] rounded-[12px] border border-[#fff] h-[78px] max-w-[301px] px-[24px] flex items-center gap-[12px]">
|
<div class="max-[768px]:px-[16px] max-[768px]:max-w-full small-shadow w-full bg-[#f8f8f8] rounded-[12px] border border-[#fff] h-[78px] max-w-[301px] px-[24px] flex items-center gap-[12px]">
|
||||||
<div class="[&>svg]:min-w-fit"> <?php echo $card_svg; ?></div>
|
<div class="[&>svg]:min-w-fit"> <?php echo $card_svg; ?></div>
|
||||||
<div class="flex items-center gap-[8px] text-[16px] font-[600] leading-[145%] text-[#222]">
|
<div class="flex items-center gap-[8px] text-[16px] font-[600] leading-[145%] text-[#222]">
|
||||||
<?php echo $card_heading; ?>
|
<?php echo $card_heading; ?>
|
||||||
@@ -737,32 +745,42 @@ $additional_services = [
|
|||||||
'description' => 'Для спортсменов на территории клуба так же находится магазин спортивного питания. Широкий ассортимент порадует даже профессионалов и не даст уйти с пустыми руками!'
|
'description' => 'Для спортсменов на территории клуба так же находится магазин спортивного питания. Широкий ассортимент порадует даже профессионалов и не даст уйти с пустыми руками!'
|
||||||
]
|
]
|
||||||
];
|
];
|
||||||
?>
|
|
||||||
|
|
||||||
<section class="py-[96px]">
|
$excluded_for_gym = [2, 3, 4];
|
||||||
|
|
||||||
|
$current_room = get_current_room();
|
||||||
|
|
||||||
|
if ($current_room === 'gym') {
|
||||||
|
foreach (array_reverse($excluded_for_gym) as $index) {
|
||||||
|
unset($additional_services[$index]);
|
||||||
|
}
|
||||||
|
$additional_services = array_values($additional_services);
|
||||||
|
}
|
||||||
|
if ($current_room === 'fitness') {
|
||||||
|
?>
|
||||||
|
<section class="max-[768px]:py-[45px] py-[90px]">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<div class="mt-[24px] grid grid-cols-3 gap-[24px]">
|
<div class="max-[768px]:grid-cols-1 max-[1300px]:grid-cols-2 mt-[24px] grid grid-cols-3 gap-[24px]">
|
||||||
<div class="flex flex-col gap-[32px] [&>img]:w-[294px] mt-[28px]">
|
<div class="max-[768px]:px-[20px] max-[1050px]:h-auto h-[305px]">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name_gym' : 'light_logo_name'); ?>
|
<div class="max-[768px]:mt-0 flex flex-col h-full gap-[16px] [&>img]:w-[294px] max-[768px]:[&>img]:w-fit mt-[20px]">
|
||||||
<h2 class="text-[40px] leading-[120%] font-[500]"><strong>Дополнительные</strong>
|
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name_gym' : 'light_logo_name'); ?>
|
||||||
услуги</h2>
|
<h2 class="max-[1050px]:text-[36px] max-[768px]:max-[768px]:text-[24px] text-[40px] leading-[120%] font-[500]">
|
||||||
|
<strong>Дополнительные</strong> услуги</h2>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php foreach ($additional_services as $service): ?>
|
<?php foreach ($additional_services as $service): ?>
|
||||||
<div class="bg-[#ffffff] rounded-[12px] p-[28px] pb-[16px] h-[305px] shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
<div class="max-[768px]:px-[20px] max-[1050px]:h-auto bg-[#ffffff] rounded-[12px] p-[28px] pb-[16px] h-[305px] shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
<div class="flex flex-col h-full gap-[12px]">
|
<div class="flex flex-col h-full gap-[12px]">
|
||||||
<div class="flex flex-col gap-[24px]">
|
<div class="max-[768px]:gap-[16px] flex flex-col gap-[24px]">
|
||||||
<div class="overflow-hidden mx-auto [&>svg]:min-w-fit w-[76px] h-[76px] grid place-items-center rounded-[12px] radial-gradient small-shadow">
|
<div class="max-[768px]:mx-0 overflow-hidden [&>svg]:min-w-fit w-[76px] h-[76px] grid place-items-center rounded-[12px] radial-gradient small-shadow">
|
||||||
<?php echo $service['svg']; ?>
|
<?php echo $service['svg']; ?>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="text-[24px] font-[600] leading-[125%]">
|
<h3 class="max-[768px]:text-[20px] text-[24px] font-[600] leading-[125%]">
|
||||||
<?php echo esc_html($service['heading']); ?>
|
<?php echo esc_html($service['heading']); ?>
|
||||||
</h3>
|
</h3>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="text-[16px] leading-[145%] font-[500] text-[#6c6b6b]">
|
<div class="max-[768px]:text-[15px] text-[16px] leading-[145%] font-[500] text-[#6c6b6b]">
|
||||||
<?php echo esc_html($service['description']); ?>
|
<?php echo esc_html($service['description']); ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -771,5 +789,10 @@ $additional_services = [
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
<?php get_footer(); ?>
|
<?php get_footer(); ?>
|
||||||
@@ -3,7 +3,6 @@
|
|||||||
* Блок с клубными картами
|
* Блок с клубными картами
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
$block_id = 'club-cards-' . $block['id'];
|
$block_id = 'club-cards-' . $block['id'];
|
||||||
$class_name = 'club-cards-block';
|
$class_name = 'club-cards-block';
|
||||||
if (!empty($block['className'])) {
|
if (!empty($block['className'])) {
|
||||||
@@ -44,112 +43,172 @@ if ($room === 'fitness') {
|
|||||||
$style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
|
$style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
if (!function_exists('render_club_card')){
|
||||||
|
function render_club_card($card) {
|
||||||
|
$card_attribute = get_field('attr', $card->ID);
|
||||||
|
$card_image = get_field('image', $card->ID);
|
||||||
|
$card_heading = get_field('heading', $card->ID);
|
||||||
|
$card_description = get_field('description', $card->ID);
|
||||||
|
$card_price = get_field('price', $card->ID);
|
||||||
|
|
||||||
<section id="<?php echo esc_attr($block_id); ?>" class="py-[96px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
$card_prices = [];
|
||||||
<div class="container mx-auto">
|
if (have_rows('card_prices', $card->ID)) {
|
||||||
<?php if ($cards): ?>
|
while (have_rows('card_prices', $card->ID)) {
|
||||||
<div class="mt-[24px] grid grid-cols-3 gap-[24px]">
|
the_row();
|
||||||
<?php if (is_front_page()): ?>
|
$periods = ['1_month', '3_month', '6_month', '12_month'];
|
||||||
<?php if ($heading) : ?>
|
foreach ($periods as $period) {
|
||||||
<div class="flex flex-col gap-[16px] [&>img]:w-[294px] mt-[28px]">
|
if (have_rows($period)) {
|
||||||
|
while (have_rows($period)) {
|
||||||
|
the_row();
|
||||||
|
$card_prices[$period] = [
|
||||||
|
'full' => get_sub_field('full'),
|
||||||
|
'day' => get_sub_field('day')
|
||||||
|
];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
<h2 class="dark:text-[#fff] text-[40px] leading-[120%] font-[500]"><?php echo esc_html($heading); ?></h2>
|
$card_time = [];
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name'); ?>
|
if (have_rows('time', $card->ID)) {
|
||||||
|
while (have_rows('time', $card->ID)) {
|
||||||
|
the_row();
|
||||||
|
$card_time[] = [
|
||||||
|
'normal_days' => get_sub_field('normal_days'),
|
||||||
|
'vacation_days' => get_sub_field('vacation_days')
|
||||||
|
];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div class="border border-transparent hover:border-[#e21e24] transition max-[1300px]:h-auto max-[1050px]:p-[20px] bg-[#ffffff] rounded-[12px] p-[28px] pb-[16px] h-[258px] shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
|
<div class="flex flex-col h-full relative">
|
||||||
|
<?php if ($card_attribute): ?>
|
||||||
|
<div class="max-[768px]:top-[-29px] absolute top-[-14px] right-[-14px] px-[12px] py-[4px] rounded-[32px] bg-[linear-gradient(90deg,_#ffd65a_39.42%,_#ffe595_92.9%)]">
|
||||||
|
<span class="font-[600] text-[14px] leading-[125%]">
|
||||||
|
<?php echo($card_attribute); ?>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<div class="flex gap-[16px] items-center">
|
||||||
|
<?php if ($card_image): ?>
|
||||||
|
<div class="overflow-hidden w-[32px] h-[32px]">
|
||||||
|
<img src="<?php echo esc_url($card_image['url']); ?>"
|
||||||
|
alt="<?php echo esc_attr($card_image['alt']); ?>"
|
||||||
|
class="w-full h-full object-cover"/>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php endif; ?>
|
|
||||||
<?php foreach ($cards as $card): ?>
|
|
||||||
<div class="bg-[#ffffff] rounded-[12px] p-[28px] pb-[16px] h-[258px] shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
|
||||||
<div class="flex flex-col h-full">
|
|
||||||
<div class="flex gap-[16px] items-center"> <?php
|
|
||||||
$card_image = get_field('image', $card->ID);
|
|
||||||
if ($card_image): ?>
|
|
||||||
<div class="overflow-hidden w-[32px] h-[32px]">
|
|
||||||
<img src="<?php echo esc_url($card_image['url']); ?>"
|
|
||||||
alt="<?php echo esc_attr($card_image['alt']); ?>"
|
|
||||||
class="w-full h-full object-cover"/>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
<?php $card_heading = get_field('heading', $card->ID); ?>
|
|
||||||
<?php if ($card_heading): ?>
|
|
||||||
<h3 class="text-[24px] font-[600] leading-[125%]">
|
|
||||||
<?php echo esc_html($card_heading); ?>
|
|
||||||
</h3>
|
|
||||||
<?php endif; ?></div>
|
|
||||||
|
|
||||||
<?php $card_description = get_field('description', $card->ID); ?>
|
<?php if ($card_heading): ?>
|
||||||
<?php if ($card_description): ?>
|
<h3 class="max-[768px]:text-[20px] text-[24px] font-[600] leading-[125%]">
|
||||||
<div class="text-[16px] leading-[145%] font-[500] mt-[16px]">
|
<?php echo esc_html($card_heading); ?>
|
||||||
<?php echo wp_kses_post($card_description); ?>
|
</h3>
|
||||||
</div>
|
<?php endif; ?>
|
||||||
<?php endif; ?>
|
</div>
|
||||||
<div class="flex mt-auto pt-[16px] border-t border-t-[#f1f1f1] justify-between items-center gap-[12px] flex-wrap">
|
|
||||||
<?php $popup_button = get_field('popup_button', $card->ID); ?>
|
|
||||||
<?php $card_price = get_field('price', $card->ID) ?: ($card_prices['1_month']['day'] ?? ''); ?>
|
|
||||||
<?php
|
|
||||||
$card_prices = [];
|
|
||||||
if (have_rows('card_prices', $card->ID)) {
|
|
||||||
while (have_rows('card_prices', $card->ID)) {
|
|
||||||
the_row();
|
|
||||||
|
|
||||||
$periods = ['1_month', '3_month', '6_month', '12_month'];
|
<?php if ($card_description): ?>
|
||||||
foreach ($periods as $period) {
|
<div class="max-[768px]:min-h-[70px] min-h-[47px] text-[16px] leading-[145%] font-[500] mt-[16px]">
|
||||||
if (have_rows($period)) {
|
<?php echo wp_kses_post($card_description); ?>
|
||||||
while (have_rows($period)) {
|
|
||||||
the_row();
|
|
||||||
$card_prices[$period] = [
|
|
||||||
'full' => get_sub_field('full'),
|
|
||||||
'day' => get_sub_field('day')
|
|
||||||
];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<?php
|
|
||||||
$card_time = [];
|
|
||||||
if (have_rows('time', $card->ID)) {
|
|
||||||
while (have_rows('time', $card->ID)) {
|
|
||||||
the_row();
|
|
||||||
$card_time[] = [
|
|
||||||
'normal_days' => get_sub_field('normal_days'),
|
|
||||||
'vacation_days' => get_sub_field('vacation_days')
|
|
||||||
];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
<div>
|
|
||||||
<button
|
|
||||||
data-modal="club-card"
|
|
||||||
data-card-id="<?php echo $card->ID; ?>"
|
|
||||||
data-card-title="<?php echo esc_attr($card_heading); ?>"
|
|
||||||
data-card-prices='<?php echo esc_attr(json_encode($card_prices)); ?>'
|
|
||||||
data-card-time='<?php echo esc_attr(json_encode($card_time));
|
|
||||||
?>'
|
|
||||||
class="red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[18px] text-[#fff] font-[600] justify-center h-[59px] w-[160px] rounded-[90px] flex items-center">
|
|
||||||
<?php echo 'Оформить' ?>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<?php if ($card_price): ?>
|
|
||||||
<div class="flex items-center text-[20px] font-[600] leading-[125%]">
|
|
||||||
от
|
|
||||||
<div class="rounded-[32px] px-[12px] h-[36px] flex items-center bg-[linear-gradient(90deg,_rgba(43,_44,_53,_0.06)_39.42%,_rgba(110,_121,_150,_0.06)_92.9%)]">
|
|
||||||
<span class="bg-[linear-gradient(90deg,_#2b2c35_67.31%,_#4f5870_92.9%)] text-[24px] flex items-center justify-center font-[600] bg-clip-text text-transparent"> <?php echo esc_html($card_price); ?> ₽ </span>
|
|
||||||
</div>
|
|
||||||
в день
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<div class="justify-end flex-row-reverse max-[1100px]:mt-[16px] flex mt-auto pt-[16px] border-t border-t-[#f1f1f1] items-center gap-[16px] flex-wrap">
|
||||||
|
<?php if ($card_price): ?>
|
||||||
|
<div class="flex items-center text-[20px] font-[600] leading-[125%]">
|
||||||
|
от
|
||||||
|
<div class="rounded-[32px] px-[12px] h-[36px] flex items-center bg-[linear-gradient(90deg,_rgba(43,_44,_53,_0.06)_39.42%,_rgba(110,_121,_150,_0.06)_92.9%)]">
|
||||||
|
<span class="max-[768px]:text-[20px] bg-[linear-gradient(90deg,_#2b2c35_67.31%,_#4f5870_92.9%)] text-[24px] flex items-center justify-center font-[600] bg-clip-text text-transparent">
|
||||||
|
<?php echo esc_html($card_price); ?> ₽
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
в день
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<div class="max-[1300px]:w-full">
|
||||||
|
<button
|
||||||
|
data-modal="club-card"
|
||||||
|
data-card-id="<?php echo $card->ID; ?>"
|
||||||
|
data-card-title="<?php echo esc_attr($card_heading); ?>"
|
||||||
|
data-card-prices='<?php echo esc_attr(json_encode($card_prices)); ?>'
|
||||||
|
data-card-time='<?php echo esc_attr(json_encode($card_time));?>'
|
||||||
|
data-card-attr='<?php echo esc_attr($card_attribute); ?>'
|
||||||
|
class="max-[1300px]:w-full max-[768px]:h-[53px] max-[768px]:text-[16px] red-gradient-hover cursor-pointer flex text-[#f8f8f8] text-[18px] text-[#fff] font-[600] justify-center h-[59px] w-[160px] rounded-[90px] flex items-center">
|
||||||
|
<?php echo 'Оформить' ?>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<section data-scroll-section="prices" id="<?php echo esc_attr($block_id); ?>"
|
||||||
|
class="max-[768px]:py-[45px] py-[90px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<?php if ($cards): ?>
|
||||||
|
<!-- Заголовок для главной страницы -->
|
||||||
|
<?php if (is_front_page() && $heading): ?>
|
||||||
|
<div class="max-[1100px]:mt-0 flex flex-col gap-[16px] max-[768px]:[&>img]:w-[196px] mt-[28px] ">
|
||||||
|
<h2 class="max-[1050px]:text-[36px] max-[768px]:text-[24px] dark:text-[#fff] text-[40px] leading-[120%] font-[500]">
|
||||||
|
<?php echo esc_html($heading); ?>
|
||||||
|
</h2>
|
||||||
|
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name'); ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="min-[768px]:block hidden mt-[24px]">
|
||||||
|
<div class="max-[1100px]:grid-cols-2 grid grid-cols-3 gap-[24px]">
|
||||||
|
<?php foreach ($cards as $card): ?>
|
||||||
|
<?php render_club_card($card); ?>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="max-[767px]:block hidden mt-[24px] px-[24px] mx-[-24px]">
|
||||||
|
<div class="!mx-[-24px] !px-[24px] swiper club-cards-swiper max-[768px]:!pt-[8px] max-[768px]:!mt-[-8px]">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<?php foreach ($cards as $card): ?>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<?php render_club_card($card); ?>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-scrollbar [&_.swiper-scrollbar-drag]:dark:!bg-[#989597] !static !mx-auto !cursor-grab container mt-[24px] !w-full !p-0"></div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
const clubCardsSwiper = new Swiper('.club-cards-swiper', {
|
||||||
|
slidesPerView: 1.2,
|
||||||
|
spaceBetween: 16,
|
||||||
|
grabCursor: true,
|
||||||
|
breakpoints: {
|
||||||
|
480: {
|
||||||
|
slidesPerView: 1.3,
|
||||||
|
},
|
||||||
|
640: {
|
||||||
|
slidesPerView: 1.5,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
scrollbar: {
|
||||||
|
el: '.swiper-scrollbar',
|
||||||
|
draggable: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
@@ -48,10 +48,149 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
<section id="<?php echo esc_attr( $id ); ?>" class="<?php echo esc_attr( $classes ); ?> <?php echo $section_padding ?>">
|
<section id="<?php echo esc_attr( $id ); ?>" class="<?php echo esc_attr( $classes ); ?> <?php echo $section_padding ?>">
|
||||||
<div class="w-full relative">
|
<div class="w-full max-[1050px]:flex max-[1050px]:flex-col relative">
|
||||||
<div id="map" class="w-full h-[608px] <?php if ($is_first_block): ?>h-[828px]<?php endif; ?>"></div>
|
|
||||||
|
|
||||||
<div class="absolute inset-0 pointer-events-none">
|
<!-- Плашка на мобильных (отдельно сверху) -->
|
||||||
|
<div class="hidden max-[1050px]:block container mx-auto py-[24px]">
|
||||||
|
<div class="bg-[#ffffff] rounded-[24px] p-[24px] w-full max-w-[327px] mx-auto">
|
||||||
|
|
||||||
|
<?php if ($heading) : ?>
|
||||||
|
<h2 class="max-[1050px]:text-[24px] max-[1050px]:font-[500] text-[32px] font-bold leading-[115%]">
|
||||||
|
<?php echo esc_html($heading); ?>
|
||||||
|
</h2>
|
||||||
|
<?php
|
||||||
|
endif; ?>
|
||||||
|
|
||||||
|
<div class="max-[1050px]:mt-[16px] mt-[24px]">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<?php if ($address) : ?>
|
||||||
|
<div class="flex flex-col gap-[12px]">
|
||||||
|
<?php if (!empty($address['heading'])) : ?>
|
||||||
|
<div class="flex gap-[12px] items-center">
|
||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2190_3176)">
|
||||||
|
<path d="M10.001 0.445312C5.68804 0.445312 2.17879 3.95456 2.17879 8.26265C2.15044 14.5644 9.70377 19.7897 10.001 20.0009C10.001 20.0009 17.8516 14.5644 17.8232 8.26754C17.8232 3.95456 14.314 0.445312 10.001 0.445312ZM10.001 12.1786C7.84012 12.1786 6.0899 10.4284 6.0899 8.26754C6.0899 6.10665 7.84012 4.35642 10.001 4.35642C12.1619 4.35642 13.9121 6.10665 13.9121 8.26754C13.9121 10.4284 12.1619 12.1786 10.001 12.1786Z"
|
||||||
|
fill="#E21E24"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2190_3176">
|
||||||
|
<rect width="19.5556" height="19.5556" fill="white"
|
||||||
|
transform="translate(0 0.222656)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
<p class="max-[1050px]:text-[20px] text-[24px] font-[600] leading-[125%]"><?php echo esc_html($address['heading']); ?></p>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if (!empty($address['address_repeater'])) : ?>
|
||||||
|
<div class="flex flex-col gap-[4px]">
|
||||||
|
<?php foreach ($address['address_repeater'] as $addr_item) : ?>
|
||||||
|
<div class=" text-[16px] leading-[145%]">
|
||||||
|
<?php if (!empty($addr_item['address_title'])) : ?>
|
||||||
|
<div class="font-[600]"><?php echo esc_html($addr_item['address_title']); ?></div>
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php if (!empty($addr_item['address_extra'])) : ?>
|
||||||
|
<div class="text-[16px] leading-[145%] text-[#6c6b6b]"><?php echo esc_html($addr_item['address_extra']); ?></div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if ($work_time) : ?>
|
||||||
|
<div class="max-[1050px]:mt-[16px] flex mt-[28px] flex-col gap-[12px]">
|
||||||
|
<?php if (!empty($work_time['heading'])) : ?>
|
||||||
|
<div class="flex gap-[12px] items-center">
|
||||||
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2190_3183)">
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4796 19.63C10.9266 19.7273 10.3581 19.7782 9.77778 19.7782C4.38135 19.7782 0 15.3969 0 10.0004C0 4.60401 4.38135 0.222656 9.77778 0.222656C15.1742 0.222656 19.5556 4.60401 19.5556 10.0004C19.5556 10.5807 19.5046 11.1492 19.4073 11.7022C18.882 10.9647 18.1879 10.3636 17.3831 9.94888C16.5782 9.53418 15.6858 9.31796 14.7804 9.31826C13.273 9.31923 11.8276 9.91847 10.7617 10.9844C9.69581 12.0502 9.09657 13.4956 9.09561 15.003C9.0953 15.9085 9.31152 16.8008 9.72622 17.6057C10.1409 18.4106 10.7421 19.1046 11.4796 19.63ZM10.9147 4.99785V9.54565C10.9147 9.72666 10.8429 9.90038 10.7146 10.0277L7.07638 13.666C7.01308 13.7293 6.93792 13.7795 6.85521 13.8137C6.7725 13.848 6.68384 13.8656 6.59432 13.8656C6.50479 13.8656 6.41614 13.848 6.33342 13.8137C6.25071 13.7795 6.17555 13.7293 6.11225 13.666C6.04894 13.6027 5.99873 13.5275 5.96446 13.4448C5.9302 13.3621 5.91257 13.2734 5.91257 13.1839C5.91257 13.0944 5.9302 13.0057 5.96446 12.923C5.99873 12.8403 6.04894 12.7651 6.11225 12.7018L9.55039 9.26278V4.99785C9.55039 4.81693 9.62226 4.64341 9.75019 4.51548C9.87812 4.38755 10.0516 4.31568 10.2326 4.31568C10.4135 4.31568 10.587 4.38755 10.7149 4.51548C10.8429 4.64341 10.9147 4.81693 10.9147 4.99785Z" fill="#E21E24" />
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7801 10.2266C12.1442 10.2266 10.0049 12.3658 10.0049 15.0018C10.0049 17.6377 12.1442 19.777 14.7801 19.777C17.416 19.777 19.5553 17.6377 19.5553 15.0018C19.5553 12.3658 17.416 10.2266 14.7801 10.2266ZM12.4789 15.2564L13.8432 16.6208C13.9065 16.6841 13.9816 16.7344 14.0644 16.7687C14.1471 16.803 14.2358 16.8207 14.3253 16.8207C14.4148 16.8207 14.5035 16.803 14.5862 16.7687C14.6689 16.7344 14.7441 16.6841 14.8074 16.6208L17.0813 14.3469C17.1446 14.2836 17.1948 14.2084 17.2291 14.1257C17.2633 14.043 17.2809 13.9543 17.2809 13.8648C17.2809 13.7753 17.2633 13.6866 17.2291 13.6039C17.1948 13.5212 17.1446 13.446 17.0813 13.3827C17.018 13.3194 16.9428 13.2692 16.8601 13.235C16.7774 13.2007 16.6887 13.1831 16.5992 13.1831C16.5097 13.1831 16.421 13.2007 16.3383 13.235C16.2556 13.2692 16.1804 13.3194 16.1171 13.3827L14.3253 15.1737L13.443 14.2923C13.3797 14.229 13.3046 14.1788 13.2218 14.1445C13.1391 14.1103 13.0505 14.0926 12.961 14.0926C12.8714 14.0926 12.7828 14.1103 12.7001 14.1445C12.6173 14.1788 12.5422 14.229 12.4789 14.2923C12.4156 14.3556 12.3654 14.4308 12.3311 14.5135C12.2968 14.5962 12.2792 14.6848 12.2792 14.7744C12.2792 14.8639 12.2968 14.9525 12.3311 15.0353C12.3654 15.118 12.4156 15.1931 12.4789 15.2564Z" fill="#E21E24" />
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2190_3183">
|
||||||
|
<rect width="19.5556" height="19.5556" fill="white" transform="translate(0 0.222656)" />
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
<p class="max-[1050px]:text-[20px] text-[24px] font-[600] leading-[125%]"><?php echo esc_html($work_time['heading']); ?></p>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if (!empty($work_time['work_time_repeater'])) : ?>
|
||||||
|
<div class="flex flex-col gap-[4px]">
|
||||||
|
<?php foreach ($work_time['work_time_repeater'] as $time_item) : ?>
|
||||||
|
<div class="flex text-[16px] leading-[145%] font-[600]">
|
||||||
|
<span><?php echo esc_html($time_item['title']); ?></span>
|
||||||
|
|
||||||
|
<span class="font-[500]"><?php echo esc_html($time_item['time']); ?></span>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if ($contacts) : ?>
|
||||||
|
<div class="mt-[16px]">
|
||||||
|
<?php if (!empty($contacts['phone'])) : ?>
|
||||||
|
<div>
|
||||||
|
<a href="tel:<?php echo esc_attr($contacts['phone']); ?>"
|
||||||
|
class="max-[1050px]:text-[20px] !decoration-transparent hover:!decoration-inherit text-[32px] font-[700]">
|
||||||
|
<?php echo esc_html($contacts['phone']); ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if (!empty($contacts['social_repeater'])) : ?>
|
||||||
|
<div class="mt-[14px]">
|
||||||
|
<div class="flex gap-[12px]">
|
||||||
|
<?php foreach ($contacts['social_repeater'] as $social_item) : ?>
|
||||||
|
<?php if (!empty($social_item['url'])) : ?>
|
||||||
|
<a href="<?php echo esc_url($social_item['url']); ?>"
|
||||||
|
target="_blank"
|
||||||
|
class="hover:[&>img]:brightness-150 transition">
|
||||||
|
<?php if (!empty($social_item['icon'])) : ?>
|
||||||
|
<img src="<?php echo esc_url($social_item['icon']['url']); ?>"
|
||||||
|
alt="<?php echo esc_attr($social_item['icon']['alt']); ?>"
|
||||||
|
class="object-contain max-[1050px]:w-[30px] w-[42px]" />
|
||||||
|
<?php endif; ?>
|
||||||
|
</a>
|
||||||
|
<?php endif; ?>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
|
|
||||||
|
<?php if(!is_front_page()):
|
||||||
|
?>
|
||||||
|
<div class="mt-[14px]">
|
||||||
|
<a href="mailto:powerhousegymtomsk@gmail.com"
|
||||||
|
class="!decoration-transparent hover:!decoration-inherit text-[20px] font-[600]">
|
||||||
|
Написать на e-mail
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
endif; ?>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Карта -->
|
||||||
|
<div id="map" class="max-[1050px]:h-[320px] w-full h-[608px] <?php if ($is_first_block): ?>h-[828px]<?php endif; ?>"></div>
|
||||||
|
|
||||||
|
<!-- Плашка на десктопе (поверх карты) -->
|
||||||
|
<div class="max-[1050px]:hidden absolute inset-0 pointer-events-none">
|
||||||
<div class="container mx-auto h-full flex items-center">
|
<div class="container mx-auto h-full flex items-center">
|
||||||
<div class="bg-[#ffffff] rounded-[24px] px-[32px] py-[30px] w-full max-w-[424px] pointer-events-auto">
|
<div class="bg-[#ffffff] rounded-[24px] px-[32px] py-[30px] w-full max-w-[424px] pointer-events-auto">
|
||||||
|
|
||||||
@@ -72,12 +211,12 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
|
|||||||
<div class="flex gap-[12px] items-center">
|
<div class="flex gap-[12px] items-center">
|
||||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<g clip-path="url(#clip0_2190_3176)">
|
<g clip-path="url(#clip0_2190_3176_2)">
|
||||||
<path d="M10.001 0.445312C5.68804 0.445312 2.17879 3.95456 2.17879 8.26265C2.15044 14.5644 9.70377 19.7897 10.001 20.0009C10.001 20.0009 17.8516 14.5644 17.8232 8.26754C17.8232 3.95456 14.314 0.445312 10.001 0.445312ZM10.001 12.1786C7.84012 12.1786 6.0899 10.4284 6.0899 8.26754C6.0899 6.10665 7.84012 4.35642 10.001 4.35642C12.1619 4.35642 13.9121 6.10665 13.9121 8.26754C13.9121 10.4284 12.1619 12.1786 10.001 12.1786Z"
|
<path d="M10.001 0.445312C5.68804 0.445312 2.17879 3.95456 2.17879 8.26265C2.15044 14.5644 9.70377 19.7897 10.001 20.0009C10.001 20.0009 17.8516 14.5644 17.8232 8.26754C17.8232 3.95456 14.314 0.445312 10.001 0.445312ZM10.001 12.1786C7.84012 12.1786 6.0899 10.4284 6.0899 8.26754C6.0899 6.10665 7.84012 4.35642 10.001 4.35642C12.1619 4.35642 13.9121 6.10665 13.9121 8.26754C13.9121 10.4284 12.1619 12.1786 10.001 12.1786Z"
|
||||||
fill="#E21E24"/>
|
fill="#E21E24"/>
|
||||||
</g>
|
</g>
|
||||||
<defs>
|
<defs>
|
||||||
<clipPath id="clip0_2190_3176">
|
<clipPath id="clip0_2190_3176_2">
|
||||||
<rect width="19.5556" height="19.5556" fill="white"
|
<rect width="19.5556" height="19.5556" fill="white"
|
||||||
transform="translate(0 0.222656)"/>
|
transform="translate(0 0.222656)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
@@ -109,12 +248,12 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
|
|||||||
<?php if (!empty($work_time['heading'])) : ?>
|
<?php if (!empty($work_time['heading'])) : ?>
|
||||||
<div class="flex gap-[12px] items-center">
|
<div class="flex gap-[12px] items-center">
|
||||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<g clip-path="url(#clip0_2190_3183)">
|
<g clip-path="url(#clip0_2190_3183_2)">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4796 19.63C10.9266 19.7273 10.3581 19.7782 9.77778 19.7782C4.38135 19.7782 0 15.3969 0 10.0004C0 4.60401 4.38135 0.222656 9.77778 0.222656C15.1742 0.222656 19.5556 4.60401 19.5556 10.0004C19.5556 10.5807 19.5046 11.1492 19.4073 11.7022C18.882 10.9647 18.1879 10.3636 17.3831 9.94888C16.5782 9.53418 15.6858 9.31796 14.7804 9.31826C13.273 9.31923 11.8276 9.91847 10.7617 10.9844C9.69581 12.0502 9.09657 13.4956 9.09561 15.003C9.0953 15.9085 9.31152 16.8008 9.72622 17.6057C10.1409 18.4106 10.7421 19.1046 11.4796 19.63ZM10.9147 4.99785V9.54565C10.9147 9.72666 10.8429 9.90038 10.7146 10.0277L7.07638 13.666C7.01308 13.7293 6.93792 13.7795 6.85521 13.8137C6.7725 13.848 6.68384 13.8656 6.59432 13.8656C6.50479 13.8656 6.41614 13.848 6.33342 13.8137C6.25071 13.7795 6.17555 13.7293 6.11225 13.666C6.04894 13.6027 5.99873 13.5275 5.96446 13.4448C5.9302 13.3621 5.91257 13.2734 5.91257 13.1839C5.91257 13.0944 5.9302 13.0057 5.96446 12.923C5.99873 12.8403 6.04894 12.7651 6.11225 12.7018L9.55039 9.26278V4.99785C9.55039 4.81693 9.62226 4.64341 9.75019 4.51548C9.87812 4.38755 10.0516 4.31568 10.2326 4.31568C10.4135 4.31568 10.587 4.38755 10.7149 4.51548C10.8429 4.64341 10.9147 4.81693 10.9147 4.99785Z" fill="#E21E24" />
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.4796 19.63C10.9266 19.7273 10.3581 19.7782 9.77778 19.7782C4.38135 19.7782 0 15.3969 0 10.0004C0 4.60401 4.38135 0.222656 9.77778 0.222656C15.1742 0.222656 19.5556 4.60401 19.5556 10.0004C19.5556 10.5807 19.5046 11.1492 19.4073 11.7022C18.882 10.9647 18.1879 10.3636 17.3831 9.94888C16.5782 9.53418 15.6858 9.31796 14.7804 9.31826C13.273 9.31923 11.8276 9.91847 10.7617 10.9844C9.69581 12.0502 9.09657 13.4956 9.09561 15.003C9.0953 15.9085 9.31152 16.8008 9.72622 17.6057C10.1409 18.4106 10.7421 19.1046 11.4796 19.63ZM10.9147 4.99785V9.54565C10.9147 9.72666 10.8429 9.90038 10.7146 10.0277L7.07638 13.666C7.01308 13.7293 6.93792 13.7795 6.85521 13.8137C6.7725 13.848 6.68384 13.8656 6.59432 13.8656C6.50479 13.8656 6.41614 13.848 6.33342 13.8137C6.25071 13.7795 6.17555 13.7293 6.11225 13.666C6.04894 13.6027 5.99873 13.5275 5.96446 13.4448C5.9302 13.3621 5.91257 13.2734 5.91257 13.1839C5.91257 13.0944 5.9302 13.0057 5.96446 12.923C5.99873 12.8403 6.04894 12.7651 6.11225 12.7018L9.55039 9.26278V4.99785C9.55039 4.81693 9.62226 4.64341 9.75019 4.51548C9.87812 4.38755 10.0516 4.31568 10.2326 4.31568C10.4135 4.31568 10.587 4.38755 10.7149 4.51548C10.8429 4.64341 10.9147 4.81693 10.9147 4.99785Z" fill="#E21E24" />
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7801 10.2266C12.1442 10.2266 10.0049 12.3658 10.0049 15.0018C10.0049 17.6377 12.1442 19.777 14.7801 19.777C17.416 19.777 19.5553 17.6377 19.5553 15.0018C19.5553 12.3658 17.416 10.2266 14.7801 10.2266ZM12.4789 15.2564L13.8432 16.6208C13.9065 16.6841 13.9816 16.7344 14.0644 16.7687C14.1471 16.803 14.2358 16.8207 14.3253 16.8207C14.4148 16.8207 14.5035 16.803 14.5862 16.7687C14.6689 16.7344 14.7441 16.6841 14.8074 16.6208L17.0813 14.3469C17.1446 14.2836 17.1948 14.2084 17.2291 14.1257C17.2633 14.043 17.2809 13.9543 17.2809 13.8648C17.2809 13.7753 17.2633 13.6866 17.2291 13.6039C17.1948 13.5212 17.1446 13.446 17.0813 13.3827C17.018 13.3194 16.9428 13.2692 16.8601 13.235C16.7774 13.2007 16.6887 13.1831 16.5992 13.1831C16.5097 13.1831 16.421 13.2007 16.3383 13.235C16.2556 13.2692 16.1804 13.3194 16.1171 13.3827L14.3253 15.1737L13.443 14.2923C13.3797 14.229 13.3046 14.1788 13.2218 14.1445C13.1391 14.1103 13.0505 14.0926 12.961 14.0926C12.8714 14.0926 12.7828 14.1103 12.7001 14.1445C12.6173 14.1788 12.5422 14.229 12.4789 14.2923C12.4156 14.3556 12.3654 14.4308 12.3311 14.5135C12.2968 14.5962 12.2792 14.6848 12.2792 14.7744C12.2792 14.8639 12.2968 14.9525 12.3311 15.0353C12.3654 15.118 12.4156 15.1931 12.4789 15.2564Z" fill="#E21E24" />
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7801 10.2266C12.1442 10.2266 10.0049 12.3658 10.0049 15.0018C10.0049 17.6377 12.1442 19.777 14.7801 19.777C17.416 19.777 19.5553 17.6377 19.5553 15.0018C19.5553 12.3658 17.416 10.2266 14.7801 10.2266ZM12.4789 15.2564L13.8432 16.6208C13.9065 16.6841 13.9816 16.7344 14.0644 16.7687C14.1471 16.803 14.2358 16.8207 14.3253 16.8207C14.4148 16.8207 14.5035 16.803 14.5862 16.7687C14.6689 16.7344 14.7441 16.6841 14.8074 16.6208L17.0813 14.3469C17.1446 14.2836 17.1948 14.2084 17.2291 14.1257C17.2633 14.043 17.2809 13.9543 17.2809 13.8648C17.2809 13.7753 17.2633 13.6866 17.2291 13.6039C17.1948 13.5212 17.1446 13.446 17.0813 13.3827C17.018 13.3194 16.9428 13.2692 16.8601 13.235C16.7774 13.2007 16.6887 13.1831 16.5992 13.1831C16.5097 13.1831 16.421 13.2007 16.3383 13.235C16.2556 13.2692 16.1804 13.3194 16.1171 13.3827L14.3253 15.1737L13.443 14.2923C13.3797 14.229 13.3046 14.1788 13.2218 14.1445C13.1391 14.1103 13.0505 14.0926 12.961 14.0926C12.8714 14.0926 12.7828 14.1103 12.7001 14.1445C12.6173 14.1788 12.5422 14.229 12.4789 14.2923C12.4156 14.3556 12.3654 14.4308 12.3311 14.5135C12.2968 14.5962 12.2792 14.6848 12.2792 14.7744C12.2792 14.8639 12.2968 14.9525 12.3311 15.0353C12.3654 15.118 12.4156 15.1931 12.4789 15.2564Z" fill="#E21E24" />
|
||||||
</g>
|
</g>
|
||||||
<defs>
|
<defs>
|
||||||
<clipPath id="clip0_2190_3183">
|
<clipPath id="clip0_2190_3183_2">
|
||||||
<rect width="19.5556" height="19.5556" fill="white" transform="translate(0 0.222656)" />
|
<rect width="19.5556" height="19.5556" fill="white" transform="translate(0 0.222656)" />
|
||||||
</clipPath>
|
</clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
@@ -128,7 +267,7 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
|
|||||||
<?php foreach ($work_time['work_time_repeater'] as $time_item) : ?>
|
<?php foreach ($work_time['work_time_repeater'] as $time_item) : ?>
|
||||||
<div class="flex text-[16px] leading-[145%] font-[600]">
|
<div class="flex text-[16px] leading-[145%] font-[600]">
|
||||||
<span><?php echo esc_html($time_item['title']); ?></span>
|
<span><?php echo esc_html($time_item['title']); ?></span>
|
||||||
|
|
||||||
<span class="font-[500]"><?php echo esc_html($time_item['time']); ?></span>
|
<span class="font-[500]"><?php echo esc_html($time_item['time']); ?></span>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
@@ -167,6 +306,18 @@ $section_padding = $is_first_block ? "!pt-[0]" : "!pt-[0px]";
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php if(!is_front_page()):
|
||||||
|
?>
|
||||||
|
<div class="mt-[14px]">
|
||||||
|
<a href="mailto:powerhousegymtomsk@gmail.com"
|
||||||
|
class="!decoration-transparent hover:!decoration-inherit text-[24px] font-[600]">
|
||||||
|
Написать на e-mail
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
endif; ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
|||||||
@@ -19,6 +19,13 @@
|
|||||||
color: #6c6b6b;
|
color: #6c6b6b;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
#fluentform_3 .ff-el-form-control {
|
||||||
|
font-size: 15px;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#fluentform_3 .ff-btn-submit {
|
#fluentform_3 .ff-btn-submit {
|
||||||
height: 75px;
|
height: 75px;
|
||||||
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
background: linear-gradient(90deg, #e21e24 39.42%, #ff2f35 92.9%);
|
||||||
@@ -34,6 +41,13 @@
|
|||||||
transition: 180ms ease-in;
|
transition: 180ms ease-in;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
#fluentform_3 .ff-btn-submit {
|
||||||
|
font-size: 16px;
|
||||||
|
height: 53px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
#fluentform_3 .ff-btn-submit:hover {
|
#fluentform_3 .ff-btn-submit:hover {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
transition: 180ms ease-in;
|
transition: 180ms ease-in;
|
||||||
|
|||||||
@@ -13,32 +13,58 @@ $form_name = $form_title;
|
|||||||
$room = get_current_room();
|
$room = get_current_room();
|
||||||
if ($room === 'gym') {
|
if ($room === 'gym') {
|
||||||
$section_classes = 'bg-cover bg-center bg-no-repeat';
|
$section_classes = 'bg-cover bg-center bg-no-repeat';
|
||||||
$bg_image = get_template_directory_uri() . '/assets/images/form-bg-dark.png';
|
$bg_image = get_template_directory_uri() . '/assets/images/form-bg-dark.png.webp';
|
||||||
$style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
|
$style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
|
||||||
} else {
|
} else {
|
||||||
$section_classes = 'bg-cover bg-center bg-no-repeat';
|
$section_classes = 'bg-cover bg-center bg-no-repeat';
|
||||||
$bg_image = get_template_directory_uri() . '/assets/images/form-bg-light.png';
|
$bg_image = get_template_directory_uri() . '/assets/images/form-bg-light.png.webp';
|
||||||
$style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
|
$style_attr = 'style="background-image: url(' . esc_url($bg_image) . ')"';
|
||||||
}
|
}
|
||||||
|
|
||||||
$hidden_value = "Форма: {$form_name} | Страница: {$page_title} | URL: {$current_url}";
|
$hidden_value = "Форма: {$form_name} | Страница: {$page_title} | URL: {$current_url}";
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<section class="mt-[22px] bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)] bg-cover" id="<?php echo esc_attr($unique_id); ?> "
|
<section data-scroll-section="trial-training" class="bg-[100%_8px] bg-no-repeat max-[1050px]:!bg-none bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)] bg-cover"
|
||||||
|
id="<?php echo esc_attr($unique_id); ?> "
|
||||||
<?php echo $style_attr; ?>
|
<?php echo $style_attr; ?>
|
||||||
>
|
>
|
||||||
|
|
||||||
<div class="container mx-auto py-[48px] flex relative">
|
<div class="mt-[-9px] max-[1050px]:py-[0] max-[1050px]:flex-col-reverse max-[1050px]:items-center max-[1050px]:justify-center max-[1050px]:gap-[20px] container mx-auto py-[48px] flex relative">
|
||||||
<img class="absolute right-0 bottom-0 pointer-events-none z-0" src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/form-image-trainer.png'); ?>" alt="Изображение тренера">
|
|
||||||
<div class="form-block-wrapper relative z-[1] border border-[2px] border-[#fff] p-[48px] bg-[#f8f8f8] rounded-[32px] w-full max-w-[590px]"
|
<div class="max-[1050px]:w-[calc(100%+20px)] max-[768px]:w-[calc(100%+48px)] bg-[100%_8px] bg-no-repeat max-[1050px]:flex max-[1050px]:items-center max-[1050px]:justify-center bg-cover bg-no-repeat absolute right-0 bottom-0 max-[1050px]:static"
|
||||||
|
data-bg-image="<?php echo esc_url($bg_image); ?>">
|
||||||
|
|
||||||
|
|
||||||
|
<img class="max-[1050px]:max-h-[274px] pointer-events-none z-0"
|
||||||
|
src="<?php echo esc_url(get_template_directory_uri() . '/assets/images/form-image-trainer.png'); ?>"
|
||||||
|
alt="Изображение тренера">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function setResponsiveBackground() {
|
||||||
|
const elements = document.querySelectorAll('[data-bg-image]');
|
||||||
|
elements.forEach(el => {
|
||||||
|
if (window.innerWidth <= 1050) {
|
||||||
|
el.style.backgroundImage = `url(${el.dataset.bgImage})`;
|
||||||
|
} else {
|
||||||
|
el.style.backgroundImage = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('resize', setResponsiveBackground);
|
||||||
|
setResponsiveBackground();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="max-[768px]:p-[20px] form-block-wrapper relative z-[1] border border-[2px] border-[#fff] p-[48px] bg-[#f8f8f8] rounded-[32px] w-full max-w-[590px]"
|
||||||
data-form-id="<?php echo esc_attr($form_id); ?>"
|
data-form-id="<?php echo esc_attr($form_id); ?>"
|
||||||
data-submit-text="<?php echo esc_attr($submit_button_text); ?>"
|
data-submit-text="<?php echo esc_attr($submit_button_text); ?>"
|
||||||
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
|
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
|
||||||
<h3 class="font-[500] text-[40px] leading-[120%] text-[#222]">Пробная <strong class="font-[700]">персональная
|
<h3 class="max-[1050px]:text-[30px] max-[768px]:text-[24px] font-[500] text-[40px] leading-[120%] text-[#222]">Пробная <strong class="font-[700]">персональная
|
||||||
тренировка</strong>
|
тренировка</strong>
|
||||||
<span class="bg-[linear-gradient(90deg,_#9d9994_39.42%,_#ccc9c4_92.9%)] rounded-[32px] h-[43px] inline-flex items-center pr-[16px] pl-[16px] font-[600] text-[32px] leading-[115%] text-[#fff]">за 1200 ₽</span>
|
<span class="max-[768px]:text-[20px] max-[768px]:mt-[10px] max-[768px]:h-[29px] bg-[linear-gradient(90deg,_#9d9994_39.42%,_#ccc9c4_92.9%)] rounded-[32px] h-[43px] inline-flex items-center pr-[16px] pl-[16px] font-[600] text-[32px] leading-[115%] text-[#fff]">за 1200 ₽</span>
|
||||||
</h3>
|
</h3>
|
||||||
<p class="mt-[16px] mb-[24px] font-[500] text-[20px] leading-[140%] text-[#222]">Познакомимся, покажем зал и
|
<p class="max-[1050px]:text-[18px] max-[768px]:text-[16px] mt-[16px] mb-[24px] font-[500] text-[20px] leading-[140%] text-[#222]">Познакомимся, покажем зал и
|
||||||
<strong class="font-[600]">подберём
|
<strong class="font-[600]">подберём
|
||||||
оптимальные для вас тренировки!</strong></p>
|
оптимальные для вас тренировки!</strong></p>
|
||||||
<?php echo do_shortcode('[fluentform id="' . esc_attr($form_id) . '"]'); ?>
|
<?php echo do_shortcode('[fluentform id="' . esc_attr($form_id) . '"]'); ?>
|
||||||
|
|||||||
@@ -25,6 +25,11 @@
|
|||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
background: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%);
|
background: linear-gradient(90deg, #9d9994 39.42%, #ccc9c4 92.9%);
|
||||||
}
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.gallery-block .tab-button{
|
||||||
|
font-size: 15px!important;
|
||||||
|
}
|
||||||
|
}
|
||||||
.dark .gallery-block .tab-button.active {
|
.dark .gallery-block .tab-button.active {
|
||||||
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
background: linear-gradient(90deg, #2b2c35 39.42%, #6e7996 92.9%);
|
||||||
color: #f8f8f8;
|
color: #f8f8f8;
|
||||||
|
|||||||
@@ -22,17 +22,22 @@ function initGalleryBlock(blockId) {
|
|||||||
|
|
||||||
thumbnailSwipers[tabId] = new Swiper(`#${blockId} #thumbnail-swiper-${tabId}`, {
|
thumbnailSwipers[tabId] = new Swiper(`#${blockId} #thumbnail-swiper-${tabId}`, {
|
||||||
slidesPerView: 'auto',
|
slidesPerView: 'auto',
|
||||||
spaceBetween: 24,
|
spaceBetween: 5,
|
||||||
freeMode: true,
|
freeMode: true,
|
||||||
grabCursor: true,
|
grabCursor: true,
|
||||||
watchSlidesProgress: true,
|
watchSlidesProgress: true,
|
||||||
|
breakpoints: {
|
||||||
|
768: {
|
||||||
|
spaceBetween: 24
|
||||||
|
}
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
swipers[tabId] = new Swiper(`#${blockId} #swiper-${tabId}`, {
|
swipers[tabId] = new Swiper(`#${blockId} #swiper-${tabId}`, {
|
||||||
slidesPerView: 'auto',
|
slidesPerView: 'auto',
|
||||||
spaceBetween: 24,
|
spaceBetween: 12,
|
||||||
centeredSlides: true,
|
centeredSlides: false,
|
||||||
initialSlide: 1,
|
initialSlide: 0,
|
||||||
scrollbar: {
|
scrollbar: {
|
||||||
el: `#swiper-scrollbar-${tabId}`,
|
el: `#swiper-scrollbar-${tabId}`,
|
||||||
draggable: true,
|
draggable: true,
|
||||||
@@ -48,6 +53,11 @@ function initGalleryBlock(blockId) {
|
|||||||
updateThumbnails(tabId, this.realIndex);
|
updateThumbnails(tabId, this.realIndex);
|
||||||
centerThumbnail(tabId, this.realIndex);
|
centerThumbnail(tabId, this.realIndex);
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
breakpoints: {
|
||||||
|
768: {
|
||||||
|
spaceBetween: 24
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -31,27 +31,26 @@ if ($use_homepage_content) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Если переключатель выключен или блок на главной не найден - рендерим локальные данные
|
|
||||||
$heading = get_field('heading');
|
$heading = get_field('heading');
|
||||||
$slider_tabs = get_field('slider_tabs');
|
$slider_tabs = get_field('slider_tabs');
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="gallery-block py-[45px] pb-[90px] <?php if (!is_front_page()): echo 'pb-0 py-[90px] mt-0'; endif ?>"
|
<div class="container mx-auto gallery-block max-[768px]:pb-[45px] pb-[90px] <?php if (!is_front_page()): echo 'pb-0 max-[768px]:py-[40px] py-[90px] mt-0'; endif ?>"
|
||||||
id="<?php echo esc_attr($id); ?>"
|
id="<?php echo esc_attr($id); ?>"
|
||||||
data-gallery-id="<?php echo esc_attr($id); ?>">
|
data-gallery-id="<?php echo esc_attr($id); ?>">
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div>
|
||||||
<div class="flex justify-between flex-wrap">
|
<div class="flex justify-between flex-wrap max-[1050px]:flex-col gap-[16px]">
|
||||||
<?php if ($heading) : ?>
|
<?php if ($heading) : ?>
|
||||||
<h2 class="text-[48px] font-[700] leading-[110%]"><?php echo esc_html($heading); ?></h2>
|
<h2 class="font-[700] leading-[110%] max-[1330px]:text-[36px] max-[768px]:text-[24px] text-[48px]"><?php echo esc_html($heading); ?></h2>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
||||||
<div class="flex max-w-[872px] flex-wrap gap-[8px]">
|
<div class="max-[1050px]:max-w-full max-[1050px]:flex-nowrap overflow-x-auto overflow-y-hidden flex max-w-[872px] flex-wrap gap-[8px]">
|
||||||
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
||||||
<?php if (!empty($tab['tab_name'])) : ?>
|
<?php if (!empty($tab['tab_name'])) : ?>
|
||||||
<button class="tab-button grey-gradient-button rounded-[90px] py-[8px] px-[28px] cursor-pointer transition-all <?php echo $tab_index === 0 ? 'active' : ''; ?>"
|
<button class="max-[768px]:h-[41px] max-[768px]:flex max-[768px]:px-[16px] max-[768px]:items-center max-[768px]:justify-center max-[768px]:py-0 max-[768px]:text-[15px] tab-button max-[1050px]:whitespace-nowrap h-[51px] grey-gradient-button rounded-[90px] py-[8px] px-[28px] cursor-pointer transition-all <?php echo $tab_index === 0 ? 'active' : ''; ?>"
|
||||||
data-tab="<?php echo $tab_index; ?>">
|
data-tab="<?php echo $tab_index; ?>">
|
||||||
<?php echo esc_html($tab['tab_name']); ?>
|
<?php echo esc_html($tab['tab_name']); ?>
|
||||||
</button>
|
</button>
|
||||||
@@ -64,19 +63,60 @@ $slider_tabs = get_field('slider_tabs');
|
|||||||
|
|
||||||
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
||||||
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
||||||
<div class="tab-content relative <?php echo $tab_index === 0 ? 'block' : 'hidden'; ?>"
|
<div class=" tab-content relative <?php echo $tab_index === 0 ? 'block' : 'hidden'; ?>"
|
||||||
id="tab-<?php echo $tab_index; ?>">
|
id="tab-<?php echo $tab_index; ?>">
|
||||||
|
|
||||||
<?php if (!empty($tab['slider_images'])) : ?>
|
<?php if (!empty($tab['slider_images'])) : ?>
|
||||||
|
|
||||||
<div class="swiper max-w-[2000px] mt-[45px] gallery-swiper h-[440px]"
|
<div class="max-[768px]:!px-[24px] max-[768px]:!mx-[-24px] max-[768px]:mt-[24px] swiper max-[768px]:h-[220px] max-w-[2000px] mt-[45px] gallery-swiper h-[440px]"
|
||||||
id="swiper-<?php echo $tab_index; ?>">
|
id="swiper-<?php echo $tab_index; ?>">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach ($tab['slider_images'] as $img_index => $image) : ?>
|
<?php foreach ($tab['slider_images'] as $img_index => $image) : ?>
|
||||||
<div class="swiper-slide max-w-[648px] cursor-pointer min-h-[440px]">
|
<div class="max-[768px]:max-w-[327px] max-[768px]:min-h-[220px] swiper-slide max-w-[648px] cursor-pointer min-h-[440px]">
|
||||||
<a href="<?php echo esc_url($image['url']); ?>"
|
<a href="<?php echo esc_url($image['url']); ?>"
|
||||||
class="glightbox block w-full h-full"
|
class="glightbox block w-full h-full relative group overflow-hidden rounded-[24px]"
|
||||||
data-gallery="gallery-<?php echo $tab_index; ?>">
|
data-gallery="gallery-<?php echo $tab_index; ?>">
|
||||||
|
|
||||||
|
<div class="absolute inset-0 bg-[rgba(51,51,51,0.52)] opacity-0 group-hover:opacity-[100%] transition-opacity ease-in-out z-10 flex items-center justify-center">
|
||||||
|
<div class="
|
||||||
|
min-w-[76px]
|
||||||
|
min-h-[76px]
|
||||||
|
w-[76px]
|
||||||
|
h-[76px]
|
||||||
|
rounded-full
|
||||||
|
relative
|
||||||
|
overflow-hidden
|
||||||
|
border-[0.76px]
|
||||||
|
border-white/[0.14]
|
||||||
|
mx-auto
|
||||||
|
before:content-['']
|
||||||
|
before:absolute
|
||||||
|
before:top-[-10px]
|
||||||
|
before:left-[-10px]
|
||||||
|
before:right-[-10px]
|
||||||
|
before:bottom-[-10px]
|
||||||
|
before:bg-gradient-to-r
|
||||||
|
before:from-[#2B2C35]
|
||||||
|
before:from-[39.4%]
|
||||||
|
before:to-[#6E7996]
|
||||||
|
before:to-[92.9%]
|
||||||
|
before:blur-[7px]
|
||||||
|
before:opacity-[0.62]
|
||||||
|
before:-z-10
|
||||||
|
before:w-[76px]
|
||||||
|
before:h-[76px]
|
||||||
|
scale-90 group-hover:scale-100
|
||||||
|
transition
|
||||||
|
grid place-content-center
|
||||||
|
relative
|
||||||
|
">
|
||||||
|
<svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M27.2511 1.95288L27.2506 7.9773C27.2506 8.13545 27.2195 8.29204 27.1589 8.43814C27.0984 8.58425 27.0097 8.717 26.8978 8.82881C26.786 8.94063 26.6532 9.02933 26.5071 9.08983C26.361 9.15034 26.2044 9.18147 26.0462 9.18146C25.8881 9.18144 25.7315 9.15028 25.5854 9.08975C25.4393 9.02921 25.3065 8.94049 25.1947 8.82866C24.9689 8.60279 24.8421 8.29647 24.8421 7.97707V4.86345L17.8434 11.8682C17.7316 11.9803 17.5987 12.0693 17.4524 12.1298C17.306 12.1904 17.1492 12.2214 16.9908 12.2211C16.7526 12.2212 16.5197 12.1506 16.3216 12.0184C16.1235 11.8861 15.9691 11.698 15.8779 11.478C15.7866 11.2579 15.7628 11.0157 15.8092 10.7821C15.8557 10.5485 15.9704 10.3338 16.1388 10.1654L23.1397 3.15772H20.0268C19.7073 3.15772 19.4008 3.03078 19.1749 2.80483C18.9489 2.57888 18.822 2.27243 18.822 1.95288C18.822 1.63334 18.9489 1.32689 19.1749 1.10094C19.4008 0.874985 19.7073 0.748047 20.0268 0.748047H26.0462C26.366 0.748047 26.6721 0.875074 26.8982 1.10138C27.1241 1.32719 27.251 1.63349 27.2511 1.95288ZM26.0465 18.8175C25.727 18.8176 25.4206 18.9446 25.1947 19.1706C24.9689 19.3966 24.842 19.703 24.8421 20.0225V23.1361L17.9608 16.3135C17.4899 15.843 16.695 15.8426 16.2246 16.313C15.7539 16.7828 15.7377 17.5458 16.2076 18.016L23.0195 24.8421H19.9007C19.5811 24.842 19.2746 24.9689 19.0485 25.1948C18.8224 25.4207 18.6953 25.7271 18.6952 26.0467C18.6951 26.2048 18.7261 26.3614 18.7866 26.5076C18.847 26.6537 18.9357 26.7864 19.0475 26.8983C19.1593 27.0101 19.292 27.0989 19.4381 27.1594C19.5842 27.2199 19.7407 27.2511 19.8989 27.2511L25.9174 27.2518C26.2374 27.2518 26.6083 27.1247 26.8337 26.8989C27.0595 26.673 27.2513 26.3666 27.2513 26.0474V20.0223C27.2511 19.7028 27.1241 19.3965 26.8982 19.1705C26.6723 18.9446 26.366 18.8176 26.0465 18.8175ZM10.0382 16.2604L3.1575 23.1366V20.0223C3.1575 19.3569 2.62886 18.8188 1.96371 18.8188H1.96868C1.81069 18.8188 1.65425 18.8499 1.50829 18.9104C1.36234 18.9709 1.22975 19.0595 1.1181 19.1713C1.00645 19.2831 0.917928 19.4158 0.857605 19.5618C0.797283 19.7078 0.76634 19.8643 0.766548 20.0223L0.766999 26.0465C0.767059 26.2048 0.7983 26.3615 0.858941 26.5077C0.919581 26.654 1.00843 26.7868 1.12042 26.8987C1.23241 27.0106 1.36534 27.0993 1.51162 27.1598C1.6579 27.2203 1.81467 27.2514 1.97296 27.2513H7.99264C8.31218 27.2513 8.61864 27.1244 8.84459 26.8984C9.07054 26.6725 9.19748 26.366 9.19748 26.0465C9.19748 25.7269 9.07054 25.4205 8.84459 25.1945C8.61864 24.9686 8.31218 24.8416 7.99264 24.8416H4.88059L11.7527 17.9632C12.2236 17.493 12.2175 16.7293 11.747 16.2595C11.2766 15.7898 10.5088 15.7902 10.0382 16.2604ZM4.85939 3.26625H7.97188C8.28639 3.25879 8.58551 3.12862 8.80531 2.90354C9.02512 2.67847 9.14816 2.37635 9.14816 2.06175C9.14816 1.74715 9.02512 1.44503 8.80531 1.21996C8.58551 0.994881 8.28639 0.864706 7.97188 0.857249L1.95288 0.856798H1.95266C1.63321 0.856613 1.32676 0.983297 1.1007 1.209C0.874819 1.43507 0.747971 1.7416 0.748047 2.06118L0.748724 8.08582C0.748784 8.40525 0.875686 8.71158 1.10153 8.93747C1.32738 9.16336 1.63368 9.29032 1.95311 9.29044C2.27254 9.29032 2.57884 9.16336 2.80469 8.93747C3.03053 8.71158 3.15744 8.40525 3.1575 8.08582V4.97175L10.1013 11.9212C10.2131 12.0334 10.346 12.1224 10.4923 12.183C10.6385 12.2436 10.7954 12.2748 10.9537 12.2746C11.192 12.2746 11.425 12.2039 11.6231 12.0715C11.8213 11.9391 11.9757 11.7509 12.0669 11.5308C12.1581 11.3106 12.1819 11.0684 12.1355 10.8347C12.089 10.6009 11.9742 10.3863 11.8057 10.2178L4.85939 3.26625Z" fill="white" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<?php if ($img_index === 0) : ?>
|
<?php if ($img_index === 0) : ?>
|
||||||
<img src="<?php echo esc_url($image['url']); ?>"
|
<img src="<?php echo esc_url($image['url']); ?>"
|
||||||
alt="<?php echo esc_attr($image['alt']); ?>"
|
alt="<?php echo esc_attr($image['alt']); ?>"
|
||||||
@@ -99,11 +139,11 @@ $slider_tabs = get_field('slider_tabs');
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="relative mt-[24px]">
|
<div class="relative mt-[24px]">
|
||||||
<div class="swiper thumbnail-swiper"
|
<div class="swiper thumbnail-swiper max-[768px]:!px-[24px] max-[768px]:!mx-[-24px]"
|
||||||
id="thumbnail-swiper-<?php echo $tab_index; ?>">
|
id="thumbnail-swiper-<?php echo $tab_index; ?>">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach ($tab['slider_images'] as $thumb_index => $image) : ?>
|
<?php foreach ($tab['slider_images'] as $thumb_index => $image) : ?>
|
||||||
<div class="swiper-slide max-w-[160px] !h-[100px]">
|
<div class="max-[768px]:max-w-[105px] max-[768px]:!h-[60px] swiper-slide max-w-[160px] !h-[100px]">
|
||||||
<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'; ?>"
|
<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; ?>">
|
data-index="<?php echo $thumb_index; ?>">
|
||||||
<img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>"
|
<img src="<?php echo esc_url($image['sizes']['thumbnail']); ?>"
|
||||||
@@ -118,7 +158,7 @@ $slider_tabs = get_field('slider_tabs');
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<div class="swiper-scrollbar !static !mx-auto !cursor-grab container mt-[44px] !w-full !p-0" id="swiper-scrollbar-<?php echo $tab_index; ?>"></div>
|
<div class="swiper-scrollbar !static !mx-auto !cursor-grab mt-[44px] !w-full !p-0" id="swiper-scrollbar-<?php echo $tab_index; ?>"></div>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|||||||
@@ -6,6 +6,7 @@
|
|||||||
.pagination-item[data-active="false"] .pagination-line {
|
.pagination-item[data-active="false"] .pagination-line {
|
||||||
background: #e0e0e0;
|
background: #e0e0e0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination-item[data-active="true"] .pagination-line {
|
.pagination-item[data-active="true"] .pagination-line {
|
||||||
background: #222;
|
background: #222;
|
||||||
}
|
}
|
||||||
@@ -13,6 +14,7 @@
|
|||||||
.dark .pagination-item[data-active="false"] .pagination-line {
|
.dark .pagination-item[data-active="false"] .pagination-line {
|
||||||
background: rgba(248, 248, 248, 0.15);
|
background: rgba(248, 248, 248, 0.15);
|
||||||
}
|
}
|
||||||
|
|
||||||
.dark .pagination-item[data-active="true"] .pagination-line {
|
.dark .pagination-item[data-active="true"] .pagination-line {
|
||||||
background: linear-gradient(90deg, rgba(250, 248, 245, 0.7) 0%, rgba(250, 248, 245, 0.7) 100%);
|
background: linear-gradient(90deg, rgba(250, 248, 245, 0.7) 0%, rgba(250, 248, 245, 0.7) 100%);
|
||||||
}
|
}
|
||||||
@@ -21,7 +23,7 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inverted-radius{
|
.inverted-radius {
|
||||||
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20648%20575%22%3E%3Cpath%20d%3D%22M0%2C0H648A0%2C0%200%2C0%2C1%20648%2C0V575A0%2C0%200%2C0%2C1%20648%2C575H130A20%2C20%200%2C0%2C1%20110%2C555L110%2C535A20%2C20%200%2C0%2C0%2090%2C515L20%2C515A20%2C20%200%2C0%2C1%200%2C495V0A0%2C0%200%2C0%2C1%200%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
|
-webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20648%20575%22%3E%3Cpath%20d%3D%22M0%2C0H648A0%2C0%200%2C0%2C1%20648%2C0V575A0%2C0%200%2C0%2C1%20648%2C575H130A20%2C20%200%2C0%2C1%20110%2C555L110%2C535A20%2C20%200%2C0%2C0%2090%2C515L20%2C515A20%2C20%200%2C0%2C1%200%2C495V0A0%2C0%200%2C0%2C1%200%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
|
||||||
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20648%20575%22%3E%3Cpath%20d%3D%22M0%2C0H648A0%2C0%200%2C0%2C1%20648%2C0V575A0%2C0%200%2C0%2C1%20648%2C575H130A20%2C20%200%2C0%2C1%20110%2C555L110%2C535A20%2C20%200%2C0%2C0%2090%2C515L20%2C515A20%2C20%200%2C0%2C1%200%2C495V0A0%2C0%200%2C0%2C1%200%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
|
mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20648%20575%22%3E%3Cpath%20d%3D%22M0%2C0H648A0%2C0%200%2C0%2C1%20648%2C0V575A0%2C0%200%2C0%2C1%20648%2C575H130A20%2C20%200%2C0%2C1%20110%2C555L110%2C535A20%2C20%200%2C0%2C0%2090%2C515L20%2C515A20%2C20%200%2C0%2C1%200%2C495V0A0%2C0%200%2C0%2C1%200%2C0Z%22%20fill%3D%22%23fff%22%20%2F%3E%3C%2Fsvg%3E') no-repeat center / contain;
|
||||||
width: 648px;
|
width: 648px;
|
||||||
@@ -29,6 +31,15 @@
|
|||||||
aspect-ratio: 648 / 575;
|
aspect-ratio: 648 / 575;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.inverted-radius {
|
||||||
|
mask: none;
|
||||||
|
-webkit-mask: none;
|
||||||
|
aspect-ratio: auto;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.radient-bg {
|
.radient-bg {
|
||||||
background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);
|
background: linear-gradient(180deg, #f9f9f9 69.59%, #ededed 100%);
|
||||||
}
|
}
|
||||||
@@ -3,43 +3,115 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
|
|
||||||
heroBlocks.forEach(function(block) {
|
heroBlocks.forEach(function(block) {
|
||||||
const swiperContainer = block.querySelector('.swiper');
|
const swiperContainer = block.querySelector('.swiper');
|
||||||
|
|
||||||
if (!swiperContainer) return;
|
if (!swiperContainer) return;
|
||||||
|
|
||||||
|
let progressAnimation = null;
|
||||||
|
const autoplayDelay = 4000;
|
||||||
|
|
||||||
const swiper = new Swiper(swiperContainer, {
|
const swiper = new Swiper(swiperContainer, {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
grabCursor: true,
|
grabCursor: true,
|
||||||
|
loop: true,
|
||||||
|
effect: 'fade',
|
||||||
|
fadeEffect: {
|
||||||
|
crossFade: true
|
||||||
|
},
|
||||||
|
autoplay: {
|
||||||
|
delay: autoplayDelay,
|
||||||
|
disableOnInteraction: false
|
||||||
|
},
|
||||||
on: {
|
on: {
|
||||||
slideChange: function () {
|
slideChange: function () {
|
||||||
updatePagination(block, this.realIndex);
|
updatePagination(block, this.realIndex);
|
||||||
|
startProgressAnimation(block, this.realIndex);
|
||||||
|
},
|
||||||
|
autoplayStart: function() {
|
||||||
|
startProgressAnimation(block, this.realIndex);
|
||||||
|
},
|
||||||
|
autoplayStop: function() {
|
||||||
|
stopProgressAnimation();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Функция обновления пагинации
|
|
||||||
function updatePagination(block, activeIndex) {
|
function updatePagination(block, activeIndex) {
|
||||||
const paginationItems = block.querySelectorAll('.pagination-item');
|
const paginationItems = block.querySelectorAll('.pagination-item');
|
||||||
|
|
||||||
paginationItems.forEach((item, index) => {
|
paginationItems.forEach((item, index) => {
|
||||||
item.setAttribute('data-active', index === activeIndex ? 'true' : 'false');
|
const isActive = index === activeIndex;
|
||||||
|
item.setAttribute('data-active', isActive ? 'true' : 'false');
|
||||||
|
|
||||||
|
const line = item.querySelector('.pagination-line');
|
||||||
|
if (line && !isActive) {
|
||||||
|
line.style.background = '';
|
||||||
|
line.style.backgroundImage = '';
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Навигация
|
function startProgressAnimation(block, activeIndex) {
|
||||||
|
stopProgressAnimation();
|
||||||
|
|
||||||
|
const paginationItems = block.querySelectorAll('.pagination-item');
|
||||||
|
const activeItem = paginationItems[activeIndex];
|
||||||
|
|
||||||
|
if (!activeItem) return;
|
||||||
|
|
||||||
|
const line = activeItem.querySelector('.pagination-line');
|
||||||
|
if (!line) return;
|
||||||
|
|
||||||
|
line.style.backgroundImage = 'linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%, transparent 0%)';
|
||||||
|
|
||||||
|
let progress = 0;
|
||||||
|
const startTime = Date.now();
|
||||||
|
|
||||||
|
function animate() {
|
||||||
|
const elapsed = Date.now() - startTime;
|
||||||
|
progress = Math.min(elapsed / autoplayDelay, 1);
|
||||||
|
|
||||||
|
const percentage = progress * 100;
|
||||||
|
line.style.backgroundImage = `linear-gradient(to right, rgba(255, 255, 255, 0.8) ${percentage}%, transparent ${percentage}%)`;
|
||||||
|
|
||||||
|
if (progress < 1) {
|
||||||
|
progressAnimation = requestAnimationFrame(animate);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
progressAnimation = requestAnimationFrame(animate);
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopProgressAnimation() {
|
||||||
|
if (progressAnimation) {
|
||||||
|
cancelAnimationFrame(progressAnimation);
|
||||||
|
progressAnimation = null;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const prevBtn = block.querySelector('.custom-prev');
|
const prevBtn = block.querySelector('.custom-prev');
|
||||||
const nextBtn = block.querySelector('.custom-next');
|
const nextBtn = block.querySelector('.custom-next');
|
||||||
|
|
||||||
if (prevBtn) {
|
if (prevBtn) {
|
||||||
prevBtn.addEventListener('click', () => swiper.slidePrev());
|
prevBtn.addEventListener('click', () => {
|
||||||
|
swiper.slidePrev();
|
||||||
|
stopProgressAnimation();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if (nextBtn) {
|
if (nextBtn) {
|
||||||
nextBtn.addEventListener('click', () => swiper.slideNext());
|
nextBtn.addEventListener('click', () => {
|
||||||
|
swiper.slideNext();
|
||||||
|
stopProgressAnimation();
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
// Пагинация
|
|
||||||
block.querySelectorAll('.pagination-item').forEach((item, index) => {
|
block.querySelectorAll('.pagination-item').forEach((item, index) => {
|
||||||
item.addEventListener('click', () => swiper.slideToLoop(index));
|
item.addEventListener('click', () => {
|
||||||
|
swiper.slideToLoop(index);
|
||||||
|
stopProgressAnimation();
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
updatePagination(block, 0);
|
||||||
|
startProgressAnimation(block, 0);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@@ -55,74 +55,82 @@ if ($room === 'fitness') {
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<section class="pt-[161px] dark:text-[#f8f8f8] hero-block pb-[30px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
<section
|
||||||
|
class="pt-[161px] max-[768px]:pt-[141px] dark:text-[#f8f8f8] hero-block pb-[30px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto mt-[14px]">
|
||||||
<div class="flex justify-between gap-[24px] ">
|
<div class="max-[1200px]:flex-col max-[1200px]:items-center flex justify-between gap-[24px] ">
|
||||||
<div class="flex flex-col w-full mt-[26px]">
|
<div class="max-[768px]:mt-[14px] flex flex-col w-full mt-[26px]">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name'); ?>
|
||||||
|
|
||||||
<h1 class=" font-[500] leading-[110%] text-[48px] mt-[20px]">
|
<h1 class=" font-[500] leading-[110%] max-[1330px]:text-[36px] max-[768px]:text-[24px] text-[48px] mt-[20px]">
|
||||||
<?php if (!empty($heading)): ?>
|
<?php if (!empty($heading)): ?>
|
||||||
<?php echo wp_kses_post($heading); ?>
|
<?php echo wp_kses_post($heading); ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<p class="text-[24px] font-[500] mt-[20px]">
|
<p class="max-[768px]:text-[16px] max-[768px]:mt-[16px] text-[24px] font-[500] mt-[20px]">
|
||||||
<?php echo !empty($heading_text) ? esc_html($heading_text) : 'Зал для тех, кто ценит комфорт и сервис'; ?>
|
<?php echo !empty($heading_text) ? esc_html($heading_text) : 'Зал для тех, кто ценит комфорт и сервис'; ?>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="flex gap-[12px] mt-[40px]">
|
<div class="max-[768px]:mt-[24px] max-[768px]:flex-col flex gap-[12px] mt-[40px]">
|
||||||
<a class="!no-underline text-[#f8f8f8] text-[18px] font-[600] justify-center h-[75px] w-full max-w-[281px] rounded-[90px] flex items-center gap-[12px] red-gradient-hover"
|
<button class="group transition [&>_img]:transition [&>_img]:group-hover:rotate-[45deg] max-[768px]:h-[61px] max-[768px]:max-w-[327px] !no-underline text-[#f8f8f8] text-[18px] font-[600] justify-center h-[75px] w-full max-w-[281px] rounded-[90px] flex items-center gap-[12px] red-gradient-hover cursor-pointer border-none outline-none"
|
||||||
href="#">
|
type="button"
|
||||||
Пробная тренировка
|
data-scroll-to="trial-training">
|
||||||
<?php display_icon('button_arrow_up') ?>
|
Пробная тренировка
|
||||||
</a>
|
<?php display_icon('button_arrow_up') ?>
|
||||||
<a class="!no-underline text-[#f8f8f8] text-[18px] font-[600] justify-center h-[75px] w-full max-w-[210px] rounded-[90px] flex items-center gap-[12px] grey-gradient-hover"
|
</button>
|
||||||
href="/цены">Смотреть цены</a>
|
|
||||||
|
<button class="max-[768px]:h-[61px] max-[768px]:max-w-[327px] !no-underline text-[#f8f8f8] text-[18px] font-[600] justify-center h-[75px] w-full max-w-[210px] rounded-[90px] flex items-center gap-[12px] grey-gradient-hover cursor-pointer border-none outline-none"
|
||||||
|
type="button"
|
||||||
|
data-scroll-to="prices">
|
||||||
|
Смотреть цены
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-[768px]:[&>_img]:w-[20px] max-[768px]:[&>_img]:h-[20px] max-[768px]:mt-[24px] flex items-center gap-[12px] mt-[50px]">
|
||||||
|
<?php display_icon('location') ?>
|
||||||
|
<div class="max-[768px]:text-[14px]">
|
||||||
|
<p>
|
||||||
|
<b><?php echo !empty($address) ? esc_html($address) : 'Красноармейская, 120 — 2ой этаж'; ?></b>
|
||||||
|
</p>
|
||||||
|
<p class="dark:text-[#6c6b6b]">
|
||||||
|
<?php echo !empty($address_extra) ? esc_html($address_extra) : 'Главный вход со стороны ул. Косарева'; ?>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center gap-[12px] mt-[50px]">
|
<div class="max-[768px]:h-[290px] max-[768px]:max-w-full w-full max-w-[648px] h-[575px] relative">
|
||||||
<?php display_icon('location') ?>
|
<div class="max-[768px]:rounded-[16px] max-[768px]:w-auto swiper inverted-radius rounded-[25px] w-full h-full">
|
||||||
<div>
|
<div class="swiper-wrapper">
|
||||||
<p>
|
<?php foreach ($slides as $index => $slide): ?>
|
||||||
<b><?php echo !empty($address) ? esc_html($address) : 'Красноармейская, 120 — 2ой этаж'; ?></b>
|
<div class="swiper-slide [&>_img]:max-w-none">
|
||||||
</p>
|
<?php if (!empty($slide['img'])): ?>
|
||||||
<p class="dark:text-[#6c6b6b]">
|
<img class="max-[768px]:w-full max-[768px]:h-full object-cover" loading="lazy"
|
||||||
<?php echo !empty($address_extra) ? esc_html($address_extra) : 'Главный вход со стороны ул. Косарева'; ?>
|
src="<?php echo esc_url($slide['img']); ?>"
|
||||||
</p>
|
alt="<?php echo esc_attr($slide['title']); ?>">
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
|
<?php endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="max-[768px]:bottom-[8px] max-[768px]:left-[8px] absolute z-[1] rounded-[25px] rounded-bl-none rounded-br-none rounded-tl-none flex items-center gap-[4px] left-0 bottom-0">
|
||||||
|
<button class="group custom-prev cursor-pointer">
|
||||||
|
<?php display_icon('slider-prev') ?>
|
||||||
|
</button>
|
||||||
|
<button class="group custom-next cursor-pointer">
|
||||||
|
<?php display_icon('slider-next') ?>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full max-w-[648px] h-[575px] relative">
|
|
||||||
<div class="swiper inverted-radius rounded-[25px] w-full h-full">
|
|
||||||
<div class="swiper-wrapper">
|
|
||||||
<?php foreach ($slides as $index => $slide): ?>
|
|
||||||
<div class="swiper-slide [&>_img]:max-w-none">
|
|
||||||
<?php if (!empty($slide['img'])): ?>
|
|
||||||
<img loading="lazy" src="<?php echo esc_url($slide['img']); ?>" alt="<?php echo esc_attr($slide['title']); ?>">
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="absolute z-[1] rounded-[25px] rounded-bl-none rounded-br-none rounded-tl-none flex items-center gap-[4px] left-0 bottom-0">
|
<div class="max-[768px]:hidden flex gap-[24px] mt-[44px]">
|
||||||
<button class="group custom-prev cursor-pointer">
|
|
||||||
<?php display_icon('slider-prev') ?>
|
|
||||||
</button>
|
|
||||||
<button class="group custom-next cursor-pointer">
|
|
||||||
<?php display_icon('slider-next') ?>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="flex gap-[24px] mt-[44px]">
|
|
||||||
<?php foreach ($slides as $index => $slide): ?>
|
<?php foreach ($slides as $index => $slide): ?>
|
||||||
<div class="pagination-item flex-1 cursor-pointer transition-all"
|
<div class="!max-h-[21px] pagination-item flex-1 cursor-pointer transition-all"
|
||||||
data-active="<?php echo $index === 0 ? 'true' : 'false' ?>"
|
data-active="<?php echo $index === 0 ? 'true' : 'false' ?>"
|
||||||
data-slide="<?php echo $index ?>">
|
data-slide="<?php echo $index ?>">
|
||||||
<div class="pagination-line h-[2px] rounded-[30px] transition-colors"></div>
|
<div class="pagination-line h-[2px] rounded-[30px] transition-colors"></div>
|
||||||
@@ -139,48 +147,48 @@ if ($room === 'fitness') {
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<?php if (is_admin()): ?>
|
<?php if (is_admin()): ?>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
|
|
||||||
function initAdminSwiper() {
|
function initAdminSwiper() {
|
||||||
const selectors = [
|
const selectors = [
|
||||||
'#hero-<?php echo $block['id']; ?> .swiper',
|
'#hero-<?php echo $block['id']; ?> .swiper',
|
||||||
'[data-block="<?php echo $block['id']; ?>"] .swiper',
|
'[data-block="<?php echo $block['id']; ?>"] .swiper',
|
||||||
'.hero-block[data-slides] .swiper',
|
'.hero-block[data-slides] .swiper',
|
||||||
'.swiper'
|
'.swiper'
|
||||||
];
|
];
|
||||||
|
|
||||||
let swiperContainer = null;
|
let swiperContainer = null;
|
||||||
|
|
||||||
for (let selector of selectors) {
|
for (let selector of selectors) {
|
||||||
swiperContainer = document.querySelector(selector);
|
swiperContainer = document.querySelector(selector);
|
||||||
if (swiperContainer) break;
|
if (swiperContainer) break;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
try {
|
||||||
|
const swiper = new Swiper(swiperContainer, {
|
||||||
|
slidesPerView: 1,
|
||||||
|
loop: true,
|
||||||
|
autoplay: {
|
||||||
|
delay: 4000,
|
||||||
|
disableOnInteraction: false,
|
||||||
|
},
|
||||||
|
navigation: {
|
||||||
|
nextEl: '.custom-next',
|
||||||
|
prevEl: '.custom-prev',
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} catch (error) {
|
||||||
|
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
try {
|
if (typeof wp !== 'undefined' && wp.domReady) {
|
||||||
const swiper = new Swiper(swiperContainer, {
|
wp.domReady(function () {
|
||||||
slidesPerView: 1,
|
setTimeout(initAdminSwiper, 300);
|
||||||
loop: true,
|
|
||||||
autoplay: {
|
|
||||||
delay: 4000,
|
|
||||||
disableOnInteraction: false,
|
|
||||||
},
|
|
||||||
navigation: {
|
|
||||||
nextEl: '.custom-next',
|
|
||||||
prevEl: '.custom-prev',
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
} catch (error) {
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
</script>
|
||||||
|
|
||||||
|
|
||||||
if (typeof wp !== 'undefined' && wp.domReady) {
|
|
||||||
wp.domReady(function() {
|
|
||||||
setTimeout(initAdminSwiper, 300);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@@ -12,14 +12,40 @@ if (!empty($block['className'])) {
|
|||||||
if (!empty($block['align'])) {
|
if (!empty($block['align'])) {
|
||||||
$classes .= ' align' . $block['align'];
|
$classes .= ' align' . $block['align'];
|
||||||
}
|
}
|
||||||
|
$third_tile_bg_url = '';
|
||||||
|
if (have_rows('tiles_group')) :
|
||||||
|
while (have_rows('tiles_group')) : the_row();
|
||||||
|
if (have_rows('third_tile')) :
|
||||||
|
while (have_rows('third_tile')) : the_row();
|
||||||
|
$bg = get_sub_field('bg');
|
||||||
|
if ($bg && !empty($bg['url'])) {
|
||||||
|
$third_tile_bg_url = esc_url($bg['url']);
|
||||||
|
}
|
||||||
|
endwhile;
|
||||||
|
endif;
|
||||||
|
endwhile;
|
||||||
|
endif;
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
<?php if (!empty($third_tile_bg_url)) : ?>
|
||||||
|
<style>
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.fourth-tile-mobile-bg {
|
||||||
|
background-image: url('<?php echo $third_tile_bg_url; ?>') !important;
|
||||||
|
background-size: cover !important;
|
||||||
|
background-position: center !important;
|
||||||
|
}
|
||||||
|
.dark .fourth-tile-mobile-bg {
|
||||||
|
background-image: url('<?php echo $third_tile_bg_url; ?>') !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<?php endif; ?>
|
||||||
|
|
||||||
<section id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($classes); ?>">
|
<section id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($classes); ?>">
|
||||||
<div class="container mx-auto py-[90px]">
|
<div class="container mx-auto py-[90px] max-[768px]:py-[45px]">
|
||||||
|
|
||||||
<?php if (get_field('heading')) : ?>
|
<?php if (get_field('heading')) : ?>
|
||||||
<h2 class="text-[48px] font-[500] text-[#1f2937] mb-[40px]">
|
<h2 class="font-[500] leading-[110%] max-[1330px]:text-[36px] max-[768px]:text-[24px] text-[48px]">
|
||||||
<?php echo get_field('heading'); ?>
|
<?php echo get_field('heading'); ?>
|
||||||
</h2>
|
</h2>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -28,14 +54,14 @@ if (!empty($block['align'])) {
|
|||||||
<?php while (have_rows('tiles_group')) :
|
<?php while (have_rows('tiles_group')) :
|
||||||
the_row(); ?>
|
the_row(); ?>
|
||||||
|
|
||||||
<div class="grid grid-cols-3 gap-[24px]">
|
<div class="max-[768px]:grid-cols-1 max-[1050px]:grid-cols-2 grid grid-cols-3 max-[1050px]:gap-[12px] gap-[24px] mt-[40px]">
|
||||||
|
|
||||||
|
|
||||||
<!-- Первая колонка: First Tile -->
|
|
||||||
<div>
|
<div>
|
||||||
<?php if (have_rows('first_tile')) : ?>
|
<?php if (have_rows('first_tile')) : ?>
|
||||||
<?php while (have_rows('first_tile')) :
|
<?php while (have_rows('first_tile')) :
|
||||||
the_row(); ?>
|
the_row(); ?>
|
||||||
<div class="relative h-[512px] rounded-[12px] p-[24px] overflow-hidden"
|
<div class="relative max-[768px]:h-[290px] h-[512px] rounded-[12px] p-[24px] overflow-hidden"
|
||||||
<?php
|
<?php
|
||||||
$image = get_sub_field('image');
|
$image = get_sub_field('image');
|
||||||
if ($image) : ?>
|
if ($image) : ?>
|
||||||
@@ -47,11 +73,11 @@ if (!empty($block['align'])) {
|
|||||||
|
|
||||||
<div class="relative flex flex-col gap-[12px] h-full justify-end z-10">
|
<div class="relative flex flex-col gap-[12px] h-full justify-end z-10">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="text-[32px] font-[600] leading-[115%] text-[#f8f8f8]"><?php echo esc_html(get_sub_field('heading')); ?></h3>
|
<h3 class="max-[768px]:text-[24px] text-[32px] font-[600] leading-[115%] text-[#f8f8f8]"><?php echo esc_html(get_sub_field('heading')); ?></h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="text-[16px] font-[500] leading-[145%] text-[#e0e0e0]"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
<div class="max-[768px]:text-[14px] text-[16px] font-[500] leading-[145%] text-[#e0e0e0]"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -59,18 +85,17 @@ if (!empty($block['align'])) {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Вторая колонка: Second и Third Tiles -->
|
<div class="flex max-[1050px]:justify-between flex-col max-[1050px]:gap-[12px] gap-[24px]">
|
||||||
<div class="flex flex-col gap-[24px]">
|
|
||||||
<!-- Second Tile -->
|
|
||||||
<?php if (have_rows('second_tile')) : ?>
|
<?php if (have_rows('second_tile')) : ?>
|
||||||
<?php while (have_rows('second_tile')) :
|
<?php while (have_rows('second_tile')) :
|
||||||
the_row(); ?>
|
the_row(); ?>
|
||||||
<div class="h-[244px] relative border border-[#e0e0e0] dark:border-transparent bg-transparent dark:bg-white rounded-[12px] p-[24px] overflow-hidden">
|
<div class=" h-[244px] max-[768px]:h-auto relative border border-[#e0e0e0] dark:border-transparent bg-transparent dark:bg-white rounded-[12px] p-[24px] overflow-hidden">
|
||||||
<?php
|
<?php
|
||||||
if (get_current_room() === 'fitness') {
|
if (get_current_room() === 'fitness') {
|
||||||
?>
|
?>
|
||||||
<div class="absolute right-[24px] top-[24px]">
|
<div class="absolute right-[24px] top-[24px]">
|
||||||
<img alt="decoration"
|
<img class="max-[768px]:h-[36px] max-[768px]:w-[107px]" alt="decoration"
|
||||||
src="<?php echo get_template_directory_uri() . '/assets/images/masonry-decor.png'; ?>">
|
src="<?php echo get_template_directory_uri() . '/assets/images/masonry-decor.png'; ?>">
|
||||||
</div>
|
</div>
|
||||||
<?php
|
<?php
|
||||||
@@ -79,7 +104,7 @@ if (!empty($block['align'])) {
|
|||||||
|
|
||||||
<div class="flex flex-col h-full justify-end">
|
<div class="flex flex-col h-full justify-end">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="font-[600] text-[62px] dark:text-[42px] leading-[115%]">
|
<h3 class="max-[768px]:text-[42px] font-[600] text-[62px] max-[768px]:dark:text-[24px] dark:text-[42px] leading-[115%]">
|
||||||
<span class="bg-[linear-gradient(90deg,#2b2c35_67.31%,#4f5870_92.9%)] bg-clip-text text-transparent">
|
<span class="bg-[linear-gradient(90deg,#2b2c35_67.31%,#4f5870_92.9%)] bg-clip-text text-transparent">
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</span>
|
</span>
|
||||||
@@ -87,11 +112,11 @@ if (!empty($block['align'])) {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('underheading')) : ?>
|
<?php if (get_sub_field('underheading')) : ?>
|
||||||
<p class="text-[20px] leading-[140%] text-[#222]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
<p class="max-[768px]:font-[600] max-[768px]:text-[16px] text-[20px] leading-[140%] text-[#222]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="mt-[12px] text-[16px] leading-[145%] text-[#6c6b6b]"
|
<div class="max-[768px]:mt-[8px] mt-[12px] max-[768px]:text-[14px] text-[16px] leading-[145%] text-[#6c6b6b]"
|
||||||
><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
@@ -99,10 +124,10 @@ if (!empty($block['align'])) {
|
|||||||
<?php endwhile; ?>
|
<?php endwhile; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<!-- Third Tile -->
|
|
||||||
<?php if (have_rows('third_tile')) : ?>
|
<?php if (have_rows('third_tile')) : ?>
|
||||||
<?php while (have_rows('third_tile')) : the_row(); ?>
|
<?php while (have_rows('third_tile')) : the_row(); ?>
|
||||||
<div class="h-[244px] rounded-[12px] p-[24px] overflow-hidden"
|
<div class="max-[768px]:hidden h-[244px] max-[768px]:h-auto rounded-[12px] p-[24px] overflow-hidden"
|
||||||
<?php
|
<?php
|
||||||
$bg = get_sub_field('bg');
|
$bg = get_sub_field('bg');
|
||||||
if ($bg) : ?>
|
if ($bg) : ?>
|
||||||
@@ -113,14 +138,12 @@ if (!empty($block['align'])) {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Третья колонка: Fourth и Fifth Tiles -->
|
|
||||||
<div class="flex flex-col gap-[24px]">
|
<div class="max-[1050px]:col-span-2 max-[768px]:col-span-1 max-[768px]:flex-col max-[1050px]:flex-row flex flex-col max-[1050px]:gap-[12px] gap-[24px]">
|
||||||
<!-- Fourth Tile -->
|
|
||||||
<?php if (have_rows('fourth_tile')) : ?>
|
<?php if (have_rows('fourth_tile')) : ?>
|
||||||
<?php while (have_rows('fourth_tile')) :
|
<?php while (have_rows('fourth_tile')) : the_row(); ?>
|
||||||
the_row(); ?>
|
<div class="relative max-[768px]:w-full fourth-tile-mobile-bg max-[1050px]:w-[calc(50%-6px)] h-[244px] max-[768px]:h-auto relative rounded-[12px] p-[24px] overflow-hidden dark:bg-[linear-gradient(90deg,_#2b2c35_53.4%,_#4f5870_100%)] bg-[linear-gradient(90deg,_#9d9994_39.42%,_#bbb7b1_92.9%)]">
|
||||||
<div class="h-[244px] relative rounded-[12px] p-[24px] overflow-hidden dark:bg-[linear-gradient(90deg,_#2b2c35_53.4%,_#4f5870_100%)] bg-[linear-gradient(90deg,_#9d9994_39.42%,_#bbb7b1_92.9%)]">
|
<div class="max-[768px]:hidden absolute right-[24px] top-[24px]">
|
||||||
<div class="absolute right-[24px] top-[24px]">
|
|
||||||
<svg width="87" height="50" viewBox="0 0 87 50" fill="none"
|
<svg width="87" height="50" viewBox="0 0 87 50" fill="none"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<g clip-path="url(#clip0_4015_3641)">
|
<g clip-path="url(#clip0_4015_3641)">
|
||||||
@@ -138,17 +161,18 @@ if (!empty($block['align'])) {
|
|||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex h-full justify-end flex-col text-[#f8f8f8]">
|
<div class="max-[768px]:block hidden absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
|
||||||
|
<div class="max-[768px]:text-[#fff] flex h-full justify-end flex-col text-[#f8f8f8]">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="text-[42px] leading-[115%]"><?php echo esc_html(get_sub_field('heading')); ?></h3>
|
<h3 class="max-[768px]:font-[600] relative z-[1] max-[768px]:text-[24px] text-[42px] leading-[115%]"><?php echo esc_html(get_sub_field('heading')); ?></h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('underheading')) : ?>
|
<?php if (get_sub_field('underheading')) : ?>
|
||||||
<p class=" text-[20px] leading-[140%]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
<p class="relative z-[1] max-[768px]:font-[600] max-[768px]:text-[16px] text-[20px] leading-[140%]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="mt-[12px] text-[16px] leading-[145%] text-[#e0e0e0]">
|
<div class="relative z-[1] max-[768px]:text-[#fff] max-[768px]:mt-[8px] mt-[12px] max-[768px]:text-[14px] text-[16px] leading-[145%] text-[#e0e0e0]">
|
||||||
<?php echo wp_kses_post(get_sub_field('text')); ?>
|
<?php echo wp_kses_post(get_sub_field('text')); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -157,13 +181,13 @@ if (!empty($block['align'])) {
|
|||||||
<?php endwhile; ?>
|
<?php endwhile; ?>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<!-- Fifth Tile -->
|
|
||||||
<?php if (have_rows('fifth_tile')) : ?>
|
<?php if (have_rows('fifth_tile')) : ?>
|
||||||
<?php while (have_rows('fifth_tile')) : the_row(); ?>
|
<?php while (have_rows('fifth_tile')) : the_row(); ?>
|
||||||
<div class="h-[244px] border border-[#e0e0e0] dark:border-transparent bg-transparent dark:bg-white rounded-[12px] p-[24px] overflow-hidden">
|
<div class="max-[768px]:w-full max-[1050px]:w-[calc(50%-6px)] h-[244px] max-[768px]:h-auto border border-[#e0e0e0] dark:border-transparent bg-transparent dark:bg-white rounded-[12px] p-[24px] overflow-hidden">
|
||||||
<div class="flex flex-col h-full justify-end">
|
<div class="max-[768px]:justify-center flex flex-col h-full justify-end">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="font-[600] text-[42px] leading-[115%]">
|
<h3 class="font-[600] max-[768px]:text-[24px] text-[42px] leading-[115%]">
|
||||||
<span class="bg-[linear-gradient(90deg,#2b2c35_67.31%,#4f5870_92.9%)] bg-clip-text text-transparent">
|
<span class="bg-[linear-gradient(90deg,#2b2c35_67.31%,#4f5870_92.9%)] bg-clip-text text-transparent">
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</span>
|
</span>
|
||||||
@@ -171,11 +195,11 @@ if (!empty($block['align'])) {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('underheading')) : ?>
|
<?php if (get_sub_field('underheading')) : ?>
|
||||||
<p class="text-[20px] leading-[140%] text-[#222]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
<p class="max-[768px]:font-[600] max-[768px]:text-[16px] text-[20px] leading-[140%] text-[#222]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="mt-[12px] text-[16px] leading-[145%] text-[#6c6b6b]"
|
<div class="max-[768px]:mt-[8px] mt-[12px] max-[768px]:text-[14px] text-[16px] leading-[145%] text-[#6c6b6b]"
|
||||||
"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -16,10 +16,10 @@ if (!empty($block['align'])) {
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<section id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($classes); ?>">
|
<section id="<?php echo esc_attr($id); ?>" class="<?php echo esc_attr($classes); ?>">
|
||||||
<div class="container mx-auto py-[90px]">
|
<div class="max-[768px]:py-[40px] container mx-auto py-[90px] <?php if (!is_front_page()) echo 'p-0 pt-[90px] max-[768px]:pt-[40px]' ?>">
|
||||||
|
|
||||||
<?php if (get_field('heading')) : ?>
|
<?php if (get_field('heading')) : ?>
|
||||||
<h2 class="text-[48px] font-[500] text-[#1f2937] mb-[40px]">
|
<h2 class="max-[768px]:mb-[24px] max-[1050px]:text-[36px] max-[768px]:max-[768px]:text-[24px] text-[48px] font-[500] text-[#1f2937] mb-[40px]">
|
||||||
<?php echo get_field('heading'); ?>
|
<?php echo get_field('heading'); ?>
|
||||||
</h2>
|
</h2>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -28,19 +28,19 @@ if (!empty($block['align'])) {
|
|||||||
<?php while (have_rows('tiles_group')) :
|
<?php while (have_rows('tiles_group')) :
|
||||||
the_row(); ?>
|
the_row(); ?>
|
||||||
|
|
||||||
<div class="flex gap-[24px]">
|
<div class="max-[768px]:flex-col max-[768px]:gap-[12px] flex max-[768px]:gap-[12px] gap-[24px]">
|
||||||
|
|
||||||
<!-- Первая колонка -->
|
<!-- Первая колонка -->
|
||||||
<div class="flex flex-col gap-[24px] w-full max-w-[424px]">
|
<div class="max-[768px]:max-w-full flex flex-col max-[768px]:gap-[12px] gap-[24px] w-full max-w-[424px]">
|
||||||
|
|
||||||
<!-- First Tile - Текстовый блок -->
|
<!-- First Tile - Текстовый блок -->
|
||||||
<?php if (have_rows('first_tile')) : ?>
|
<?php if (have_rows('first_tile')) : ?>
|
||||||
<?php while (have_rows('first_tile')) : the_row(); ?>
|
<?php while (have_rows('first_tile')) : the_row(); ?>
|
||||||
<div class="<?php echo is_front_page() ? 'h-[298px]' : 'h-[383px]'; ?> pt-[24px] overflow-hidden">
|
<div class="max-[768px]:pt-0 max-[768px]:mb-[12px] <?php echo is_front_page() ? 'max-[768px]:h-auto h-[298px]' : 'max-[768px]:h-auto h-[383px]'; ?> pt-[24px] overflow-hidden">
|
||||||
<div class="flex <?php echo is_front_page() ? 'flex-col justify-start' : 'flex-col-reverse justify-end'; ?> gap-[16px] h-full [&_img]:w-[294px]">
|
<div class="flex <?php echo is_front_page() ? 'flex-col justify-start' : 'flex-col-reverse justify-end'; ?> max-[768px]:[&_img]:w-[196px] gap-[16px] h-full [&_img]:w-[294px]">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name_gym' : 'light_logo_name'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo_name_gym' : 'light_logo_name'); ?>
|
||||||
<h3 class="text-[32px] font-[500] text-[#222] leading-[115%]">
|
<h3 class="max-[768px]:text-[24px] text-[32px] font-[500] text-[#222] leading-[115%]">
|
||||||
<span>
|
<span>
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</span>
|
</span>
|
||||||
@@ -55,11 +55,11 @@ if (!empty($block['align'])) {
|
|||||||
<?php if (have_rows('second_tile')) : ?>
|
<?php if (have_rows('second_tile')) : ?>
|
||||||
<?php while (have_rows('second_tile')) : the_row(); ?>
|
<?php while (have_rows('second_tile')) : the_row(); ?>
|
||||||
|
|
||||||
<div class="relative <?php echo is_front_page() ? 'h-[298px]' : 'h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden bg-[linear-gradient(90deg,_#9d9994_39.42%,_#ccc9c4_92.9%)] dark:bg-[linear-gradient(90deg,_#2b2c35_53.4%,_#4f5870_100%)]
|
<div class="max-[768px]:w-full relative <?php echo is_front_page() ? 'max-[768px]:h-[180px] h-[298px]' : 'max-[768px]:h-auto h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden bg-[linear-gradient(90deg,_#9d9994_39.42%,_#ccc9c4_92.9%)] dark:bg-[linear-gradient(90deg,_#2b2c35_53.4%,_#4f5870_100%)]
|
||||||
">
|
">
|
||||||
<?php $background = get_sub_field('background'); ?>
|
<?php $background = get_sub_field('background'); ?>
|
||||||
<?php if ($background) : ?>
|
<?php if ($background) : ?>
|
||||||
<img class="absolute right-0 top-0 w-full h-full" alt="Фон блока"
|
<img class="max-[550px]:max-w-[240px] max-[768px]:max-w-[240px] absolute right-0 top-0 w-full h-full" alt="Фон блока"
|
||||||
src="<?php echo esc_url($background['url']); ?>">
|
src="<?php echo esc_url($background['url']); ?>">
|
||||||
<?php else :{
|
<?php else :{
|
||||||
?>
|
?>
|
||||||
@@ -90,16 +90,16 @@ if (!empty($block['align'])) {
|
|||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="font-[600] text-[42px] text-[#fff] leading-[115%]">
|
<h3 class="max-[768px]:text-[20px] font-[600] text-[42px] text-[#fff] leading-[115%]">
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</h3>
|
</h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('underheading')) : ?>
|
<?php if (get_sub_field('underheading')) : ?>
|
||||||
<p class="text-[24px] font-[700] leading-[140%] text-[#fff]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
<p class="max-[768px]:font-[600] max-[768px]:text-[20px] text-[24px] font-[700] leading-[140%] text-[#fff]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="<?php echo is_front_page() ? 'max-w-[245px]' : 'max-w-full'; ?> w-full text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px]">
|
<div class="<?php echo is_front_page() ? 'max-[768px]:max-w-[180px] max-w-[245px]' : 'max-w-full'; ?> max-[768px]:mt-0 max-[768px]:font-[500] w-full max-[1100px]:text-[16px] text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px]">
|
||||||
<?php echo wp_kses_post(get_sub_field('text')); ?>
|
<?php echo wp_kses_post(get_sub_field('text')); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -111,15 +111,15 @@ if (!empty($block['align'])) {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Вторая колонка -->
|
<!-- Вторая колонка -->
|
||||||
<div class="flex flex-col gap-[24px] w-full max-w-[872px]">
|
<div class="flex flex-col max-[768px]:gap-[12px] gap-[24px] w-full max-w-[872px]">
|
||||||
|
|
||||||
<!-- Два обычных блока сверху -->
|
<!-- Два обычных блока сверху -->
|
||||||
<div class="grid grid-cols-2 gap-[24px]">
|
<div class="max-[550px]:grid-cols-1 grid grid-cols-2 max-[768px]:gap-[12px] gap-[24px]">
|
||||||
|
|
||||||
<!-- Third Tile -->
|
<!-- Third Tile -->
|
||||||
<?php if (have_rows('third_tile')) : ?>
|
<?php if (have_rows('third_tile')) : ?>
|
||||||
<?php while (have_rows('third_tile')) : the_row(); ?>
|
<?php while (have_rows('third_tile')) : the_row(); ?>
|
||||||
<div class="relative <?php echo is_front_page() ? 'h-[298px]' : 'h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden"
|
<div class="relative <?php echo is_front_page() ? 'max-[768px]:h-[180px] h-[298px]' : 'max-[768px]:h-auto h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden"
|
||||||
<?php
|
<?php
|
||||||
$background = get_sub_field('background');
|
$background = get_sub_field('background');
|
||||||
if ($background) : ?>
|
if ($background) : ?>
|
||||||
@@ -128,12 +128,12 @@ if (!empty($block['align'])) {
|
|||||||
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
|
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
|
||||||
<div class="relative flex flex-col h-full justify-end z-10">
|
<div class="relative flex flex-col h-full justify-end z-10">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="font-[700] text-[24px] text-[#fff] leading-[125%]">
|
<h3 class="max-[768px]:font-[600] max-[768px]:text-[20px] font-[700] text-[24px] text-[#fff] leading-[125%]">
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</h3>
|
</h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px] w-full <?php echo is_front_page() ? 'max-w-[330px]' : 'max-w-full' ?>"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
<div class="max-[1100px]:text-[16px] text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px] w-full <?php echo is_front_page() ? 'max-w-[330px]' : 'max-w-full' ?>"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -143,7 +143,7 @@ if (!empty($block['align'])) {
|
|||||||
<!-- Fourth Tile -->
|
<!-- Fourth Tile -->
|
||||||
<?php if (have_rows('fourth_tile')) : ?>
|
<?php if (have_rows('fourth_tile')) : ?>
|
||||||
<?php while (have_rows('fourth_tile')) : the_row(); ?>
|
<?php while (have_rows('fourth_tile')) : the_row(); ?>
|
||||||
<div class="relative <?php echo is_front_page() ? 'h-[298px]' : 'h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden"
|
<div class="relative <?php echo is_front_page() ? 'max-[768px]:h-[180px] h-[298px]' : 'max-[768px]:h-auto h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden"
|
||||||
<?php
|
<?php
|
||||||
$background = get_sub_field('background');
|
$background = get_sub_field('background');
|
||||||
if ($background) : ?>
|
if ($background) : ?>
|
||||||
@@ -152,16 +152,16 @@ if (!empty($block['align'])) {
|
|||||||
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
|
<div class="absolute inset-0 bg-gradient-to-t from-black/50 to-transparent"></div>
|
||||||
<div class="relative flex flex-col h-full justify-end z-10">
|
<div class="relative flex flex-col h-full justify-end z-10">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="font-[700] text-[24px] text-[#fff] leading-[125%]">
|
<h3 class="max-[768px]:font-[600] max-[768px]:text-[20px] font-[700] text-[24px] text-[#fff] leading-[125%]">
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</h3>
|
</h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php if (get_sub_field('underheading')) : ?>
|
<?php if (get_sub_field('underheading')) : ?>
|
||||||
<p class="text-[24px] font-[700] leading-[140%] text-[#fff]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
<p class="max-[768px]:font-[600] max-[768px]:text-[20px] text-[24px] font-[700] leading-[140%] text-[#fff]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px] w-full <?php echo is_front_page() ? 'max-w-[330px]' : 'max-w-full' ?>"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
<div class="max-[1100px]:text-[16px] text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px] w-full <?php echo is_front_page() ? 'max-w-[330px]' : 'max-w-full' ?>"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -173,7 +173,7 @@ if (!empty($block['align'])) {
|
|||||||
<!-- Fifth Tile - Широкий блок снизу -->
|
<!-- Fifth Tile - Широкий блок снизу -->
|
||||||
<?php if (have_rows('fifth_tile')) : ?>
|
<?php if (have_rows('fifth_tile')) : ?>
|
||||||
<?php while (have_rows('fifth_tile')) : the_row(); ?>
|
<?php while (have_rows('fifth_tile')) : the_row(); ?>
|
||||||
<div class="relative <?php echo is_front_page() ? 'h-[298px]' : 'h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden"
|
<div class="relative <?php echo is_front_page() ? 'max-[768px]:h-[180px] h-[298px]' : 'max-[768px]:h-auto h-[383px]'; ?> rounded-[12px] p-[24px] overflow-hidden"
|
||||||
<?php
|
<?php
|
||||||
$background = get_sub_field('background');
|
$background = get_sub_field('background');
|
||||||
if ($background) : ?>
|
if ($background) : ?>
|
||||||
@@ -183,16 +183,16 @@ if (!empty($block['align'])) {
|
|||||||
|
|
||||||
<div class="relative flex flex-col h-full justify-end z-10">
|
<div class="relative flex flex-col h-full justify-end z-10">
|
||||||
<?php if (get_sub_field('heading')) : ?>
|
<?php if (get_sub_field('heading')) : ?>
|
||||||
<h3 class="font-[600] text-[42px] text-[#fff] leading-[115%]">
|
<h3 class="max-[768px]:font-[600] max-[768px]:text-[20px] font-[600] text-[42px] text-[#fff] leading-[115%]">
|
||||||
<?php echo esc_html(get_sub_field('heading')); ?>
|
<?php echo esc_html(get_sub_field('heading')); ?>
|
||||||
</h3>
|
</h3>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if (get_sub_field('underheading')) : ?>
|
<?php if (get_sub_field('underheading')) : ?>
|
||||||
<p class="text-[24px] font-[700] leading-[140%] text-[#fff]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
<p class="max-[768px]:font-[600] max-[768px]:text-[20px] text-[24px] font-[700] leading-[140%] text-[#fff]"><?php echo esc_html(get_sub_field('underheading')); ?></p>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<?php if (get_sub_field('text')) : ?>
|
<?php if (get_sub_field('text')) : ?>
|
||||||
<div class="text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px] w-full <?php echo is_front_page() ? 'max-w-[330px]' : 'max-w-[400px]' ?>"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
<div class="max-[1100px]:text-[16px] text-[20px] font-[600] leading-[115%] text-[#fff] mt-[24px] w-full <?php echo is_front_page() ? 'max-w-[330px]' : 'max-w-[400px]' ?>"><?php echo wp_kses_post(get_sub_field('text')); ?></div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -208,3 +208,55 @@ if (!empty($block['align'])) {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function reorderSecondTile() {
|
||||||
|
if (window.innerWidth <= 767) {
|
||||||
|
const tilesGroups = document.querySelectorAll('.block-masonry-tiles-block .flex.max-\\[768px\\]\\:flex-col');
|
||||||
|
|
||||||
|
tilesGroups.forEach(group => {
|
||||||
|
const firstColumn = group.querySelector('.max-w-\\[424px\\]');
|
||||||
|
const secondColumn = group.querySelector('.max-w-\\[872px\\]');
|
||||||
|
|
||||||
|
if (firstColumn && secondColumn) {
|
||||||
|
const secondTile = firstColumn.children[1];
|
||||||
|
|
||||||
|
if (secondTile) {
|
||||||
|
secondColumn.appendChild(secondTile);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
restoreOriginalOrder();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function restoreOriginalOrder() {
|
||||||
|
const tilesGroups = document.querySelectorAll('.block-masonry-tiles-block .flex.max-\\[768px\\]\\:flex-col');
|
||||||
|
|
||||||
|
tilesGroups.forEach(group => {
|
||||||
|
const firstColumn = group.querySelector('.max-w-\\[424px\\]');
|
||||||
|
const secondColumn = group.querySelector('.max-w-\\[872px\\]');
|
||||||
|
|
||||||
|
if (firstColumn && secondColumn) {
|
||||||
|
const secondTileInSecondColumn = secondColumn.querySelector('[class*="bg-\\[linear-gradient"]');
|
||||||
|
|
||||||
|
if (secondTileInSecondColumn && firstColumn.children.length === 1) {
|
||||||
|
firstColumn.appendChild(secondTileInSecondColumn);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', reorderSecondTile);
|
||||||
|
|
||||||
|
window.addEventListener('resize', reorderSecondTile);
|
||||||
|
|
||||||
|
if (window.ResizeObserver) {
|
||||||
|
const resizeObserver = new ResizeObserver(() => {
|
||||||
|
reorderSecondTile();
|
||||||
|
});
|
||||||
|
|
||||||
|
resizeObserver.observe(document.body);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@@ -20,19 +20,19 @@ $rating = get_field('rating') ?: '5.0';
|
|||||||
$stars = get_field('stars');
|
$stars = get_field('stars');
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="reviews-block container mx-auto py-[90px]"
|
<div class="max-[768px]:py-[40px] reviews-block container mx-auto py-[90px]"
|
||||||
id="<?php echo esc_attr($id); ?>"
|
id="<?php echo esc_attr($id); ?>"
|
||||||
data-reviews-id="<?php echo esc_attr($id); ?>">
|
data-reviews-id="<?php echo esc_attr($id); ?>">
|
||||||
<div class="flex justify-between flex-wrap gap-[12px]">
|
<div class="max-[768px]:gap-[24px] flex justify-between flex-wrap gap-[12px]">
|
||||||
<?php if ($heading) : ?>
|
<?php if ($heading) : ?>
|
||||||
<h2 class="text-[32px] font-bold mt-[24px]"><?php echo esc_html($heading); ?></h2>
|
<h2 class="text-[32px] font-bold mt-[24px]"><?php echo esc_html($heading); ?></h2>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<div class="flex gap-[10px] mt-[24px]">
|
<div class="max-[768px]:flex-col max-[768px]:w-full flex gap-[10px]">
|
||||||
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
||||||
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
||||||
<?php if (!empty($tab['tab_name'])) : ?>
|
<?php if (!empty($tab['tab_name'])) : ?>
|
||||||
<button class="tab-button grey-gradient-button rounded-[90px] py-[8px] px-[28px] cursor-pointer transition-all <?php echo $tab_index === 0 ? 'active' : ''; ?>"
|
<button class="max-[768px]:w-full tab-button grey-gradient-button rounded-[90px] py-[8px] px-[28px] cursor-pointer transition-all <?php echo $tab_index === 0 ? 'active' : ''; ?>"
|
||||||
data-tab="<?php echo $tab_index; ?>"
|
data-tab="<?php echo $tab_index; ?>"
|
||||||
data-rating="<?php echo esc_attr($tab['rating'] ?? $rating); ?>"
|
data-rating="<?php echo esc_attr($tab['rating'] ?? $rating); ?>"
|
||||||
data-stars="<?php echo esc_attr($tab['stars'] ?? $stars); ?>">
|
data-stars="<?php echo esc_attr($tab['stars'] ?? $stars); ?>">
|
||||||
@@ -52,7 +52,7 @@ $stars = get_field('stars');
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="rating-section mt-[24px] flex gap-[20px]">
|
<div class="rating-section flex gap-[20px]">
|
||||||
<div class="flex flex-col gap-[6px]">
|
<div class="flex flex-col gap-[6px]">
|
||||||
<div data-reviews="rating" class="flex gap-[4px] items-center">
|
<div data-reviews="rating" class="flex gap-[4px] items-center">
|
||||||
<?php
|
<?php
|
||||||
@@ -80,7 +80,7 @@ $stars = get_field('stars');
|
|||||||
?>
|
?>
|
||||||
<span class="ml-[8px] font-[600] text-[20px] leading-[115%]">5.0</span>
|
<span class="ml-[8px] font-[600] text-[20px] leading-[115%]">5.0</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="font-[500] ml-auto text-[16px] leading-[145%] text-[#6c6b6b]">
|
<div class="max-[768px]:ml-0 font-[500] ml-auto text-[16px] leading-[145%] text-[#6c6b6b]">
|
||||||
(
|
(
|
||||||
<span data-reviews="stars">
|
<span data-reviews="stars">
|
||||||
<?php
|
<?php
|
||||||
@@ -113,7 +113,7 @@ $stars = get_field('stars');
|
|||||||
|
|
||||||
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
<?php if ($slider_tabs && !empty($slider_tabs['slider_tab'])) : ?>
|
||||||
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
<?php foreach ($slider_tabs['slider_tab'] as $tab_index => $tab) : ?>
|
||||||
<div class="tab-content mt-[45px] <?php echo $tab_index === 0 ? 'block' : 'hidden'; ?>"
|
<div class="max-[768px]:mt-[24px] tab-content mt-[45px] <?php echo $tab_index === 0 ? 'block' : 'hidden'; ?>"
|
||||||
id="tab-<?php echo $tab_index; ?>">
|
id="tab-<?php echo $tab_index; ?>">
|
||||||
|
|
||||||
<?php if (!empty($tab['slider_images'])) : ?>
|
<?php if (!empty($tab['slider_images'])) : ?>
|
||||||
@@ -122,11 +122,51 @@ $stars = get_field('stars');
|
|||||||
<?php foreach ($tab['slider_images'] as $img_index => $image) : ?>
|
<?php foreach ($tab['slider_images'] as $img_index => $image) : ?>
|
||||||
<div class="swiper-slide max-w-[424px] cursor-pointer">
|
<div class="swiper-slide max-w-[424px] cursor-pointer">
|
||||||
<a href="<?php echo esc_url($image['url']); ?>"
|
<a href="<?php echo esc_url($image['url']); ?>"
|
||||||
class="glightbox block w-full h-full relative"
|
class="glightbox block w-full h-full relative group"
|
||||||
data-gallery="reviews-<?php echo $tab_index; ?>">
|
data-gallery="reviews-<?php echo $tab_index; ?>">
|
||||||
<img src="<?php echo esc_url($image['url']); ?>"
|
<img src="<?php echo esc_url($image['url']); ?>"
|
||||||
alt="<?php echo esc_attr($image['alt']); ?>"
|
alt="<?php echo esc_attr($image['alt']); ?>"
|
||||||
class="w-full h-full object-contain rounded-[12px]">
|
class="w-full h-full object-contain rounded-[12px]">
|
||||||
|
<div class="absolute inset-0 bg-[rgba(51,51,51,0.52)] opacity-0 group-hover:opacity-[100%] transition-opacity ease-in-out z-10 flex items-center justify-center">
|
||||||
|
<div class="
|
||||||
|
min-w-[76px]
|
||||||
|
min-h-[76px]
|
||||||
|
w-[76px]
|
||||||
|
h-[76px]
|
||||||
|
rounded-full
|
||||||
|
relative
|
||||||
|
overflow-hidden
|
||||||
|
border-[0.76px]
|
||||||
|
border-white/[0.14]
|
||||||
|
mx-auto
|
||||||
|
before:content-['']
|
||||||
|
before:absolute
|
||||||
|
before:top-[-10px]
|
||||||
|
before:left-[-10px]
|
||||||
|
before:right-[-10px]
|
||||||
|
before:bottom-[-10px]
|
||||||
|
before:bg-gradient-to-r
|
||||||
|
before:from-[#2B2C35]
|
||||||
|
before:from-[39.4%]
|
||||||
|
before:to-[#6E7996]
|
||||||
|
before:to-[92.9%]
|
||||||
|
before:blur-[7px]
|
||||||
|
before:opacity-[0.62]
|
||||||
|
before:-z-10
|
||||||
|
before:w-[76px]
|
||||||
|
before:h-[76px]
|
||||||
|
scale-90 group-hover:scale-100
|
||||||
|
transition
|
||||||
|
grid place-content-center
|
||||||
|
relative
|
||||||
|
">
|
||||||
|
<svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M27.2511 1.95288L27.2506 7.9773C27.2506 8.13545 27.2195 8.29204 27.1589 8.43814C27.0984 8.58425 27.0097 8.717 26.8978 8.82881C26.786 8.94063 26.6532 9.02933 26.5071 9.08983C26.361 9.15034 26.2044 9.18147 26.0462 9.18146C25.8881 9.18144 25.7315 9.15028 25.5854 9.08975C25.4393 9.02921 25.3065 8.94049 25.1947 8.82866C24.9689 8.60279 24.8421 8.29647 24.8421 7.97707V4.86345L17.8434 11.8682C17.7316 11.9803 17.5987 12.0693 17.4524 12.1298C17.306 12.1904 17.1492 12.2214 16.9908 12.2211C16.7526 12.2212 16.5197 12.1506 16.3216 12.0184C16.1235 11.8861 15.9691 11.698 15.8779 11.478C15.7866 11.2579 15.7628 11.0157 15.8092 10.7821C15.8557 10.5485 15.9704 10.3338 16.1388 10.1654L23.1397 3.15772H20.0268C19.7073 3.15772 19.4008 3.03078 19.1749 2.80483C18.9489 2.57888 18.822 2.27243 18.822 1.95288C18.822 1.63334 18.9489 1.32689 19.1749 1.10094C19.4008 0.874985 19.7073 0.748047 20.0268 0.748047H26.0462C26.366 0.748047 26.6721 0.875074 26.8982 1.10138C27.1241 1.32719 27.251 1.63349 27.2511 1.95288ZM26.0465 18.8175C25.727 18.8176 25.4206 18.9446 25.1947 19.1706C24.9689 19.3966 24.842 19.703 24.8421 20.0225V23.1361L17.9608 16.3135C17.4899 15.843 16.695 15.8426 16.2246 16.313C15.7539 16.7828 15.7377 17.5458 16.2076 18.016L23.0195 24.8421H19.9007C19.5811 24.842 19.2746 24.9689 19.0485 25.1948C18.8224 25.4207 18.6953 25.7271 18.6952 26.0467C18.6951 26.2048 18.7261 26.3614 18.7866 26.5076C18.847 26.6537 18.9357 26.7864 19.0475 26.8983C19.1593 27.0101 19.292 27.0989 19.4381 27.1594C19.5842 27.2199 19.7407 27.2511 19.8989 27.2511L25.9174 27.2518C26.2374 27.2518 26.6083 27.1247 26.8337 26.8989C27.0595 26.673 27.2513 26.3666 27.2513 26.0474V20.0223C27.2511 19.7028 27.1241 19.3965 26.8982 19.1705C26.6723 18.9446 26.366 18.8176 26.0465 18.8175ZM10.0382 16.2604L3.1575 23.1366V20.0223C3.1575 19.3569 2.62886 18.8188 1.96371 18.8188H1.96868C1.81069 18.8188 1.65425 18.8499 1.50829 18.9104C1.36234 18.9709 1.22975 19.0595 1.1181 19.1713C1.00645 19.2831 0.917928 19.4158 0.857605 19.5618C0.797283 19.7078 0.76634 19.8643 0.766548 20.0223L0.766999 26.0465C0.767059 26.2048 0.7983 26.3615 0.858941 26.5077C0.919581 26.654 1.00843 26.7868 1.12042 26.8987C1.23241 27.0106 1.36534 27.0993 1.51162 27.1598C1.6579 27.2203 1.81467 27.2514 1.97296 27.2513H7.99264C8.31218 27.2513 8.61864 27.1244 8.84459 26.8984C9.07054 26.6725 9.19748 26.366 9.19748 26.0465C9.19748 25.7269 9.07054 25.4205 8.84459 25.1945C8.61864 24.9686 8.31218 24.8416 7.99264 24.8416H4.88059L11.7527 17.9632C12.2236 17.493 12.2175 16.7293 11.747 16.2595C11.2766 15.7898 10.5088 15.7902 10.0382 16.2604ZM4.85939 3.26625H7.97188C8.28639 3.25879 8.58551 3.12862 8.80531 2.90354C9.02512 2.67847 9.14816 2.37635 9.14816 2.06175C9.14816 1.74715 9.02512 1.44503 8.80531 1.21996C8.58551 0.994881 8.28639 0.864706 7.97188 0.857249L1.95288 0.856798H1.95266C1.63321 0.856613 1.32676 0.983297 1.1007 1.209C0.874819 1.43507 0.747971 1.7416 0.748047 2.06118L0.748724 8.08582C0.748784 8.40525 0.875686 8.71158 1.10153 8.93747C1.32738 9.16336 1.63368 9.29032 1.95311 9.29044C2.27254 9.29032 2.57884 9.16336 2.80469 8.93747C3.03053 8.71158 3.15744 8.40525 3.1575 8.08582V4.97175L10.1013 11.9212C10.2131 12.0334 10.346 12.1224 10.4923 12.183C10.6385 12.2436 10.7954 12.2748 10.9537 12.2746C11.192 12.2746 11.425 12.2039 11.6231 12.0715C11.8213 11.9391 11.9757 11.7509 12.0669 11.5308C12.1581 11.3106 12.1819 11.0684 12.1355 10.8347C12.089 10.6009 11.9742 10.3863 11.8057 10.2178L4.85939 3.26625Z" fill="white" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
@@ -145,7 +185,7 @@ $stars = get_field('stars');
|
|||||||
<?php if (!empty($video['slider_video_review'])) : ?>
|
<?php if (!empty($video['slider_video_review'])) : ?>
|
||||||
<div class="video-review-item max-w-[424px] h-[358px] w-full bg-white rounded-[12px]">
|
<div class="video-review-item max-w-[424px] h-[358px] w-full bg-white rounded-[12px]">
|
||||||
<a href="<?php echo esc_url($video['slider_video_review']['url']); ?>"
|
<a href="<?php echo esc_url($video['slider_video_review']['url']); ?>"
|
||||||
class="glightbox hover:[&_svg]:fill-[#e21e24] p-[24px] !no-underline block w-full h-full relative"
|
class="glightbox hover:[&_svg]:fill-[#e21e24] p-[24px] !no-underline block w-full h-full relative rounded-[12px] overflow-hidden"
|
||||||
data-gallery="reviews-video"
|
data-gallery="reviews-video"
|
||||||
data-type="video">
|
data-type="video">
|
||||||
<?php if (!empty($video['author']) || !empty($video['data_otzyva'])) : ?>
|
<?php if (!empty($video['author']) || !empty($video['data_otzyva'])) : ?>
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
// Небольшая задержка для корректной инициализации GLightbox
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
document.querySelectorAll('.simple-gallery-block').forEach(function (block) {
|
document.querySelectorAll('.simple-gallery-block').forEach(function (block) {
|
||||||
const blockId = block.getAttribute('data-gallery-id');
|
const blockId = block.getAttribute('data-gallery-id');
|
||||||
@@ -16,28 +15,32 @@ function initSimpleGallery(blockId) {
|
|||||||
let thumbnailSwiper;
|
let thumbnailSwiper;
|
||||||
let lightbox;
|
let lightbox;
|
||||||
|
|
||||||
// Проверяем, одно изображение или несколько
|
|
||||||
const isSingleImage = container.querySelector('.single-image');
|
const isSingleImage = container.querySelector('.single-image');
|
||||||
const hasMultipleImages = container.querySelector('.gallery-swiper');
|
const hasMultipleImages = container.querySelector('.gallery-swiper');
|
||||||
|
|
||||||
function initLightbox() {
|
function initLightbox() {
|
||||||
if (typeof GLightbox === 'undefined') {
|
// Ждем загрузки GLightbox
|
||||||
console.warn('GLightbox is not loaded');
|
const checkGLightbox = () => {
|
||||||
return;
|
if (typeof GLightbox !== 'undefined') {
|
||||||
}
|
const selector = `#${blockId} .glightbox`;
|
||||||
|
|
||||||
const selector = `#${blockId} .glightbox`;
|
if (lightbox) {
|
||||||
|
lightbox.destroy();
|
||||||
|
}
|
||||||
|
|
||||||
if (lightbox) {
|
lightbox = GLightbox({
|
||||||
lightbox.destroy();
|
selector: selector,
|
||||||
}
|
preload: false,
|
||||||
|
touchNavigation: true,
|
||||||
|
loop: true
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Пробуем еще раз через 100мс
|
||||||
|
setTimeout(checkGLightbox, 100);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
lightbox = GLightbox({
|
checkGLightbox();
|
||||||
selector: selector,
|
|
||||||
preload: false,
|
|
||||||
touchNavigation: true,
|
|
||||||
loop: true
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateThumbnails(activeIndex) {
|
function updateThumbnails(activeIndex) {
|
||||||
@@ -59,7 +62,7 @@ function initSimpleGallery(blockId) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Инициализация для одного изображения
|
// Если одно изображение
|
||||||
if (isSingleImage) {
|
if (isSingleImage) {
|
||||||
initLightbox();
|
initLightbox();
|
||||||
|
|
||||||
@@ -69,9 +72,12 @@ function initSimpleGallery(blockId) {
|
|||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
// Инициализация для множественных изображений
|
// Если несколько изображений
|
||||||
if (hasMultipleImages) {
|
if (hasMultipleImages) {
|
||||||
// Thumbnail swiper
|
const slides = hasMultipleImages.querySelectorAll('.swiper-slide');
|
||||||
|
const isSingleSlide = slides.length <= 1;
|
||||||
|
|
||||||
|
// Инициализируем свайпер для миниатюр
|
||||||
thumbnailSwiper = new Swiper(`#${blockId} .thumbnail-swiper`, {
|
thumbnailSwiper = new Swiper(`#${blockId} .thumbnail-swiper`, {
|
||||||
slidesPerView: 'auto',
|
slidesPerView: 'auto',
|
||||||
spaceBetween: 6,
|
spaceBetween: 6,
|
||||||
@@ -80,8 +86,9 @@ function initSimpleGallery(blockId) {
|
|||||||
watchSlidesProgress: true,
|
watchSlidesProgress: true,
|
||||||
});
|
});
|
||||||
|
|
||||||
// Main swiper
|
// Инициализируем основной свайпер
|
||||||
mainSwiper = new Swiper(`#${blockId} .gallery-swiper`, {
|
mainSwiper = new Swiper(`#${blockId} .gallery-swiper`, {
|
||||||
|
loop: true,
|
||||||
slidesPerView: 'auto',
|
slidesPerView: 'auto',
|
||||||
spaceBetween: 0,
|
spaceBetween: 0,
|
||||||
grabCursor: true,
|
grabCursor: true,
|
||||||
@@ -90,6 +97,12 @@ function initSimpleGallery(blockId) {
|
|||||||
loadPrevNext: true,
|
loadPrevNext: true,
|
||||||
loadOnTransitionStart: true,
|
loadOnTransitionStart: true,
|
||||||
},
|
},
|
||||||
|
pagination: {
|
||||||
|
el: `#${blockId} .simple-gallery-swiper-pagination`,
|
||||||
|
type: 'bullets',
|
||||||
|
clickable: true,
|
||||||
|
bulletClass: 'swiper-pagination-bullet',
|
||||||
|
},
|
||||||
on: {
|
on: {
|
||||||
slideChange: function () {
|
slideChange: function () {
|
||||||
updateThumbnails(this.realIndex);
|
updateThumbnails(this.realIndex);
|
||||||
@@ -98,10 +111,23 @@ function initSimpleGallery(blockId) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
// Lightbox для множественных изображений
|
// Скрываем элементы навигации при одном слайде
|
||||||
|
if (isSingleSlide) {
|
||||||
|
const pagination = container.querySelector('.simple-gallery-swiper-pagination');
|
||||||
|
const thumbnailContainer = container.querySelector('.thumbnail-swiper').parentElement;
|
||||||
|
|
||||||
|
if (pagination) pagination.style.display = 'none';
|
||||||
|
if (thumbnailContainer) thumbnailContainer.style.display = 'none';
|
||||||
|
|
||||||
|
if (mainSwiper.autoplay) {
|
||||||
|
mainSwiper.autoplay.stop();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Инициализируем лайтбокс
|
||||||
initLightbox();
|
initLightbox();
|
||||||
|
|
||||||
// Обработчик клика по thumbnail
|
// Обработчик кликов по миниатюрам
|
||||||
container.addEventListener('click', (e) => {
|
container.addEventListener('click', (e) => {
|
||||||
const thumbnail = e.target.closest('.thumbnail');
|
const thumbnail = e.target.closest('.thumbnail');
|
||||||
if (!thumbnail) return;
|
if (!thumbnail) return;
|
||||||
@@ -109,14 +135,14 @@ function initSimpleGallery(blockId) {
|
|||||||
const index = parseInt(thumbnail.getAttribute('data-index'));
|
const index = parseInt(thumbnail.getAttribute('data-index'));
|
||||||
|
|
||||||
if (mainSwiper) {
|
if (mainSwiper) {
|
||||||
mainSwiper.slideTo(index);
|
mainSwiper.slideToLoop(index);
|
||||||
}
|
}
|
||||||
|
|
||||||
updateThumbnails(index);
|
updateThumbnails(index);
|
||||||
centerThumbnail(index);
|
centerThumbnail(index);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Cleanup
|
// Очистка ресурсов при выгрузке страницы
|
||||||
window.addEventListener('beforeunload', () => {
|
window.addEventListener('beforeunload', () => {
|
||||||
if (mainSwiper) mainSwiper.destroy();
|
if (mainSwiper) mainSwiper.destroy();
|
||||||
if (thumbnailSwiper) thumbnailSwiper.destroy();
|
if (thumbnailSwiper) thumbnailSwiper.destroy();
|
||||||
|
|||||||
@@ -19,97 +19,219 @@ $gallery_images = get_field('gallery_images');
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="simple-gallery-block pt-[90px]"
|
<div class="max-[768px]:pt-[40px] simple-gallery-block pt-[90px]"
|
||||||
id="<?php echo esc_attr($id); ?>"
|
id="<?php echo esc_attr($id); ?>"
|
||||||
data-gallery-id="<?php echo esc_attr($id); ?>">
|
data-gallery-id="<?php echo esc_attr($id); ?>">
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<div class="flex gap-[48px] justify-between flex-wrap items-start">
|
<div class="max-[1050px]:flex-col flex gap-[24px] justify-between items-start">
|
||||||
|
|
||||||
|
<div class="max-[1050px]:mx-auto gallery-section w-full max-w-[535px]">
|
||||||
<div class="gallery-section w-full max-w-[535px]">
|
<?php if ($gallery_images && is_array($gallery_images) && !empty($gallery_images)) : ?>
|
||||||
<?php if ($gallery_images && !empty($gallery_images)) : ?>
|
|
||||||
|
|
||||||
<?php if (count($gallery_images) === 1) : ?>
|
<?php if (count($gallery_images) === 1) : ?>
|
||||||
|
<?php
|
||||||
|
$image = $gallery_images[0];
|
||||||
|
if (isset($image['url']) && $image['url']) :
|
||||||
|
?>
|
||||||
|
<div class="max-[1050px]:max-w-full max-[1050px]:h-[360px] single-image max-w-[535px] h-[500px]">
|
||||||
|
<a href="<?php echo esc_url($image['url']); ?>"
|
||||||
|
class="glightbox block w-full h-full group"
|
||||||
|
data-gallery="simple-gallery-<?php echo esc_attr($id); ?>">
|
||||||
|
<img src="<?php echo esc_url($image['url']); ?>"
|
||||||
|
alt="<?php echo esc_attr($image['alt'] ?? $image['title'] ?? ''); ?>"
|
||||||
|
class="w-full h-full object-cover rounded-[24px]"
|
||||||
|
width="<?php echo esc_attr($image['width'] ?? ''); ?>"
|
||||||
|
height="<?php echo esc_attr($image['height'] ?? ''); ?>"
|
||||||
|
fetchpriority="high">
|
||||||
|
<div class="absolute inset-0 bg-[rgba(51,51,51,0.52)] opacity-0 group-hover:opacity-[100%] transition-opacity ease-in-out z-10 flex items-center justify-center">
|
||||||
|
<div class="
|
||||||
|
min-w-[76px]
|
||||||
|
min-h-[76px]
|
||||||
|
w-[76px]
|
||||||
|
h-[76px]
|
||||||
|
rounded-full
|
||||||
|
relative
|
||||||
|
overflow-hidden
|
||||||
|
border-[0.76px]
|
||||||
|
border-white/[0.14]
|
||||||
|
mx-auto
|
||||||
|
before:content-['']
|
||||||
|
before:absolute
|
||||||
|
before:top-[-10px]
|
||||||
|
before:left-[-10px]
|
||||||
|
before:right-[-10px]
|
||||||
|
before:bottom-[-10px]
|
||||||
|
before:bg-gradient-to-r
|
||||||
|
before:from-[#2B2C35]
|
||||||
|
before:from-[39.4%]
|
||||||
|
before:to-[#6E7996]
|
||||||
|
before:to-[92.9%]
|
||||||
|
before:blur-[7px]
|
||||||
|
before:opacity-[0.62]
|
||||||
|
before:-z-10
|
||||||
|
before:w-[76px]
|
||||||
|
before:h-[76px]
|
||||||
|
scale-90 group-hover:scale-100
|
||||||
|
transition
|
||||||
|
grid place-content-center
|
||||||
|
relative
|
||||||
|
">
|
||||||
|
<svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M27.2511 1.95288L27.2506 7.9773C27.2506 8.13545 27.2195 8.29204 27.1589 8.43814C27.0984 8.58425 27.0097 8.717 26.8978 8.82881C26.786 8.94063 26.6532 9.02933 26.5071 9.08983C26.361 9.15034 26.2044 9.18147 26.0462 9.18146C25.8881 9.18144 25.7315 9.15028 25.5854 9.08975C25.4393 9.02921 25.3065 8.94049 25.1947 8.82866C24.9689 8.60279 24.8421 8.29647 24.8421 7.97707V4.86345L17.8434 11.8682C17.7316 11.9803 17.5987 12.0693 17.4524 12.1298C17.306 12.1904 17.1492 12.2214 16.9908 12.2211C16.7526 12.2212 16.5197 12.1506 16.3216 12.0184C16.1235 11.8861 15.9691 11.698 15.8779 11.478C15.7866 11.2579 15.7628 11.0157 15.8092 10.7821C15.8557 10.5485 15.9704 10.3338 16.1388 10.1654L23.1397 3.15772H20.0268C19.7073 3.15772 19.4008 3.03078 19.1749 2.80483C18.9489 2.57888 18.822 2.27243 18.822 1.95288C18.822 1.63334 18.9489 1.32689 19.1749 1.10094C19.4008 0.874985 19.7073 0.748047 20.0268 0.748047H26.0462C26.366 0.748047 26.6721 0.875074 26.8982 1.10138C27.1241 1.32719 27.251 1.63349 27.2511 1.95288ZM26.0465 18.8175C25.727 18.8176 25.4206 18.9446 25.1947 19.1706C24.9689 19.3966 24.842 19.703 24.8421 20.0225V23.1361L17.9608 16.3135C17.4899 15.843 16.695 15.8426 16.2246 16.313C15.7539 16.7828 15.7377 17.5458 16.2076 18.016L23.0195 24.8421H19.9007C19.5811 24.842 19.2746 24.9689 19.0485 25.1948C18.8224 25.4207 18.6953 25.7271 18.6952 26.0467C18.6951 26.2048 18.7261 26.3614 18.7866 26.5076C18.847 26.6537 18.9357 26.7864 19.0475 26.8983C19.1593 27.0101 19.292 27.0989 19.4381 27.1594C19.5842 27.2199 19.7407 27.2511 19.8989 27.2511L25.9174 27.2518C26.2374 27.2518 26.6083 27.1247 26.8337 26.8989C27.0595 26.673 27.2513 26.3666 27.2513 26.0474V20.0223C27.2511 19.7028 27.1241 19.3965 26.8982 19.1705C26.6723 18.9446 26.366 18.8176 26.0465 18.8175ZM10.0382 16.2604L3.1575 23.1366V20.0223C3.1575 19.3569 2.62886 18.8188 1.96371 18.8188H1.96868C1.81069 18.8188 1.65425 18.8499 1.50829 18.9104C1.36234 18.9709 1.22975 19.0595 1.1181 19.1713C1.00645 19.2831 0.917928 19.4158 0.857605 19.5618C0.797283 19.7078 0.76634 19.8643 0.766548 20.0223L0.766999 26.0465C0.767059 26.2048 0.7983 26.3615 0.858941 26.5077C0.919581 26.654 1.00843 26.7868 1.12042 26.8987C1.23241 27.0106 1.36534 27.0993 1.51162 27.1598C1.6579 27.2203 1.81467 27.2514 1.97296 27.2513H7.99264C8.31218 27.2513 8.61864 27.1244 8.84459 26.8984C9.07054 26.6725 9.19748 26.366 9.19748 26.0465C9.19748 25.7269 9.07054 25.4205 8.84459 25.1945C8.61864 24.9686 8.31218 24.8416 7.99264 24.8416H4.88059L11.7527 17.9632C12.2236 17.493 12.2175 16.7293 11.747 16.2595C11.2766 15.7898 10.5088 15.7902 10.0382 16.2604ZM4.85939 3.26625H7.97188C8.28639 3.25879 8.58551 3.12862 8.80531 2.90354C9.02512 2.67847 9.14816 2.37635 9.14816 2.06175C9.14816 1.74715 9.02512 1.44503 8.80531 1.21996C8.58551 0.994881 8.28639 0.864706 7.97188 0.857249L1.95288 0.856798H1.95266C1.63321 0.856613 1.32676 0.983297 1.1007 1.209C0.874819 1.43507 0.747971 1.7416 0.748047 2.06118L0.748724 8.08582C0.748784 8.40525 0.875686 8.71158 1.10153 8.93747C1.32738 9.16336 1.63368 9.29032 1.95311 9.29044C2.27254 9.29032 2.57884 9.16336 2.80469 8.93747C3.03053 8.71158 3.15744 8.40525 3.1575 8.08582V4.97175L10.1013 11.9212C10.2131 12.0334 10.346 12.1224 10.4923 12.183C10.6385 12.2436 10.7954 12.2748 10.9537 12.2746C11.192 12.2746 11.425 12.2039 11.6231 12.0715C11.8213 11.9391 11.9757 11.7509 12.0669 11.5308C12.1581 11.3106 12.1819 11.0684 12.1355 10.8347C12.089 10.6009 11.9742 10.3863 11.8057 10.2178L4.85939 3.26625Z" fill="white" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="single-image max-w-[535px] h-[500px]">
|
</div>
|
||||||
<a href="<?php echo esc_url($gallery_images[0]['url']); ?>"
|
|
||||||
class="glightbox block w-full h-full"
|
</a>
|
||||||
data-gallery="simple-gallery-<?php echo esc_attr($id); ?>">
|
</div>
|
||||||
<img src="<?php echo esc_url($gallery_images[0]['url']); ?>"
|
<?php endif; ?>
|
||||||
alt="<?php echo esc_attr($gallery_images[0]['alt']); ?>"
|
|
||||||
class="w-full h-full object-cover rounded-[24px]"
|
|
||||||
width="<?php echo esc_attr($gallery_images[0]['width']); ?>"
|
|
||||||
height="<?php echo esc_attr($gallery_images[0]['height']); ?>"
|
|
||||||
fetchpriority="high">
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
|
|
||||||
<div class="swiper !m-0 max-w-[535px] gallery-swiper h-[500px] rounded-[24px]">
|
<div class="max-[1050px]:!mx-auto swiper !m-0 max-w-[535px] gallery-swiper max-[1050px]:h-[326px] h-[500px] rounded-[24px] relative">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach ($gallery_images as $img_index => $image) : ?>
|
<?php foreach ($gallery_images as $img_index => $image) : ?>
|
||||||
<div class="swiper-slide max-w-[648px] cursor-pointer min-h-[500px]">
|
<?php if (isset($image['url']) && $image['url']) : ?>
|
||||||
<a href="<?php echo esc_url($image['url']); ?>"
|
<div class="max-[1050px]:min-h-auto max-[1050px]:h-[326px] swiper-slide max-w-[648px] cursor-pointer min-h-[500px]">
|
||||||
class="glightbox block w-full h-full"
|
<a href="<?php echo esc_url($image['url']); ?>"
|
||||||
data-gallery="simple-gallery-<?php echo esc_attr($id); ?>">
|
class="glightbox block w-full h-full group"
|
||||||
<?php if ($img_index === 0) : ?>
|
data-gallery="simple-gallery-<?php echo esc_attr($id); ?>">
|
||||||
<img src="<?php echo esc_url($image['url']); ?>"
|
<?php if ($img_index === 0) : ?>
|
||||||
alt="<?php echo esc_attr($image['alt']); ?>"
|
<img src="<?php echo esc_url($image['url']); ?>"
|
||||||
class="w-full h-full object-cover"
|
alt="<?php echo esc_attr($image['alt'] ?? $image['title'] ?? ''); ?>"
|
||||||
width="<?php echo esc_attr($image['width']); ?>"
|
class="w-full h-full object-cover"
|
||||||
height="<?php echo esc_attr($image['height']); ?>"
|
width="<?php echo esc_attr($image['width'] ?? ''); ?>"
|
||||||
fetchpriority="high">
|
height="<?php echo esc_attr($image['height'] ?? ''); ?>"
|
||||||
<?php else : ?>
|
fetchpriority="high">
|
||||||
<img data-src="<?php echo esc_url($image['url']); ?>"
|
<?php else : ?>
|
||||||
alt="<?php echo esc_attr($image['alt']); ?>"
|
<img data-src="<?php echo esc_url($image['url']); ?>"
|
||||||
class="w-full h-full object-cover swiper-lazy"
|
alt="<?php echo esc_attr($image['alt'] ?? $image['title'] ?? ''); ?>"
|
||||||
width="<?php echo esc_attr($image['width']); ?>"
|
class="w-full h-full object-cover swiper-lazy"
|
||||||
height="<?php echo esc_attr($image['height']); ?>">
|
width="<?php echo esc_attr($image['width'] ?? ''); ?>"
|
||||||
<div class="swiper-lazy-preloader"></div>
|
height="<?php echo esc_attr($image['height'] ?? ''); ?>">
|
||||||
<?php endif; ?>
|
<div class="swiper-lazy-preloader"></div>
|
||||||
</a>
|
<?php endif; ?>
|
||||||
</div>
|
<div class="absolute inset-0 bg-[rgba(51,51,51,0.52)] opacity-0 group-hover:opacity-[100%] transition-opacity ease-in-out z-10 flex items-center justify-center">
|
||||||
|
<div class="
|
||||||
|
min-w-[76px]
|
||||||
|
min-h-[76px]
|
||||||
|
w-[76px]
|
||||||
|
h-[76px]
|
||||||
|
rounded-full
|
||||||
|
relative
|
||||||
|
overflow-hidden
|
||||||
|
border-[0.76px]
|
||||||
|
border-white/[0.14]
|
||||||
|
mx-auto
|
||||||
|
before:content-['']
|
||||||
|
before:absolute
|
||||||
|
before:top-[-10px]
|
||||||
|
before:left-[-10px]
|
||||||
|
before:right-[-10px]
|
||||||
|
before:bottom-[-10px]
|
||||||
|
before:bg-gradient-to-r
|
||||||
|
before:from-[#2B2C35]
|
||||||
|
before:from-[39.4%]
|
||||||
|
before:to-[#6E7996]
|
||||||
|
before:to-[92.9%]
|
||||||
|
before:blur-[7px]
|
||||||
|
before:opacity-[0.62]
|
||||||
|
before:-z-10
|
||||||
|
before:w-[76px]
|
||||||
|
before:h-[76px]
|
||||||
|
scale-90 group-hover:scale-100
|
||||||
|
transition
|
||||||
|
grid place-content-center
|
||||||
|
relative
|
||||||
|
">
|
||||||
|
<svg class="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M27.2511 1.95288L27.2506 7.9773C27.2506 8.13545 27.2195 8.29204 27.1589 8.43814C27.0984 8.58425 27.0097 8.717 26.8978 8.82881C26.786 8.94063 26.6532 9.02933 26.5071 9.08983C26.361 9.15034 26.2044 9.18147 26.0462 9.18146C25.8881 9.18144 25.7315 9.15028 25.5854 9.08975C25.4393 9.02921 25.3065 8.94049 25.1947 8.82866C24.9689 8.60279 24.8421 8.29647 24.8421 7.97707V4.86345L17.8434 11.8682C17.7316 11.9803 17.5987 12.0693 17.4524 12.1298C17.306 12.1904 17.1492 12.2214 16.9908 12.2211C16.7526 12.2212 16.5197 12.1506 16.3216 12.0184C16.1235 11.8861 15.9691 11.698 15.8779 11.478C15.7866 11.2579 15.7628 11.0157 15.8092 10.7821C15.8557 10.5485 15.9704 10.3338 16.1388 10.1654L23.1397 3.15772H20.0268C19.7073 3.15772 19.4008 3.03078 19.1749 2.80483C18.9489 2.57888 18.822 2.27243 18.822 1.95288C18.822 1.63334 18.9489 1.32689 19.1749 1.10094C19.4008 0.874985 19.7073 0.748047 20.0268 0.748047H26.0462C26.366 0.748047 26.6721 0.875074 26.8982 1.10138C27.1241 1.32719 27.251 1.63349 27.2511 1.95288ZM26.0465 18.8175C25.727 18.8176 25.4206 18.9446 25.1947 19.1706C24.9689 19.3966 24.842 19.703 24.8421 20.0225V23.1361L17.9608 16.3135C17.4899 15.843 16.695 15.8426 16.2246 16.313C15.7539 16.7828 15.7377 17.5458 16.2076 18.016L23.0195 24.8421H19.9007C19.5811 24.842 19.2746 24.9689 19.0485 25.1948C18.8224 25.4207 18.6953 25.7271 18.6952 26.0467C18.6951 26.2048 18.7261 26.3614 18.7866 26.5076C18.847 26.6537 18.9357 26.7864 19.0475 26.8983C19.1593 27.0101 19.292 27.0989 19.4381 27.1594C19.5842 27.2199 19.7407 27.2511 19.8989 27.2511L25.9174 27.2518C26.2374 27.2518 26.6083 27.1247 26.8337 26.8989C27.0595 26.673 27.2513 26.3666 27.2513 26.0474V20.0223C27.2511 19.7028 27.1241 19.3965 26.8982 19.1705C26.6723 18.9446 26.366 18.8176 26.0465 18.8175ZM10.0382 16.2604L3.1575 23.1366V20.0223C3.1575 19.3569 2.62886 18.8188 1.96371 18.8188H1.96868C1.81069 18.8188 1.65425 18.8499 1.50829 18.9104C1.36234 18.9709 1.22975 19.0595 1.1181 19.1713C1.00645 19.2831 0.917928 19.4158 0.857605 19.5618C0.797283 19.7078 0.76634 19.8643 0.766548 20.0223L0.766999 26.0465C0.767059 26.2048 0.7983 26.3615 0.858941 26.5077C0.919581 26.654 1.00843 26.7868 1.12042 26.8987C1.23241 27.0106 1.36534 27.0993 1.51162 27.1598C1.6579 27.2203 1.81467 27.2514 1.97296 27.2513H7.99264C8.31218 27.2513 8.61864 27.1244 8.84459 26.8984C9.07054 26.6725 9.19748 26.366 9.19748 26.0465C9.19748 25.7269 9.07054 25.4205 8.84459 25.1945C8.61864 24.9686 8.31218 24.8416 7.99264 24.8416H4.88059L11.7527 17.9632C12.2236 17.493 12.2175 16.7293 11.747 16.2595C11.2766 15.7898 10.5088 15.7902 10.0382 16.2604ZM4.85939 3.26625H7.97188C8.28639 3.25879 8.58551 3.12862 8.80531 2.90354C9.02512 2.67847 9.14816 2.37635 9.14816 2.06175C9.14816 1.74715 9.02512 1.44503 8.80531 1.21996C8.58551 0.994881 8.28639 0.864706 7.97188 0.857249L1.95288 0.856798H1.95266C1.63321 0.856613 1.32676 0.983297 1.1007 1.209C0.874819 1.43507 0.747971 1.7416 0.748047 2.06118L0.748724 8.08582C0.748784 8.40525 0.875686 8.71158 1.10153 8.93747C1.32738 9.16336 1.63368 9.29032 1.95311 9.29044C2.27254 9.29032 2.57884 9.16336 2.80469 8.93747C3.03053 8.71158 3.15744 8.40525 3.1575 8.08582V4.97175L10.1013 11.9212C10.2131 12.0334 10.346 12.1224 10.4923 12.183C10.6385 12.2436 10.7954 12.2748 10.9537 12.2746C11.192 12.2746 11.425 12.2039 11.6231 12.0715C11.8213 11.9391 11.9757 11.7509 12.0669 11.5308C12.1581 11.3106 12.1819 11.0684 12.1355 10.8347C12.089 10.6009 11.9742 10.3863 11.8057 10.2178L4.85939 3.26625Z" fill="white" />
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<?php endif; ?>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="simple-gallery-swiper-pagination absolute flex items-center justify-center left-1/2 z-[2]"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
|
||||||
<!-- Thumbnails -->
|
<!-- Thumbnails -->
|
||||||
<div class="relative mt-[8px]">
|
<div class="relative mt-[8px]">
|
||||||
<div class="swiper thumbnail-swiper">
|
<div class="swiper thumbnail-swiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach ($gallery_images as $thumb_index => $image) : ?>
|
<?php foreach ($gallery_images as $thumb_index => $image) : ?>
|
||||||
<div class="swiper-slide max-w-[102px] !h-[62px]">
|
<?php if (isset($image['url']) && $image['url']) : ?>
|
||||||
<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'; ?>"
|
<div class="max-[768px]:max-w-[60px] max-[768px]:!h-[40px] swiper-slide max-w-[102px] !h-[62px]">
|
||||||
data-index="<?php echo $thumb_index; ?>">
|
<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'; ?>"
|
||||||
<img src="<?php echo esc_url($image['sizes']['thumbnail'] ?? $image['url']); ?>"
|
data-index="<?php echo $thumb_index; ?>">
|
||||||
alt="<?php echo esc_attr($image['alt']); ?>"
|
<?php
|
||||||
class="w-full rounded-[6px] h-full object-cover"
|
// Используем thumbnail из sizes или fallback на основное изображение
|
||||||
width="102"
|
$thumbnail_url = '';
|
||||||
height="62">
|
if (isset($image['sizes']['thumbnail'])) {
|
||||||
|
$thumbnail_url = $image['sizes']['thumbnail'];
|
||||||
|
} elseif (isset($image['url'])) {
|
||||||
|
$thumbnail_url = $image['url'];
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
<?php if ($thumbnail_url) : ?>
|
||||||
|
<img src="<?php echo esc_url($thumbnail_url); ?>"
|
||||||
|
alt="<?php echo esc_attr($image['alt'] ?? $image['title'] ?? ''); ?>"
|
||||||
|
class="w-full rounded-[6px] h-full object-cover"
|
||||||
|
width="102"
|
||||||
|
height="62">
|
||||||
|
<?php endif; ?>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<?php endif; ?>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
|
<?php else : ?>
|
||||||
|
<div class="max-w-[535px] h-[500px] bg-gray-100 rounded-[24px] flex items-center justify-center">
|
||||||
|
<p class="text-gray-500">Изображения не загружены</p>
|
||||||
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="content-section w-full max-w-[725px]">
|
<div class="max-[1050px]:max-w-full max-[1050px]:mt-[32px] content-section w-full max-w-[725px]">
|
||||||
<div class="py-[48px] pr-[12px]">
|
<div class="max-[1050px]:p-0 py-[48px] pr-[12px]">
|
||||||
<?php if ($heading) : ?>
|
<?php if ($heading) : ?>
|
||||||
<h2 class="text-[48px] font-[700] leading-[110%] mb-[24px]"><?php echo esc_html($heading); ?></h2>
|
<h2 class="max-[1050px]:text-[30px] max-[768px]:text-[24px] text-[48px] font-[700] leading-[110%] mb-[24px]"><?php echo esc_html($heading); ?></h2>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
|
||||||
<?php if ($description) : ?>
|
<?php if ($description) : ?>
|
||||||
<div class="text-[18px] leading-[150%] text-gray-600">
|
<div class="max-[1050px]:text-[18px] max-[768px]:text-[16px] text-[18px] leading-[150%] text-gray-600">
|
||||||
<?php echo $description ?>
|
<?php echo wp_kses_post($description); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -33,7 +33,7 @@ if (!function_exists('get_trainers_for_current_language')) {
|
|||||||
|
|
||||||
$trainers = get_trainers_for_current_language();
|
$trainers = get_trainers_for_current_language();
|
||||||
|
|
||||||
// Получаем все поля short_info для каждого тренера
|
|
||||||
$trainers_data = array();
|
$trainers_data = array();
|
||||||
if ($trainers) {
|
if ($trainers) {
|
||||||
foreach ($trainers as $trainer) {
|
foreach ($trainers as $trainer) {
|
||||||
@@ -71,182 +71,258 @@ if ($room === 'fitness') {
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<section id="<?php echo esc_attr($block_id); ?>"
|
<section id="<?php echo esc_attr($block_id); ?>"
|
||||||
class="py-[96px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
class="max-[768px]:py-[45px] py-[90px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<?php if ($trainers_data): ?>
|
<?php if ($trainers_data): ?>
|
||||||
<?php if (is_front_page()): ?>
|
<?php if (is_front_page()): ?>
|
||||||
<div class="flex flex-col gap-[16px] ">
|
<div class="flex items-center gap-[16px] ">
|
||||||
<h2 class="text-[40px] leading-[120%] font-[500]">
|
<h2 class="max-[1050px]:text-[36px] max-[768px]:max-[768px]:text-[24px] text-[40px] leading-[120%] font-[500]">
|
||||||
<?php
|
<?php
|
||||||
echo $heading;
|
echo $heading;
|
||||||
?>
|
?>
|
||||||
</h2>
|
</h2>
|
||||||
|
<div class="max-[1100px]:flex hidden gap-[6px] ml-auto">
|
||||||
|
<button class="group trainer-custom-prev cursor-pointer">
|
||||||
|
<?php display_icon('slider-prev') ?>
|
||||||
|
</button>
|
||||||
|
<button class="group trainer-custom-next cursor-pointer">
|
||||||
|
<?php display_icon('slider-next') ?>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<div class="mt-[40px] flex gap-[24px]">
|
<div class="max-[1100px]:flex-col max-[768px]:mt-[24px] mt-[40px] flex gap-[24px]">
|
||||||
|
|
||||||
<div class="swiper rounded-[20px] rounded-b-[0]" id="<?php echo esc_attr($block_id); ?>-swiper">
|
<div class="swiper w-full rounded-[20px] rounded-b-[0]" id="<?php echo esc_attr($block_id); ?>-swiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach ($trainers_data as $trainer_data): ?>
|
<?php foreach ($trainers_data as $trainer_data): ?>
|
||||||
<?php $trainer = $trainer_data['post']; ?>
|
<?php $trainer = $trainer_data['post'];
|
||||||
<div class="max-w-[312px] swiper-slide">
|
|
||||||
<div class="flex flex-col gap-[12px]">
|
if (get_field('photo', $trainer->ID)) {
|
||||||
<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); ?>
|
<a href="<?php echo get_the_permalink($trainer->ID); ?>"
|
||||||
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
class="max-w-[312px] swiper-slide !no-underline group">
|
||||||
<div class="overflow-hidden h-[460px]">
|
<div class="flex flex-col gap-[12px]">
|
||||||
<img src="<?php echo esc_url($photo_images[0]['url']); ?>"
|
<div class="flex relative rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
alt="<?php echo esc_attr($photo_images[0]['alt']); ?>"
|
<?php $photo_images = get_field('photo', $trainer->ID); ?>
|
||||||
loading="lazy"
|
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
||||||
class="w-full h-full object-cover"/>
|
<div class="overflow-hidden w-full max-[768px]:h-[440px] h-[460px]">
|
||||||
</div>
|
<img src="<?php echo esc_url($photo_images[0]['url']); ?>"
|
||||||
<?php endif; ?>
|
alt="<?php echo esc_attr($photo_images[0]['alt']); ?>"
|
||||||
<div class="flex gap-[4px] absolute left-[12px] bottom-[16px]">
|
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%)]">
|
<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); ?>
|
<?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="group-hover:text-[#e21e24] transition-colors 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="group-hover:text-[#e21e24] transition-colors text-[16px] leading-[145%] font-[500] mt-[4px] text-[#6c6b6b]">
|
||||||
|
<?php echo wp_kses_post($short_desc); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
</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']; ?>
|
</a>
|
||||||
<?php if ($short_desc): ?>
|
<?php
|
||||||
<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; ?>
|
<?php endforeach; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col justify-between w-full max-w-[312px]">
|
<div class="hidden max-[1100px]:flex mx-auto w-full">
|
||||||
|
<a class="!no-underline mx-auto hover:[&>svg]:translate-x-[6px] bg-transparent border border-[#e0e0e0] max-w-[327px] w-full 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 class="max-[1100px]:hidden flex flex-col justify-between w-full max-w-[312px]">
|
||||||
<div
|
<div
|
||||||
class="p-[24px] flex flex-col bg-cover bg-center bg-no-repeat rounded-[20px] h-[460px]"
|
class="p-[24px] flex flex-col bg-cover bg-center bg-no-repeat rounded-[20px] max-[768px]:h-[440px] h-[460px]"
|
||||||
<?php
|
<?php
|
||||||
if (get_current_room() === 'fitness') : ?>
|
if (get_current_room() === 'fitness') : ?>
|
||||||
style="background-image: url('<?php echo get_template_directory_uri() . '/assets/images/trainer-bg-dark.png'; ?>')"
|
style="background-image: url('<?php echo get_template_directory_uri() . '/assets/images/trainer-bg-dark.png'; ?>')"
|
||||||
<?php else : ?>
|
<?php else : ?>
|
||||||
style="background-image: url('<?php echo get_template_directory_uri() . '/assets/images/trainer-bg-light.png'; ?>')"
|
style="background-image: url('<?php echo get_template_directory_uri() . '/assets/images/trainer-bg-light.png'; ?>')"
|
||||||
<?php endif;
|
<?php endif;
|
||||||
?>
|
?>
|
||||||
>
|
>
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
if (get_current_room() === 'fitness') :
|
if (get_current_room() === 'fitness') :
|
||||||
?>
|
?>
|
||||||
<svg width="138" height="14" viewBox="0 0 138 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="138" height="14" viewBox="0 0 138 14" fill="none"
|
||||||
<g clip-path="url(#clip0_2190_3090)">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<mask id="mask0_2190_3090" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="84" height="14">
|
<g clip-path="url(#clip0_2190_3090)">
|
||||||
<path d="M83.731 0.046875H0V13.9305H83.731V0.046875Z" fill="white" />
|
<mask id="mask0_2190_3090" style="mask-type:luminance" maskUnits="userSpaceOnUse"
|
||||||
</mask>
|
x="0" y="0" width="84" height="14">
|
||||||
<g mask="url(#mask0_2190_3090)">
|
<path d="M83.731 0.046875H0V13.9305H83.731V0.046875Z" fill="white"/>
|
||||||
<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" />
|
</mask>
|
||||||
<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" />
|
<g mask="url(#mask0_2190_3090)">
|
||||||
<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="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"
|
||||||
<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" />
|
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" />
|
<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>
|
</g>
|
||||||
<mask id="mask1_2190_3090" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="84" height="14">
|
<defs>
|
||||||
<path d="M83.731 0.046875H0V13.9305H83.731V0.046875Z" fill="white" />
|
<clipPath id="clip0_2190_3090">
|
||||||
</mask>
|
<rect width="137.03" height="14" fill="white"/>
|
||||||
<g mask="url(#mask1_2190_3090)">
|
</clipPath>
|
||||||
<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" />
|
</defs>
|
||||||
<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" />
|
</svg>
|
||||||
<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
|
<?php
|
||||||
else :
|
else :
|
||||||
?>
|
?>
|
||||||
<svg width="127" height="14" viewBox="0 0 127 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="127" height="14" viewBox="0 0 127 14" fill="none"
|
||||||
<g clip-path="url(#clip0_4006_20975)">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<mask id="mask0_4006_20975" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="88" height="14">
|
<g clip-path="url(#clip0_4006_20975)">
|
||||||
<path d="M87.4168 0H0V13.9745H87.4168V0Z" fill="white" />
|
<mask id="mask0_4006_20975" style="mask-type:luminance" maskUnits="userSpaceOnUse"
|
||||||
</mask>
|
x="0" y="0" width="88" height="14">
|
||||||
<g mask="url(#mask0_4006_20975)">
|
<path d="M87.4168 0H0V13.9745H87.4168V0Z" fill="white"/>
|
||||||
<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" />
|
</mask>
|
||||||
<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" />
|
<g mask="url(#mask0_4006_20975)">
|
||||||
<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="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"
|
||||||
<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" />
|
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" />
|
<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>
|
</g>
|
||||||
<mask id="mask1_4006_20975" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="88" height="14">
|
<defs>
|
||||||
<path d="M87.4168 0H0V13.9745H87.4168V0Z" fill="white" />
|
<clipPath id="clip0_4006_20975">
|
||||||
</mask>
|
<rect width="126.126" height="14" fill="white"/>
|
||||||
<g mask="url(#mask1_4006_20975)">
|
</clipPath>
|
||||||
<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" />
|
</defs>
|
||||||
<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" />
|
</svg>
|
||||||
<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
|
<?php
|
||||||
endif;
|
endif;
|
||||||
?>
|
?>
|
||||||
<div class="mt-auto text-[24px] font-[600] leading-[125%] text-[#f8f8f8]">
|
<div class=" mt-auto text-[24px] font-[600] leading-[125%] text-[#f8f8f8]">
|
||||||
Другие профессионалы нашего клуба
|
Другие профессионалы нашего клуба
|
||||||
</div>
|
</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'); ?>">
|
<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">
|
<svg class="transition" width="12" height="13" viewBox="0 0 12 13" fill="none"
|
||||||
<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" />
|
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>
|
</svg>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<button class="group custom-prev-<?php echo esc_attr($block_id); ?> cursor-pointer">
|
<button class="group trainer-custom-prev cursor-pointer">
|
||||||
<?php display_icon('slider-prev') ?>
|
<?php display_icon('slider-prev') ?>
|
||||||
</button>
|
</button>
|
||||||
<button class="group custom-next-<?php echo esc_attr($block_id); ?> cursor-pointer">
|
<button class="group trainer-custom-next cursor-pointer">
|
||||||
<?php display_icon('slider-next') ?>
|
<?php display_icon('slider-next') ?>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -268,8 +344,8 @@ if ($room === 'fitness') {
|
|||||||
grabCursor: true,
|
grabCursor: true,
|
||||||
freeMode: true,
|
freeMode: true,
|
||||||
navigation: {
|
navigation: {
|
||||||
nextEl: '.custom-next-<?php echo esc_attr($block_id); ?>',
|
nextEl: '.trainer-custom-next',
|
||||||
prevEl: '.custom-prev-<?php echo esc_attr($block_id); ?>',
|
prevEl: '.trainer-custom-prev',
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -33,7 +33,6 @@ if (!function_exists('get_trainings_for_current_language')) {
|
|||||||
|
|
||||||
$trainings = get_trainings_for_current_language();
|
$trainings = get_trainings_for_current_language();
|
||||||
|
|
||||||
// Получаем все поля short_info для каждого тренера
|
|
||||||
$trainings_data = array();
|
$trainings_data = array();
|
||||||
if ($trainings) {
|
if ($trainings) {
|
||||||
foreach ($trainings as $training) {
|
foreach ($trainings as $training) {
|
||||||
@@ -73,17 +72,17 @@ if ($room === 'fitness') {
|
|||||||
?>
|
?>
|
||||||
|
|
||||||
<section id="<?php echo esc_attr($block_id); ?>"
|
<section id="<?php echo esc_attr($block_id); ?>"
|
||||||
class="py-[96px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
class="max-[768px]:py-[45px] py-[96px] <?php echo esc_attr($section_classes); ?>" <?php echo $style_attr; ?>>
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<?php if ($trainings_data): ?>
|
<?php if ($trainings_data): ?>
|
||||||
<?php if (is_front_page()): ?>
|
<?php if (is_front_page()): ?>
|
||||||
<div class="flex gap-[16px] justify-between">
|
<div class="flex gap-[16px] justify-between">
|
||||||
<h2 class="dark:text-[#F8F8F8] text-[40px] leading-[120%] font-[500] max-w-[760px] w-full">
|
<h2 class="dark:max-w-[860px] max-[1050px]:text-[36px] max-[768px]:max-[768px]:text-[24px] dark:text-[#F8F8F8] text-[40px] leading-[120%] font-[500] max-w-[760px] w-full">
|
||||||
<?php
|
<?php
|
||||||
echo $heading;
|
echo $heading;
|
||||||
?>
|
?>
|
||||||
</h2>
|
</h2>
|
||||||
<a class="!no-underline dark:text-[#F8F8F8] dark:max-w-[860px] dark:border-[#574348] flex mt-auto gap-[8px] border border-[#E0E0E0] hover:[&>svg]:translate-x-[6px] rounded-[90px] px-[32px] h-[59px] flex items-center justify-center text-[18px] font-[600] leading-[195%] text-[#222]"
|
<a class="max-[1050px]:hidden !no-underline dark:text-[#F8F8F8] dark:max-w-[860px] dark:border-[#574348] flex mt-auto gap-[8px] border border-[#E0E0E0] hover:[&>svg]:translate-x-[6px] rounded-[90px] px-[32px] h-[59px] flex items-center justify-center text-[18px] font-[600] leading-[195%] text-[#222]"
|
||||||
href="<?php echo get_post_type_archive_link('training'); ?>">
|
href="<?php echo get_post_type_archive_link('training'); ?>">
|
||||||
Все тренировки
|
Все тренировки
|
||||||
|
|
||||||
@@ -95,14 +94,14 @@ if ($room === 'fitness') {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<div class="mt-[40px] flex flex-col">
|
<div class="max-[768px]:mt-[24px] mt-[40px] flex flex-col">
|
||||||
|
|
||||||
<div class="swiper rounded-[20px] rounded-b-[0]" id="<?php echo esc_attr($block_id); ?>-swiper">
|
<div class="swiper max-w-full rounded-[20px] rounded-b-[0]" id="<?php echo esc_attr($block_id); ?>-swiper">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
<?php foreach ($trainings_data as $training_data): ?>
|
<?php foreach ($trainings_data as $training_data): ?>
|
||||||
<?php $training = $training_data['post']; ?>
|
<?php $training = $training_data['post']; ?>
|
||||||
<div class="h-[540px] max-w-[312px] swiper-slide">
|
<div class="max-[768px]:h-[510px] h-[540px] max-w-[312px] swiper-slide">
|
||||||
<div class="flex flex-col bg-[#f8f8f8] relative h-[540px] rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
<div class="flex flex-col bg-[#f8f8f8] relative max-[768px]:h-[510px] h-[540px] rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)]">
|
||||||
<?php $photo_images = get_field('photo', $training->ID); ?>
|
<?php $photo_images = get_field('photo', $training->ID); ?>
|
||||||
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
||||||
<div class="overflow-hidden min-h-[260px]">
|
<div class="overflow-hidden min-h-[260px]">
|
||||||
@@ -112,10 +111,10 @@ if ($room === 'fitness') {
|
|||||||
class="w-full h-full object-cover"/>
|
class="w-full h-full object-cover"/>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<div class="flex flex-col gap-[24px] h-full p-[24px]">
|
<div class="max-[768px]:gap-[12px] flex flex-col gap-[24px] h-full p-[24px]">
|
||||||
<?php $name = $training_data['name']; ?>
|
<?php $name = $training_data['name']; ?>
|
||||||
<?php if ($name): ?>
|
<?php if ($name): ?>
|
||||||
<div class="text-[24px] leading-[125%] font-[600]">
|
<div class="max-[768px]:text-[20px] text-[24px] leading-[125%] font-[600]">
|
||||||
<?php echo esc_html($name); ?>
|
<?php echo esc_html($name); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
@@ -126,7 +125,7 @@ if ($room === 'fitness') {
|
|||||||
<?php echo wp_kses_post($short_desc); ?>
|
<?php echo wp_kses_post($short_desc); ?>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
<a href="<?php echo get_permalink($training->ID); ?>" class="!no-underline mt-auto h-[59px] flex grey-gradient-hover w-full rounded-[90px] px-[12px] text-[18px] font-[600] leading-[195%] text-[#f8f8f8] bg-[0_2px_32px_0_rgba(16,_15,_15,_0.03)] items-center justify-center">
|
<a href="<?php echo get_permalink($training->ID); ?>" class="max-[768px]:h-[59px] !no-underline mt-auto h-[59px] flex grey-gradient-hover w-full rounded-[90px] px-[12px] text-[18px] font-[600] leading-[195%] text-[#f8f8f8] items-center justify-center">
|
||||||
Перейти
|
Перейти
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -141,7 +140,19 @@ if ($room === 'fitness') {
|
|||||||
<div class="swiper-scrollbar [&_.swiper-scrollbar-drag]:dark:!bg-[#989597] !static !mx-auto !cursor-grab container mt-[44px] !w-full !p-0" id="swiper-scrollbar-<?php echo esc_attr($block_id); ?>"></div>
|
<div class="swiper-scrollbar [&_.swiper-scrollbar-drag]:dark:!bg-[#989597] !static !mx-auto !cursor-grab container mt-[44px] !w-full !p-0" id="swiper-scrollbar-<?php echo esc_attr($block_id); ?>"></div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
|
<a class="hidden max-[768px]:flex !no-underline dark:text-[#F8F8F8] dark:max-w-[860px] dark:border-[#574348] flex mt-[24px] gap-[8px] border border-[#E0E0E0] hover:[&>svg]:translate-x-[6px] rounded-[90px] px-[32px] h-[59px] flex items-center justify-center text-[18px] font-[600] leading-[195%] text-[#222]"
|
||||||
|
href="<?php echo get_post_type_archive_link('training'); ?>">
|
||||||
|
Все тренировки
|
||||||
|
|
||||||
|
|
||||||
|
<svg class="transition fill-[#222222] dark:fill-[#F8F8F8]" 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"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|||||||
@@ -1,4 +1,24 @@
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
|
$excluded_page_ids = array(763, 724, 732, 585, 582);
|
||||||
|
|
||||||
|
if (!is_front_page() &&
|
||||||
|
!is_404() &&
|
||||||
|
!in_array(get_the_ID(), $excluded_page_ids)) {
|
||||||
|
$front_page_id = get_option('page_on_front');
|
||||||
|
|
||||||
|
if ($front_page_id) {
|
||||||
|
$page_content = get_post_field('post_content', $front_page_id);
|
||||||
|
$blocks = parse_blocks($page_content);
|
||||||
|
|
||||||
|
foreach ($blocks as $block) {
|
||||||
|
if ($block['blockName'] === 'acf/form-block') {
|
||||||
|
echo render_block($block);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
<div class="text-white relative min-h-[330px] bg-[linear-gradient(180deg,_#f9f9f9_69.59%,_#ededed_100%)] dark:bg-none dark:bg-[#141419]">
|
<div class="text-white relative min-h-[330px] bg-[linear-gradient(180deg,_#f9f9f9_69.59%,_#ededed_100%)] dark:bg-none dark:bg-[#141419]">
|
||||||
<?php if (get_current_room() === 'gym'): ?>
|
<?php if (get_current_room() === 'gym'): ?>
|
||||||
@@ -6,12 +26,16 @@
|
|||||||
<svg class="absolute right-0 top-0 z-[0] pointer-events-none" width="621" height="330" viewBox="0 0 621 330"
|
<svg class="absolute right-0 top-0 z-[0] pointer-events-none" width="621" height="330" viewBox="0 0 621 330"
|
||||||
fill="none" xmlns="http://www.w3.org/2000/svg">
|
fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<g opacity="0.04" clip-path="url(#clip0_4018_16537)">
|
<g opacity="0.04" clip-path="url(#clip0_4018_16537)">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M621 -0.00390625C506.463 285.064 258.06 133.205 63.4795 202.474C120.06 42.623 222.18 13.317 336.721 11.9849C422.28 10.6528 542.342 19.9775 621 -0.00390625Z" fill="#F8F8F8" />
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M426.423 206.469C338.102 424.931 149.041 303.71 0 356.995C77.2817 138.532 253.922 250.428 426.423 206.469Z" fill="#F8F8F8" />
|
d="M621 -0.00390625C506.463 285.064 258.06 133.205 63.4795 202.474C120.06 42.623 222.18 13.317 336.721 11.9849C422.28 10.6528 542.342 19.9775 621 -0.00390625Z"
|
||||||
|
fill="#F8F8F8"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
|
d="M426.423 206.469C338.102 424.931 149.041 303.71 0 356.995C77.2817 138.532 253.922 250.428 426.423 206.469Z"
|
||||||
|
fill="#F8F8F8"/>
|
||||||
</g>
|
</g>
|
||||||
<defs>
|
<defs>
|
||||||
<clipPath id="clip0_4018_16537">
|
<clipPath id="clip0_4018_16537">
|
||||||
<rect width="621" height="357" fill="white" />
|
<rect width="621" height="357" fill="white"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -41,13 +65,71 @@
|
|||||||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo' : 'light_logo'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo' : 'light_logo'); ?>
|
||||||
</a>
|
</a>
|
||||||
<div class="mt-[12px]"> <?php get_template_part('template-parts/la-components/language-switcher'); ?></div>
|
<div class="mt-[12px]"> <?php get_template_part('template-parts/la-components/language-switcher'); ?></div>
|
||||||
<button data-modal="time"
|
<div class="hidden max-[800px]:block mt-[24px]">
|
||||||
class="mt-[24px] text-[#222] dark:text-[#f8f8f8] dark:border-[rgba(248,_248,_248,_0.2)] font-[600] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer border border-[#e0e0e0] rounded-[90px]"
|
<div class="flex w-full flex-wrap gap-y-[16px] gap-x-[40px]"> <?php
|
||||||
>
|
$menu_items = get_simple_menu_items();
|
||||||
<span class="dark:bg-[#f8f8f8] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
foreach ($menu_items as $item):
|
||||||
Расписание
|
?>
|
||||||
</button>
|
<a class="!no-underline text-[#222] dark:text-[#f8f8f8] dark:hover:text-[#c7c7c7] hover:text-[#555] hover:text-[#555] font-[600] leading-[125%] text-[16px]"
|
||||||
<div class="mt-[24px] text-[#222] dark:text-[#f8f8f8] text-[14px] leading-[125%] font-[600]">
|
href="<?php echo esc_url($item['url']); ?>">
|
||||||
|
<?php echo esc_html($item['title']); ?>
|
||||||
|
</a>
|
||||||
|
<?php endforeach; ?></div>
|
||||||
|
</div>
|
||||||
|
<div class="hidden max-[1000px]:flex mt-[24px] flex items-center gap-[12px] text-[#222] dark:text-[#f8f8f8]">
|
||||||
|
<div class="leading-[145%] inline-flex text-[16px] font-[600]">
|
||||||
|
<p>г. Томск, </p>
|
||||||
|
<p>ул. Красноармейская, 120</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="max-[1000px]:block hidden mt-[12px] text-[#222] dark:text-[#f8f8f8] text-[14px] leading-[125%] font-[600]">
|
||||||
|
<?php
|
||||||
|
|
||||||
|
$work_time = get_field('work_time', 'option');
|
||||||
|
echo $work_time[get_current_room()];
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<div class="hidden max-[1000px]:flex mt-[12px] justify-between flex-wrap items-center gap-[6px]">
|
||||||
|
<a class="font-[700] dark:hover:text-[#c7c7c7] hover:text-[#555] text-[24px] leading-[125%] !decoration-transparent text-[#222] dark:text-[#f8f8f8] transition-colors"
|
||||||
|
href="tel:+783822990019">
|
||||||
|
+7 (3822) 99-00-19
|
||||||
|
</a>
|
||||||
|
<div class="flex gap-[4px]">
|
||||||
|
<a class="[&>img]:w-[30px] dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="https://t.me/FakelGym_bot">
|
||||||
|
<?php display_icon(get_current_room() === 'gym' ? 'tg_dark' : 'tg'); ?>
|
||||||
|
</a>
|
||||||
|
<a class="[&>img]:w-[30px] dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="https://wa.me/79832321319">
|
||||||
|
<?php display_icon(get_current_room() === 'gym' ? 'whatsapp_dark' : 'whatsapp'); ?>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex gap-[12px] items-center mt-[24px] ">
|
||||||
|
<?php
|
||||||
|
$page = get_page_by_path('lk');
|
||||||
|
?>
|
||||||
|
<a href="
|
||||||
|
<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>
|
||||||
|
"
|
||||||
|
class="max-[768px]:px-[14px] max-[768px]:text-[14px] !no-underline max-[1000px]:flex hidden font-[600] dark:text-[#222] text-[#f8f8f8] dark-gradient-hover dark:!bg-none dark:!bg-[#f8f8f8] gap-[8px] h-[44px] px-[20px] items-center cursor-pointer rounded-[90px]"
|
||||||
|
>
|
||||||
|
<svg class="min-w-fit" width="16" height="17" viewBox="0 0 16 17" fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path class="dark:fill-[#222222] fill-[#f8f8f8]"
|
||||||
|
d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Личный кабинет
|
||||||
|
</a>
|
||||||
|
<button data-modal="time"
|
||||||
|
class="dark:hidden max-[768px]:px-[14px] max-[768px]:text-[14px] text-[#222] dark:text-[#f8f8f8] dark:border-[rgba(248,_248,_248,_0.2)] font-[600] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer border border-[#e0e0e0] rounded-[90px]"
|
||||||
|
>
|
||||||
|
<span class="dark:bg-[#f8f8f8] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
||||||
|
Расписание
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="max-[1000px]:hidden mt-[24px] text-[#222] dark:text-[#f8f8f8] text-[14px] leading-[125%] font-[600]">
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
$work_time = get_field('work_time', 'option');
|
$work_time = get_field('work_time', 'option');
|
||||||
@@ -56,7 +138,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div class="max-[800px]:hidden">
|
||||||
<div class="flex w-full max-w-[424px] flex-wrap gap-y-[16px] gap-x-[40px]"> <?php
|
<div class="flex w-full max-w-[424px] flex-wrap gap-y-[16px] gap-x-[40px]"> <?php
|
||||||
$menu_items = get_simple_menu_items();
|
$menu_items = get_simple_menu_items();
|
||||||
foreach ($menu_items as $item):
|
foreach ($menu_items as $item):
|
||||||
@@ -68,16 +150,24 @@
|
|||||||
<?php endforeach; ?></div>
|
<?php endforeach; ?></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-col items-end">
|
<div class="max-[1000px]:hidden flex flex-col items-end">
|
||||||
<button
|
<?php
|
||||||
class="font-[600] dark:text-[#222] text-[#f8f8f8] dark-gradient-hover dark:!bg-none dark:!bg-[#f8f8f8] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer rounded-[90px]"
|
$page = get_page_by_path('lk');
|
||||||
|
?>
|
||||||
|
<a href="
|
||||||
|
<?php
|
||||||
|
echo get_permalink(pll_get_post($page->ID, pll_current_language()) ?: $page->ID);
|
||||||
|
?>
|
||||||
|
"
|
||||||
|
class="!no-underline font-[600] dark:text-[#222] text-[#f8f8f8] dark-gradient-hover dark:!bg-none dark:!bg-[#f8f8f8] flex gap-[8px] h-[44px] px-[20px] items-center cursor-pointer rounded-[90px]"
|
||||||
>
|
>
|
||||||
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path class="dark:fill-[#222222] fill-[#f8f8f8]" d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z"
|
<path class="dark:fill-[#222222] fill-[#f8f8f8]"
|
||||||
/>
|
d="M8 0.5C9.06087 0.5 10.0783 0.921427 10.8284 1.67157C11.5786 2.42172 12 3.43913 12 4.5C12 5.56087 11.5786 6.57828 10.8284 7.32843C10.0783 8.07857 9.06087 8.5 8 8.5C6.93913 8.5 5.92172 8.07857 5.17157 7.32843C4.42143 6.57828 4 5.56087 4 4.5C4 3.43913 4.42143 2.42172 5.17157 1.67157C5.92172 0.921427 6.93913 0.5 8 0.5ZM8 10.5C12.42 10.5 16 12.29 16 14.5V16.5H0V14.5C0 12.29 3.58 10.5 8 10.5Z"
|
||||||
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
Личный кабинет
|
Личный кабинет
|
||||||
</button>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="mt-[24px] flex items-center gap-[12px] text-[#222] dark:text-[#f8f8f8]">
|
<div class="mt-[24px] flex items-center gap-[12px] text-[#222] dark:text-[#f8f8f8]">
|
||||||
@@ -93,10 +183,10 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-[12px] flex gap-[4px]">
|
<div class="mt-[12px] flex gap-[4px]">
|
||||||
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="#">
|
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="https://t.me/FakelGym_bot">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'tg_dark' : 'tg'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'tg_dark' : 'tg'); ?>
|
||||||
</a>
|
</a>
|
||||||
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="#">
|
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="https://wa.me/79832321319">
|
||||||
<?php display_icon(get_current_room() === 'gym' ? 'whatsapp_dark' : 'whatsapp'); ?>
|
<?php display_icon(get_current_room() === 'gym' ? 'whatsapp_dark' : 'whatsapp'); ?>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -104,14 +194,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-[#222] dark:text-[#f8f8f8] font-[500] text-[14px] leading-[125%] grid grid-cols-3 pt-[16px] pb-[16px] border-t border-[#e0e0e0]">
|
<div class="max-[768px]:grid-cols-1 max-[768px]:gap-[12px] max-[768px]:items-start max-[768px]:justify-start text-[#222] dark:text-[#f8f8f8] font-[500] text-[14px] leading-[125%] grid grid-cols-3 pt-[16px] pb-[16px] border-t border-[#e0e0e0]">
|
||||||
<div class="flex items-center">© 2025 fakelgym.ru. Все права защищены.</div>
|
<div class="flex items-center">© 2025 fakelgym.ru. Все права защищены.</div>
|
||||||
<div class="flex items-center justify-center">
|
<div class="flex items-center justify-center max-[768px]:justify-start">
|
||||||
<a class="hover:!no-underline skip-ink" href="/policy" target="_blank">
|
<a class="hover:!no-underline skip-ink" href="/policy" target="_blank">
|
||||||
Политика Конфиденциальности
|
Политика Конфиденциальности
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center justify-end">
|
<div class="flex items-center justify-end max-[768px]:justify-start">
|
||||||
<a href="https://vk.ru/fakelgym" target="_blank">
|
<a href="https://vk.ru/fakelgym" target="_blank">
|
||||||
|
|
||||||
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
* хлебные крошки
|
* хлебные крошки
|
||||||
*/
|
*/
|
||||||
|
|
||||||
// Проверяем, не объявлена ли уже функция
|
|
||||||
if (!function_exists('generate_yandex_breadcrumbs')) {
|
if (!function_exists('generate_yandex_breadcrumbs')) {
|
||||||
|
|
||||||
function generate_yandex_breadcrumbs()
|
function generate_yandex_breadcrumbs()
|
||||||
@@ -107,58 +107,61 @@ if (!function_exists('generate_yandex_breadcrumbs')) {
|
|||||||
);
|
);
|
||||||
|
|
||||||
// Кастомные таксономии
|
// Кастомные таксономии
|
||||||
} elseif (is_tax()) {
|
}
|
||||||
$term = get_queried_object();
|
// elseif (is_tax()) {
|
||||||
$taxonomy = $term->taxonomy;
|
// $term = get_queried_object();
|
||||||
|
// $taxonomy = $term->taxonomy;
|
||||||
// Архив типа поста для этой таксономии
|
//
|
||||||
$taxonomy_obj = get_taxonomy($taxonomy);
|
// // Архив типа поста для этой таксономии
|
||||||
if (!empty($taxonomy_obj->object_type)) {
|
// $taxonomy_obj = get_taxonomy($taxonomy);
|
||||||
$post_type = $taxonomy_obj->object_type[0];
|
// if (!empty($taxonomy_obj->object_type)) {
|
||||||
$post_type_obj = get_post_type_object($post_type);
|
// $post_type = $taxonomy_obj->object_type[0];
|
||||||
|
// $post_type_obj = get_post_type_object($post_type);
|
||||||
if ($post_type_obj && $post_type_obj->has_archive) {
|
//
|
||||||
$archive_link = get_post_type_archive_link($post_type);
|
// if ($post_type_obj && $post_type_obj->has_archive) {
|
||||||
if ($archive_link) {
|
// $archive_link = get_post_type_archive_link($post_type);
|
||||||
$breadcrumbs[] = array(
|
// if ($archive_link) {
|
||||||
"@type" => "ListItem",
|
// $breadcrumbs[] = array(
|
||||||
"position" => $position++,
|
// "@type" => "ListItem",
|
||||||
"name" => $clean_title($post_type_obj->labels->name),
|
// "position" => $position++,
|
||||||
"item" => $archive_link
|
// "name" => $clean_title($post_type_obj->labels->name),
|
||||||
);
|
// "item" => $archive_link
|
||||||
}
|
// );
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
|
// }
|
||||||
// Родительские термины для иерархических таксономий
|
//
|
||||||
if (is_taxonomy_hierarchical($taxonomy)) {
|
// // Родительские термины для иерархических таксономий
|
||||||
$parent_terms = array();
|
// if (is_taxonomy_hierarchical($taxonomy)) {
|
||||||
$parent_id = $term->parent;
|
// $parent_terms = array();
|
||||||
while ($parent_id) {
|
// $parent_id = $term->parent;
|
||||||
$parent_term = get_term($parent_id, $taxonomy);
|
// while ($parent_id) {
|
||||||
array_unshift($parent_terms, $parent_term);
|
// $parent_term = get_term($parent_id, $taxonomy);
|
||||||
$parent_id = $parent_term->parent;
|
// array_unshift($parent_terms, $parent_term);
|
||||||
}
|
// $parent_id = $parent_term->parent;
|
||||||
|
// }
|
||||||
foreach ($parent_terms as $parent_term) {
|
//
|
||||||
$breadcrumbs[] = array(
|
// foreach ($parent_terms as $parent_term) {
|
||||||
"@type" => "ListItem",
|
// $breadcrumbs[] = array(
|
||||||
"position" => $position++,
|
// "@type" => "ListItem",
|
||||||
"name" => $clean_title($parent_term->name),
|
// "position" => $position++,
|
||||||
"item" => get_term_link($parent_term)
|
// "name" => $clean_title($parent_term->name),
|
||||||
);
|
// /* "item" => get_term_link($parent_term)*/ // TODO: Ссылки на таксономии отключены
|
||||||
}
|
// "item" => $archive_link
|
||||||
}
|
// );
|
||||||
|
// }
|
||||||
$breadcrumbs[] = array(
|
// }
|
||||||
"@type" => "ListItem",
|
//
|
||||||
"position" => $position++,
|
// $breadcrumbs[] = array(
|
||||||
"name" => $clean_title($term->name),
|
// "@type" => "ListItem",
|
||||||
"item" => get_term_link($term)
|
// "position" => $position++,
|
||||||
);
|
// "name" => $clean_title($term->name),
|
||||||
|
// "item" => get_term_link($term)
|
||||||
// Отдельные посты
|
// );
|
||||||
} elseif (is_single()) {
|
//
|
||||||
|
// // Отдельные посты
|
||||||
|
// }
|
||||||
|
elseif (is_single()) {
|
||||||
global $post;
|
global $post;
|
||||||
$post_type = get_post_type($post);
|
$post_type = get_post_type($post);
|
||||||
|
|
||||||
@@ -226,39 +229,40 @@ if (!function_exists('generate_yandex_breadcrumbs')) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
if ($main_taxonomy) {
|
// if ($main_taxonomy) {
|
||||||
$terms = get_the_terms($post, $main_taxonomy);
|
// $terms = get_the_terms($post, $main_taxonomy);
|
||||||
if (!empty($terms) && !is_wp_error($terms)) {
|
// if (!empty($terms) && !is_wp_error($terms)) {
|
||||||
$main_term = $terms[0];
|
// $main_term = $terms[0];
|
||||||
|
//
|
||||||
// Родительские термины для иерархических таксономий
|
// // Родительские термины для иерархических таксономий
|
||||||
if (is_taxonomy_hierarchical($main_taxonomy)) {
|
// if (is_taxonomy_hierarchical($main_taxonomy)) {
|
||||||
$parent_terms = array();
|
// $parent_terms = array();
|
||||||
$parent_id = $main_term->parent;
|
// $parent_id = $main_term->parent;
|
||||||
while ($parent_id) {
|
// while ($parent_id) {
|
||||||
$parent_term = get_term($parent_id, $main_taxonomy);
|
// $parent_term = get_term($parent_id, $main_taxonomy);
|
||||||
array_unshift($parent_terms, $parent_term);
|
// array_unshift($parent_terms, $parent_term);
|
||||||
$parent_id = $parent_term->parent;
|
// $parent_id = $parent_term->parent;
|
||||||
}
|
// }
|
||||||
|
//
|
||||||
foreach ($parent_terms as $parent_term) {
|
// foreach ($parent_terms as $parent_term) {
|
||||||
$breadcrumbs[] = array(
|
// $breadcrumbs[] = array(
|
||||||
"@type" => "ListItem",
|
// "@type" => "ListItem",
|
||||||
"position" => $position++,
|
// "position" => $position++,
|
||||||
"name" => $clean_title($parent_term->name),
|
// "name" => $clean_title($parent_term->name),
|
||||||
"item" => get_term_link($parent_term)
|
// /* "item" => get_term_link($parent_term)*/
|
||||||
);
|
// "item" => $archive_link
|
||||||
}
|
// );
|
||||||
}
|
// }
|
||||||
|
// }
|
||||||
$breadcrumbs[] = array(
|
//
|
||||||
"@type" => "ListItem",
|
// $breadcrumbs[] = array(
|
||||||
"position" => $position++,
|
// "@type" => "ListItem",
|
||||||
"name" => $clean_title($main_term->name),
|
// "position" => $position++,
|
||||||
"item" => get_term_link($main_term)
|
// "name" => $clean_title($main_term->name),
|
||||||
);
|
// "item" => get_term_link($main_term)
|
||||||
}
|
// );
|
||||||
}
|
// }
|
||||||
|
// }
|
||||||
}
|
}
|
||||||
|
|
||||||
// Текущий пост
|
// Текущий пост
|
||||||
|
|||||||
@@ -26,8 +26,8 @@ function modal_system_container() {
|
|||||||
|
|
||||||
?>
|
?>
|
||||||
<div id="modal-overlay" class="fixed inset-0 bg-[rgba(0,0,0,0.5)] backdrop-blur-sm z-50 flex items-center justify-center p-4 opacity-0 invisible transition-all ">
|
<div id="modal-overlay" class="fixed inset-0 bg-[rgba(0,0,0,0.5)] backdrop-blur-sm z-50 flex items-center justify-center p-4 opacity-0 invisible transition-all ">
|
||||||
<div class="bg-[#f9f9f9] rounded-[20px] max-w-[970px] w-full max-h-[90vh] relative transform scale-90 transition-transform overflow-hidden">
|
<div id="modal-container" class="bg-[#f9f9f9] rounded-[20px] w-full max-h-[90vh] relative transform transition-transform overflow-hidden" style="max-width: 970px;">
|
||||||
<button id="modal-close" class="absolute top-4 right-4 z-10 w-8 h-8 flex items-center cursor-pointer justify-center rounded-full hover:bg-gray-100 transition-colors text-gray-500 hover:text-gray-700">
|
<button id="modal-close" class="absolute top-4 right-4 z-10 w-8 h-8 flex items-center cursor-pointer justify-center rounded-full hover:bg-gray-100 transition-colors text-black outline-none hover:text-gray-700">
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
@@ -91,6 +91,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
getLocalizedUrl(path) {
|
getLocalizedUrl(path) {
|
||||||
const htmlLang = document.documentElement.lang;
|
const htmlLang = document.documentElement.lang;
|
||||||
const currentLang = window.pll_current_language || this.getCurrentLangFromUrl();
|
const currentLang = window.pll_current_language || this.getCurrentLangFromUrl();
|
||||||
@@ -110,6 +111,11 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
return pathParts.length > 0 && languageCodes.includes(pathParts[0]) ? pathParts[0] : null;
|
return pathParts.length > 0 && languageCodes.includes(pathParts[0]) ? pathParts[0] : null;
|
||||||
},
|
},
|
||||||
|
|
||||||
|
getCurrentBranch() {
|
||||||
|
const isGymPage = window.location.pathname.includes('/gym/');
|
||||||
|
return isGymPage ? 'gym' : 'main';
|
||||||
|
},
|
||||||
|
|
||||||
open(modalName, params = {}) {
|
open(modalName, params = {}) {
|
||||||
const template = document.getElementById(`modal-template-${modalName}`);
|
const template = document.getElementById(`modal-template-${modalName}`);
|
||||||
if (!template) return;
|
if (!template) return;
|
||||||
@@ -156,6 +162,22 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const attrElements = this.content.querySelectorAll('[data-inject="card-attr"]');
|
||||||
|
attrElements.forEach(el => {
|
||||||
|
const parentDiv = el.closest('div');
|
||||||
|
|
||||||
|
if (params.cardAttr && params.cardAttr.trim() !== '') {
|
||||||
|
el.textContent = params.cardAttr;
|
||||||
|
if (parentDiv) {
|
||||||
|
parentDiv.style.display = 'flex';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (parentDiv) {
|
||||||
|
parentDiv.style.display = 'none';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
if (params.cardTime) {
|
if (params.cardTime) {
|
||||||
this.fillTimeInfo(JSON.parse(params.cardTime));
|
this.fillTimeInfo(JSON.parse(params.cardTime));
|
||||||
}
|
}
|
||||||
@@ -182,30 +204,46 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
},
|
},
|
||||||
|
|
||||||
fillPrices(prices, cardTitle, cardId) {
|
fillPrices(prices, cardTitle, cardId) {
|
||||||
Object.keys(prices).forEach(period => {
|
const priceOptions = this.content.querySelectorAll('.price-option');
|
||||||
const price = prices[period];
|
let firstAvailableOption = null;
|
||||||
if (!price.full || !price.day) return;
|
let firstAvailablePeriod = null;
|
||||||
|
let firstAvailablePrice = null;
|
||||||
|
|
||||||
const fullElements = this.content.querySelectorAll(`[data-inject="price-${period.replace('_', '-')}-full"]`);
|
priceOptions.forEach(option => {
|
||||||
const dayElements = this.content.querySelectorAll(`[data-inject="price-${period.replace('_', '-')}-day"]`);
|
const period = option.dataset.period;
|
||||||
|
const price = prices[period];
|
||||||
|
|
||||||
|
if (!price || !price.full || !price.day) {
|
||||||
|
option.classList.add('hidden');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
option.classList.remove('hidden');
|
||||||
|
|
||||||
|
const fullElements = option.querySelectorAll(`[data-inject="price-${period.replace('_', '-')}-full"]`);
|
||||||
|
const dayElements = option.querySelectorAll(`[data-inject="price-${period.replace('_', '-')}-day"]`);
|
||||||
|
|
||||||
fullElements.forEach(el => el.textContent = price.full);
|
fullElements.forEach(el => el.textContent = price.full);
|
||||||
dayElements.forEach(el => el.textContent = price.day);
|
dayElements.forEach(el => el.textContent = price.day);
|
||||||
});
|
|
||||||
|
|
||||||
this.content.querySelectorAll('.price-option').forEach(option => {
|
if (!firstAvailableOption) {
|
||||||
|
firstAvailableOption = option;
|
||||||
|
firstAvailablePeriod = period;
|
||||||
|
firstAvailablePrice = price;
|
||||||
|
}
|
||||||
|
|
||||||
option.addEventListener('click', () => {
|
option.addEventListener('click', () => {
|
||||||
const period = option.dataset.period;
|
this.selectPrice(option, period, price, cardTitle, cardId);
|
||||||
const price = prices[period];
|
|
||||||
if (price) {
|
|
||||||
this.selectPrice(option, period, price, cardTitle, cardId);
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
const firstOption = this.content.querySelector('.price-option');
|
if (firstAvailableOption) {
|
||||||
if (firstOption && prices['1_month']) {
|
this.selectPrice(firstAvailableOption, firstAvailablePeriod, firstAvailablePrice, cardTitle, cardId);
|
||||||
this.selectPrice(firstOption, '1_month', prices['1_month'], cardTitle, cardId);
|
} else {
|
||||||
|
const priceContainer = this.content.querySelector('#price-options');
|
||||||
|
if (priceContainer) {
|
||||||
|
priceContainer.innerHTML = '<p class="text-center text-gray-500">Цены временно недоступны</p>';
|
||||||
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -259,13 +297,6 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
this.overlay.classList.remove('opacity-0', 'invisible');
|
this.overlay.classList.remove('opacity-0', 'invisible');
|
||||||
this.overlay.classList.add('opacity-100', 'visible');
|
this.overlay.classList.add('opacity-100', 'visible');
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
if (this.container) {
|
|
||||||
this.container.classList.remove('scale-90');
|
|
||||||
this.container.classList.add('scale-100');
|
|
||||||
}
|
|
||||||
}, 10);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
if (this.closeBtn) this.closeBtn.focus();
|
if (this.closeBtn) this.closeBtn.focus();
|
||||||
}, 350);
|
}, 350);
|
||||||
@@ -274,6 +305,13 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
close() {
|
close() {
|
||||||
if (this.modalStack.length === 0) return;
|
if (this.modalStack.length === 0) return;
|
||||||
|
|
||||||
|
const currentModal = this.modalStack[this.modalStack.length - 1];
|
||||||
|
|
||||||
|
if (currentModal.name === 'welcome-branch') {
|
||||||
|
const currentBranch = this.getCurrentBranch();
|
||||||
|
localStorage.setItem('branch_choice_made', currentBranch);
|
||||||
|
}
|
||||||
|
|
||||||
this.modalStack.pop();
|
this.modalStack.pop();
|
||||||
|
|
||||||
if (this.modalStack.length > 0) {
|
if (this.modalStack.length > 0) {
|
||||||
@@ -288,9 +326,6 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
hide() {
|
hide() {
|
||||||
if (!this.container || !this.overlay) return;
|
if (!this.container || !this.overlay) return;
|
||||||
|
|
||||||
this.container.classList.remove('scale-100');
|
|
||||||
this.container.classList.add('scale-90');
|
|
||||||
|
|
||||||
this.overlay.classList.remove('opacity-100', 'visible');
|
this.overlay.classList.remove('opacity-100', 'visible');
|
||||||
this.overlay.classList.add('opacity-0', 'invisible');
|
this.overlay.classList.add('opacity-0', 'invisible');
|
||||||
|
|
||||||
@@ -303,4 +338,71 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
ModalSystem.init();
|
ModalSystem.init();
|
||||||
|
|
||||||
|
function checkWelcomeModal() {
|
||||||
|
const isHomePage = window.location.pathname === '/' || window.location.pathname === '';
|
||||||
|
const isGymPage = window.location.pathname.includes('/gym/');
|
||||||
|
const hasChoiceMade = localStorage.getItem('branch_choice_made');
|
||||||
|
|
||||||
|
if ((isHomePage || isGymPage) && !hasChoiceMade) {
|
||||||
|
setTimeout(function() {
|
||||||
|
ModalSystem.open('welcome-branch');
|
||||||
|
}, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
if (e.target.closest('.branch-card')) {
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
const branchCard = e.target.closest('.branch-card');
|
||||||
|
const branch = branchCard.dataset.branch;
|
||||||
|
|
||||||
|
if (!branch) return;
|
||||||
|
|
||||||
|
localStorage.setItem('branch_choice_made', branch);
|
||||||
|
|
||||||
|
branchCard.classList.add('selecting');
|
||||||
|
const button = branchCard.querySelector('button');
|
||||||
|
if (button) {
|
||||||
|
button.querySelector('span').textContent = 'Переходим...';
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeout(function() {
|
||||||
|
const isHomePage = window.location.pathname === '/' || window.location.pathname === '';
|
||||||
|
const isGymPage = window.location.pathname.includes('/gym/');
|
||||||
|
|
||||||
|
if (branch === 'gym') {
|
||||||
|
if (isGymPage) {
|
||||||
|
ModalSystem.close();
|
||||||
|
} else {
|
||||||
|
window.location.href = '/gym/';
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (isHomePage) {
|
||||||
|
ModalSystem.close();
|
||||||
|
} else {
|
||||||
|
window.location.href = '/';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}, 500);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener('click', function(e) {
|
||||||
|
const branchCard = e.target.closest('.branch-card');
|
||||||
|
if (branchCard && !e.target.closest('.select-branch-btn')) {
|
||||||
|
document.querySelectorAll('.branch-card').forEach(function(card) {
|
||||||
|
card.classList.remove('selected');
|
||||||
|
});
|
||||||
|
branchCard.classList.add('selected');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
checkWelcomeModal();
|
||||||
|
|
||||||
|
window.resetBranchChoice = function() {
|
||||||
|
localStorage.removeItem('branch_choice_made');
|
||||||
|
};
|
||||||
|
|
||||||
});
|
});
|
||||||
@@ -3,6 +3,7 @@
|
|||||||
/**
|
/**
|
||||||
* Переключает язык (регионы) необходим плагин Polylang
|
* Переключает язык (регионы) необходим плагин Polylang
|
||||||
* Поддерживает множественные вызовы на одной странице
|
* Поддерживает множественные вызовы на одной странице
|
||||||
|
* Исправлена проблема с архивами кастомных типов записей
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
|
||||||
@@ -25,6 +26,11 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
padding: 6px;
|
padding: 6px;
|
||||||
gap: 4px;
|
gap: 4px;
|
||||||
}
|
}
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.pl-lang-switcher-container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.dark .pl-lang-switcher-container {
|
.dark .pl-lang-switcher-container {
|
||||||
border: 1px solid rgba(248, 248, 248, 0.05);
|
border: 1px solid rgba(248, 248, 248, 0.05);
|
||||||
@@ -58,6 +64,14 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.pl-lang-switcher-button,
|
||||||
|
.pl-lang-switcher-container a{
|
||||||
|
flex-grow: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
.dark .pl-lang-switcher-button,
|
.dark .pl-lang-switcher-button,
|
||||||
.dark .pl-lang-switcher-container a {
|
.dark .pl-lang-switcher-container a {
|
||||||
color: #b9b7b9;
|
color: #b9b7b9;
|
||||||
@@ -100,11 +114,41 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
$class = $is_current ? 'pl-lang-switcher-current' : '';
|
$class = $is_current ? 'pl-lang-switcher-current' : '';
|
||||||
|
|
||||||
$lang_url = '';
|
$lang_url = '';
|
||||||
if (function_exists('pll_home_url')) {
|
|
||||||
if (is_singular() && function_exists('pll_get_post')) {
|
|
||||||
$translated_post_id = pll_get_post(get_the_ID(), $lang_slug);
|
if (is_singular() && function_exists('pll_get_post')) {
|
||||||
if ($translated_post_id) {
|
$translated_post_id = pll_get_post(get_the_ID(), $lang_slug);
|
||||||
$lang_url = get_permalink($translated_post_id);
|
if ($translated_post_id) {
|
||||||
|
$lang_url = get_permalink($translated_post_id);
|
||||||
|
} else {
|
||||||
|
$lang_url = pll_home_url($lang_slug);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
elseif (is_post_type_archive()) {
|
||||||
|
$post_type = get_post_type();
|
||||||
|
if ($post_type && function_exists('pll_get_post_type_archive_link')) {
|
||||||
|
$lang_url = pll_get_post_type_archive_link($post_type, $lang_slug);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (empty($lang_url)) {
|
||||||
|
$archive_link = get_post_type_archive_link($post_type);
|
||||||
|
if ($archive_link) {
|
||||||
|
|
||||||
|
$lang_url = str_replace(home_url(), pll_home_url($lang_slug), $archive_link);
|
||||||
|
} else {
|
||||||
|
$lang_url = pll_home_url($lang_slug);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
elseif (is_tax() || is_category() || is_tag()) {
|
||||||
|
$queried_object = get_queried_object();
|
||||||
|
if ($queried_object && function_exists('pll_get_term')) {
|
||||||
|
$translated_term = pll_get_term($queried_object->term_id, $lang_slug);
|
||||||
|
if ($translated_term) {
|
||||||
|
$lang_url = get_term_link($translated_term);
|
||||||
} else {
|
} else {
|
||||||
$lang_url = pll_home_url($lang_slug);
|
$lang_url = pll_home_url($lang_slug);
|
||||||
}
|
}
|
||||||
@@ -113,6 +157,39 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
elseif (is_archive()) {
|
||||||
|
|
||||||
|
if (is_author()) {
|
||||||
|
$author = get_queried_object();
|
||||||
|
if ($author) {
|
||||||
|
$author_posts_url = get_author_posts_url($author->ID);
|
||||||
|
$lang_url = str_replace(home_url(), pll_home_url($lang_slug), $author_posts_url);
|
||||||
|
} else {
|
||||||
|
$lang_url = pll_home_url($lang_slug);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
elseif (is_date()) {
|
||||||
|
$current_url = home_url(add_query_arg(array(), $wp->request));
|
||||||
|
$lang_url = str_replace(home_url(), pll_home_url($lang_slug), $current_url);
|
||||||
|
}
|
||||||
|
|
||||||
|
else {
|
||||||
|
$lang_url = pll_home_url($lang_slug);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
else {
|
||||||
|
if (function_exists('pll_home_url')) {
|
||||||
|
$lang_url = pll_home_url($lang_slug);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
if (empty($lang_url)) {
|
||||||
|
$lang_url = pll_home_url($lang_slug);
|
||||||
|
}
|
||||||
|
|
||||||
$lang_name = '';
|
$lang_name = '';
|
||||||
if (function_exists('pll_languages_list')) {
|
if (function_exists('pll_languages_list')) {
|
||||||
$lang_names = pll_languages_list(array('fields' => 'name'));
|
$lang_names = pll_languages_list(array('fields' => 'name'));
|
||||||
@@ -127,12 +204,24 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
$lang_name = strtoupper($lang_slug);
|
$lang_name = strtoupper($lang_slug);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Замена названий языков на кастомные
|
||||||
|
$custom_lang_names = array(
|
||||||
|
'Fakel Fitness' => 'Фитнес-центр',
|
||||||
|
'Fakel Gym' => 'Зал силовых'
|
||||||
|
);
|
||||||
|
|
||||||
|
if (isset($custom_lang_names[$lang_name])) {
|
||||||
|
$display_name = $custom_lang_names[$lang_name];
|
||||||
|
} else {
|
||||||
|
$display_name = $lang_name;
|
||||||
|
}
|
||||||
|
|
||||||
echo sprintf(
|
echo sprintf(
|
||||||
'<a href="%s" class="%s" data-lang="%s">%s</a>',
|
'<a href="%s" class="%s" data-lang="%s">%s</a>',
|
||||||
esc_url($lang_url),
|
esc_url($lang_url),
|
||||||
esc_attr($class),
|
esc_attr($class),
|
||||||
esc_attr($lang_slug),
|
esc_attr($lang_slug),
|
||||||
esc_html($lang_name)
|
esc_html($display_name)
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -141,7 +230,6 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
// Инициализируем все переключатели языков на странице
|
|
||||||
const containers = document.querySelectorAll('.pl-lang-switcher-container[data-switcher-id="<?php echo $unique_id; ?>"]');
|
const containers = document.querySelectorAll('.pl-lang-switcher-container[data-switcher-id="<?php echo $unique_id; ?>"]');
|
||||||
|
|
||||||
containers.forEach(function(container) {
|
containers.forEach(function(container) {
|
||||||
@@ -209,7 +297,6 @@ $unique_id = 'plLangSwitcher' . $instance_counter;
|
|||||||
|
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
|
|
||||||
// Обновляем только в текущем контейнере
|
|
||||||
container.querySelectorAll('a').forEach(a => a.classList.remove('pl-lang-switcher-current'));
|
container.querySelectorAll('a').forEach(a => a.classList.remove('pl-lang-switcher-current'));
|
||||||
link.classList.add('pl-lang-switcher-current');
|
link.classList.add('pl-lang-switcher-current');
|
||||||
|
|
||||||
|
|||||||
@@ -4,84 +4,95 @@ $page_title = get_the_title() ?: 'Главная страница';
|
|||||||
$hidden_value = "Страница: {$page_title} | URL: {$current_url}";
|
$hidden_value = "Страница: {$page_title} | URL: {$current_url}";
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<div class="p-[40px] max-[768px]:p-[20px]">
|
<div class="max-[1050px]:p-[24px] p-[40px]">
|
||||||
<h3 class="font-[500] text-[40px] leading-[120%] text-[#222]">
|
<div class="max-[768px]:gap-[6px] max-[768px]:items-start max-[768px]:justify-start max-[768px]:flex-col-reverse flex items-center gap-[24px]">
|
||||||
Оформить карту “<span class="font-[700]" data-inject="card-title">не выбрана</span>”
|
<h3 class="max-[1050px]:text-[30px] max-[768px]:text-[24px] font-[500] text-[40px] leading-[120%] text-[#222]">
|
||||||
</h3>
|
Оформить карту “<span class="font-[700]" data-inject="card-title">не выбрана</span>”
|
||||||
|
</h3>
|
||||||
|
<div class="px-[12px] py-[4px] rounded-[32px] bg-[linear-gradient(90deg,_#ffd65a_39.42%,_#ffe595_92.9%)]">
|
||||||
|
<span data-inject="card-attr" class="font-[600] text-[14px] leading-[125%]">
|
||||||
|
-
|
||||||
|
</span>
|
||||||
|
|
||||||
<div class="bg-[#fff] max-w-fit px-[20px] rounded-[8px] h-[74px] flex items-center mt-[32px] gap-[24px]"
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="bg-[#fff] max-w-fit px-[20px] max-[768px]:px-[14px] rounded-[8px] py-[8px] flex items-center max-[1050px]:mt-[16px] mt-[32px] gap-[24px]"
|
||||||
id="card-time-info">
|
id="card-time-info">
|
||||||
<h4 class="font-[600] text-[24px] leading-[125%] text-[#222] ">Время посещений</h4>
|
<h4 class="max-[768px]:hidden max-[1050px]:text-[14px] font-[600] text-[24px] leading-[125%] text-[#222] ">Время
|
||||||
<svg width="2" height="50" viewBox="0 0 2 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
посещений</h4>
|
||||||
|
<svg class="max-[768px]:hidden" width="2" height="50" viewBox="0 0 2 50" fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect x="0.5" width="1" height="50" fill="#E0E0E0"/>
|
<rect x="0.5" width="1" height="50" fill="#E0E0E0"/>
|
||||||
</svg>
|
</svg>
|
||||||
<div class="flex flex-col gap-[4px] font-[500] text-[16px] leading-[145%] text-[#222]">
|
<div class="flex flex-col gap-[4px] font-[500] text-[16px] leading-[145%] text-[#222]">
|
||||||
<span>Будние дни: <strong data-inject="normal-days">-</strong></span>
|
<span>Будние дни: <strong data-inject="normal-days">-</strong></span>
|
||||||
<span>Выходные: <strong data-inject="vacation-days">-</strong></span>
|
<span class="inline-flex flex-wrap">Выходные и праздничные дни: <strong
|
||||||
|
data-inject="vacation-days">-</strong></span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mt-[32px]">
|
<div class="max-[1050px]:mt-[16px] mt-[32px]">
|
||||||
<div id="price-options" class="flex flex-wrap gap-[4px] justify-between">
|
<div id="price-options"
|
||||||
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
class="max-[1050px]:justify-start max-[1050px]:gap-[8px] flex overflow-x-auto overflow-y-hidden gap-[6px]">
|
||||||
|
<div class=" max-[1050px]:min-w-[120px] max-[1050px]:h-[83px] price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
||||||
data-period="1_month">
|
data-period="1_month">
|
||||||
<div class="text-center flex flex-col gap-[6px]">
|
<div class="text-center flex flex-col gap-[6px]">
|
||||||
<div class="font-[600] text-[24px] leading-[125%]">1 месяц</div>
|
<div class="max-[1050px]:text-[14px] font-[600] text-[24px] leading-[125%]">1 месяц</div>
|
||||||
<div class="font-[700] text-[32px] leading-[115%]">
|
<div class="max-[1050px]:text-[20px] font-[700] text-[32px] leading-[115%]">
|
||||||
<span data-inject="price-1-month-full">-</span> ₽
|
<span data-inject="price-1-month-full">-</span> ₽
|
||||||
</div>
|
</div>
|
||||||
<p class="font-[500] text-[20px] leading-[140%]">
|
<p class="max-[1050px]:text-[14px] font-[500] text-[20px] leading-[140%]">
|
||||||
<span data-inject="price-1-month-day">-</span> ₽ в день
|
<span data-inject="price-1-month-day">-</span> ₽ в день
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
<div class=" max-[1050px]:min-w-[120px] max-[1050px]:h-[83px] price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
||||||
data-period="3_month">
|
data-period="3_month">
|
||||||
<div class="text-center flex flex-col gap-[6px]">
|
<div class="text-center flex flex-col gap-[6px]">
|
||||||
<div class="font-[600] text-[24px] leading-[125%]">3 месяца</div>
|
<div class="max-[1050px]:text-[14px] font-[600] text-[24px] leading-[125%]">3 месяца</div>
|
||||||
<div class="font-[700] text-[32px] leading-[115%]">
|
<div class="max-[1050px]:text-[20px] font-[700] text-[32px] leading-[115%]">
|
||||||
<span data-inject="price-1-month-full">-</span> ₽
|
<span data-inject="price-3-month-full">-</span> ₽
|
||||||
</div>
|
</div>
|
||||||
<p class="font-[500] text-[20px] leading-[140%]">
|
<p class="max-[1050px]:text-[14px] font-[500] text-[20px] leading-[140%]">
|
||||||
<span data-inject="price-1-month-day">-</span> ₽ в день
|
<span data-inject="price-3-month-day">-</span> ₽ в день
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
<div class=" max-[1050px]:min-w-[120px] max-[1050px]:h-[83px] price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
||||||
data-period="6_month">
|
data-period="6_month">
|
||||||
<div class="text-center flex flex-col gap-[6px]">
|
<div class="text-center flex flex-col gap-[6px]">
|
||||||
<div class="font-[600] text-[24px] leading-[125%]">6 месяцев</div>
|
<div class="max-[1050px]:text-[14px] font-[600] text-[24px] leading-[125%]">6 месяцев</div>
|
||||||
<div class="font-[700] text-[32px] leading-[115%]">
|
<div class="max-[1050px]:text-[20px] font-[700] text-[32px] leading-[115%]">
|
||||||
<span data-inject="price-1-month-full">-</span> ₽
|
<span data-inject="price-6-month-full">-</span> ₽
|
||||||
</div>
|
</div>
|
||||||
<p class="font-[500] text-[20px] leading-[140%]">
|
<p class="max-[1050px]:text-[14px] font-[500] text-[20px] leading-[140%]">
|
||||||
<span data-inject="price-1-month-day">-</span> ₽ в день
|
<span data-inject="price-6-month-day">-</span> ₽ в день
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
<div class=" max-[1050px]:min-w-[120px] max-[1050px]:h-[83px] price-option [&_div]:text-[#f8f8f8] [&_p]:text-[#bcbcc0] w-full max-w-[213px] h-[147px] rounded-[12px] flex items-center justify-center flex-col cursor-pointer bg-[linear-gradient(180deg,_#f2f2f2_69.59%,_#ededed_100%)]"
|
||||||
data-period="12_month">
|
data-period="12_month">
|
||||||
<div class="text-center flex flex-col gap-[6px]">
|
<div class="text-center flex flex-col gap-[6px]">
|
||||||
<div class="font-[600] text-[24px] leading-[125%]">12 месяцев</div>
|
<div class="max-[1050px]:text-[14px] font-[600] text-[24px] leading-[125%]">12 месяцев</div>
|
||||||
<div class="font-[700] text-[32px] leading-[115%]">
|
<div class="max-[1050px]:text-[20px] font-[700] text-[32px] leading-[115%]">
|
||||||
<span data-inject="price-1-month-full">-</span> ₽
|
<span data-inject="price-12-month-full">-</span> ₽
|
||||||
</div>
|
</div>
|
||||||
<p class="font-[500] text-[20px] leading-[140%]">
|
<p class="max-[1050px]:text-[14px] font-[500] text-[20px] leading-[140%]">
|
||||||
<span data-inject="price-1-month-day">-</span> ₽ в день
|
<span data-inject="price-12-month-day">-</span> ₽ в день
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Выбранный тариф -->
|
<!-- Выбранный тариф -->
|
||||||
<div class="mt-[32px] font-[500] text-[20px] leading-[140%]">
|
<div class="max-[1050px]:mt-[16px] mt-[32px] max-[1050px]:text-[14px] font-[500] text-[20px] leading-[140%]">
|
||||||
Выбрано <span data-inject="card-title">-</span> на <span id="selected-period">-</span>
|
Выбрано: “<span data-inject="card-title">-</span>” на <span id="selected-period">-</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-block-wrapper mt-[32px]"
|
<div class="form-block-wrapper max-[1050px]:mt-[16px] mt-[32px]"
|
||||||
data-form-id="4"
|
data-form-id="4"
|
||||||
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
|
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
|
||||||
<?php echo do_shortcode('[fluentform id="4"]'); ?>
|
<?php echo do_shortcode('[fluentform id="4"]'); ?>
|
||||||
|
|||||||
16
template-parts/la-components/modals/modal-test-training.php
Normal file
16
template-parts/la-components/modals/modal-test-training.php
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
<?php
|
||||||
|
$current_url = home_url($_SERVER['REQUEST_URI']);
|
||||||
|
$page_title = get_the_title() ?: 'Главная страница';
|
||||||
|
$hidden_value = "Страница: {$page_title} | URL: {$current_url}";
|
||||||
|
?>
|
||||||
|
|
||||||
|
<div class="max-[1050px]:p-[24px] p-[40px]">
|
||||||
|
<p class="font-[700] text-[24px] leading-[125%] text-center">Пробная персональная тренировка <span
|
||||||
|
class="text-[#E21E24]">за 1200₽</span></p>
|
||||||
|
<p class="font-[500] text-[16px] leading-[145%] text-center mt-[12px]">Познакомимся, покажем зал и подберём
|
||||||
|
оптимальные для вас тренировки!</p>
|
||||||
|
<div class="form-block-wrapper max-[1050px]:mt-[16px] mt-[32px]"
|
||||||
|
data-hidden-value="<?php echo esc_attr($hidden_value); ?>">
|
||||||
|
<?php echo do_shortcode('[fluentform id="5"]'); ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@@ -1,13 +1,4 @@
|
|||||||
<?php
|
<?php
|
||||||
?>
|
?>
|
||||||
<div class="bg-white max-w-lg w-full">
|
|
||||||
<div class="p-6">
|
|
||||||
<h2 class="text-xl font-bold text-gray-900 mb-4">Расписание</h2>
|
|
||||||
|
|
||||||
<div class="flex justify-end mt-6">
|
<div id="mf_schedule_widget_cont_au1"></div>
|
||||||
<button data-modal-close class="border w-full">
|
|
||||||
Понятно
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
121
template-parts/la-components/modals/modal-welcome-branch.php
Normal file
121
template-parts/la-components/modals/modal-welcome-branch.php
Normal file
@@ -0,0 +1,121 @@
|
|||||||
|
<?php
|
||||||
|
/**
|
||||||
|
* Шаблон приветственной модалки для выбора зала
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
$gymBg = get_template_directory_uri() . '/assets/images/welcom-dark.png';
|
||||||
|
$fitnessBg = get_template_directory_uri() . '/assets/images/welcom-light.png';
|
||||||
|
?>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="max-[768px]:p-[20px] bg-[#e21e24] flex flex-col items-center justify-center py-[32px] px-[20px] gap-[16px]">
|
||||||
|
<svg width="100" height="16" viewBox="0 0 100 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<g clip-path="url(#clip0_2384_13059)">
|
||||||
|
<path d="M57.5345 15.9665C57.5345 15.9665 57.6027 15.7648 57.7731 15.395C57.9436 14.9917 58.1481 14.4875 58.3868 13.8488C58.6595 13.2102 58.9322 12.5043 59.2731 11.6976C59.614 10.8909 59.955 10.0506 60.2958 9.21018C60.6367 8.36986 60.9777 7.52954 61.3186 6.72281C61.6595 5.91609 61.9322 5.21021 62.205 4.57155C62.4777 3.9329 62.6822 3.4287 62.8527 3.02534C63.0231 2.62198 63.0913 2.45391 63.0913 2.45391C63.3981 1.78165 63.8754 1.27744 64.489 0.874086C65.1027 0.470723 65.7845 0.302656 66.5004 0.302656H81.0572L80.1368 2.48752C79.8299 3.19341 79.3868 3.76483 78.7391 4.1682C78.0913 4.60517 77.3754 4.80685 76.6254 4.80685H67.5572C67.1481 4.80685 66.8413 5.00853 66.6709 5.37828L66.2959 6.28584H74.0345L72.9436 8.90771C72.8073 9.24385 72.6027 9.51273 72.2959 9.71443C71.9891 9.91605 71.6823 10.0169 71.3072 10.0169H65.3754C64.9663 10.0169 64.6595 10.2186 64.489 10.5883L64.1141 11.4959H76.3527L75.4664 13.6471C75.1595 14.353 74.7163 14.9244 74.0686 15.3614C73.4209 15.7984 72.705 16.0001 71.9549 16.0001H57.5345V15.9665ZM45.6368 1.34467C45.7731 1.00854 45.9777 0.773243 46.2504 0.571563C46.5231 0.369883 46.864 0.269043 47.2049 0.269043H50.9208L48.4663 6.28584L48.5004 6.31945L54.5686 0.672403C54.8754 0.403496 55.1822 0.269043 55.5572 0.269043H61.5572L51.8413 9.34462C51.8754 9.41188 52.08 9.68076 52.4549 10.185C52.5913 10.3866 52.7959 10.6556 53.0345 10.9917C53.2731 11.2942 53.5458 11.6976 53.8867 12.1682C54.2277 12.6388 54.6026 13.1765 55.0799 13.8152C55.5231 14.4539 56.0686 15.1597 56.6481 16.0001H51.1595L46.8981 10.0842L44.9549 14.8573C44.8186 15.1934 44.614 15.4623 44.3072 15.664C44.0004 15.8656 43.6936 15.9665 43.3186 15.9665H39.6027L45.6368 1.34467ZM35.989 6.28584C36.1935 6.28584 36.364 6.185 36.4322 5.98332L36.9094 4.80685H29.9208C29.7163 4.80685 29.5458 4.90769 29.4777 5.10937L29.0004 6.28584H35.989ZM20.1367 15.9665L25.6594 2.58837C25.9663 1.88248 26.4095 1.31106 27.0231 0.907701C27.6368 0.504336 28.3527 0.269043 29.1367 0.269043H43.6595L38.1709 13.58C37.864 14.2858 37.4208 14.8573 36.7731 15.2943C36.1254 15.7312 35.4095 15.9329 34.6594 15.9329H32.3413L34.7959 9.94972H27.4663L25.4208 14.8573C25.2845 15.1934 25.08 15.4287 24.7731 15.6303C24.4663 15.832 24.1595 15.9329 23.7845 15.9329H20.1367V15.9665Z"
|
||||||
|
fill="white"/>
|
||||||
|
<path d="M5.13645 5.71449L6.39782 2.62206C6.70464 1.91617 7.14782 1.34475 7.79555 0.941391C8.44327 0.504414 9.15921 0.302734 9.90918 0.302734H12.2274L10.4546 4.60525L8.20464 10.1178C8.13646 10.2523 8.06827 10.3867 8.00009 10.5212L6.73873 13.6136C6.43191 14.3195 5.98873 14.8909 5.341 15.3279C4.69327 15.7649 3.97736 15.9665 3.22736 15.9665H0.90918L2.6819 11.664L4.9319 6.15146C5.00009 5.9834 5.06827 5.84894 5.13645 5.71449Z"
|
||||||
|
fill="white"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
|
d="M24.4319 0C21.6024 7.19326 15.466 3.36134 10.6592 5.10923C12.0569 1.07563 14.5796 0.336134 17.4092 0.30252C19.5228 0.268907 22.4888 0.504201 24.4319 0Z"
|
||||||
|
fill="white"/>
|
||||||
|
<path d="M99.0909 0.336348L93.6366 13.6136C93.3297 14.3195 92.8863 14.8909 92.2387 15.3279C91.5912 15.7649 90.8754 15.9666 90.125 15.9666H87.8072L92.3753 4.84054H91.6932C91.3863 4.84054 91.0794 4.90777 90.7733 5.04222C90.4664 5.17667 90.2278 5.37836 90.023 5.61365L81.3977 15.9666H75.5684L87.2954 1.7145C87.6369 1.27752 88.0795 0.941386 88.5913 0.672482C89.1023 0.437187 89.6478 0.302734 90.2278 0.302734H99.0909V0.336348Z"
|
||||||
|
fill="white"/>
|
||||||
|
<path fill-rule="evenodd" clip-rule="evenodd"
|
||||||
|
d="M19.6249 5.21045C17.4431 10.723 12.7726 7.66422 9.09082 9.00872C10.9999 3.49616 15.3636 6.31969 19.6249 5.21045Z"
|
||||||
|
fill="white"/>
|
||||||
|
</g>
|
||||||
|
<defs>
|
||||||
|
<clipPath id="clip0_2384_13059">
|
||||||
|
<rect width="98.1818" height="16" fill="white" transform="translate(0.90918)"/>
|
||||||
|
</clipPath>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
<h2 class="max-[768px]:text-[20px] text-center w-full max-w-[450px] font-[600] text-[32px] leading-[115%] text-[#fff]">
|
||||||
|
Какой из залов вас интересует?
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-2 max-[768px]:grid-cols-1">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="bg-cover bg-center cursor-pointer flex items-center justify-center h-[453px] max-[768px]:h-[352px] w-full branch-card group cursor-pointer transition-all"
|
||||||
|
style=background-image:url("<?php echo $gymBg ?>"
|
||||||
|
data-branch="gym">
|
||||||
|
|
||||||
|
<div class="max-[768px]:px-[12px] w-full max-w-[365px] flex flex-col gap-[27px] max-[768px]:gap-[16px] items-center justify-center">
|
||||||
|
<div class="flex flex-col gap-[27px] max-[768px]:gap-[16px] items-center justify-center">
|
||||||
|
<?php display_icon('dark_logo_name'); ?>
|
||||||
|
<h3 class="text-[24px] font-[600] leading-[125%] text-[#fff]">
|
||||||
|
Зал силовых
|
||||||
|
</h3>
|
||||||
|
<p class="max-[768px]:text-[14px] text-center text-[16px] leading-[145%] text-[#fff]">
|
||||||
|
Пространство для работы с весами и тренажерами в цоколе, без лишнего.
|
||||||
|
Идеально, если вам нужен лишь тренажерный зал.
|
||||||
|
</p>
|
||||||
|
<p class="max-[768px]:text-[16px] font-[600] text-[20px] leading-[115%] text-[#fff]">от 3 190₽/мес.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="max-[768px]:text-[16px] max-[768px]:h-[59px] cursor-pointer max-w-[290px] !no-underline transition red-gradient-hover gap-[12px] w-full rounded-[90px] flex items-center justify-center h-[75px]">
|
||||||
|
<span class="font-[600] text-[18px] leading-[195%] text-[#f8f8f8]">Зал силовых тренировок</span>
|
||||||
|
<svg 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 class="bg-cover bg-center cursor-pointer flex items-center justify-center h-[453px] max-[768px]:h-[352px] w-full branch-card group cursor-pointer transition-all"
|
||||||
|
style=background-image:url("<?php echo $fitnessBg ?>"
|
||||||
|
data-branch="fitness">
|
||||||
|
<div class="max-[768px]:px-[12px] w-full max-w-[365px] flex flex-col gap-[27px] max-[768px]:gap-[16px] items-center justify-center">
|
||||||
|
<div class="flex flex-col gap-[27px] max-[768px]:gap-[16px] items-center justify-center">
|
||||||
|
<?php display_icon('light_logo_name'); ?>
|
||||||
|
<h3 class="text-[24px] font-[600] leading-[125%] text-[#222]">
|
||||||
|
Комплексный фитнес-центр
|
||||||
|
</h3>
|
||||||
|
<p class="max-[768px]:text-[14px] text-center text-[16px] leading-[145%] text-[#222]">
|
||||||
|
Фитнес-центр с большой кардио-зоной, залами групповых программ, сауной, кафе, зоной релакса
|
||||||
|
и мн. др.
|
||||||
|
</p>
|
||||||
|
<p class="max-[768px]:text-[16px] font-[600] text-[20px] leading-[115%] text-[#222]">от 8 900₽/мес.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="max-[768px]:text-[16px] max-[768px]:h-[59px] cursor-pointer max-w-[290px] !no-underline transition red-gradient-hover gap-[12px] w-full rounded-[90px] flex items-center justify-center h-[75px]">
|
||||||
|
<span class="font-[600] text-[18px] leading-[195%] text-[#f8f8f8]"> Фитнес-центр</span>
|
||||||
|
<svg 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>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.branch-card.selected {
|
||||||
|
}
|
||||||
|
|
||||||
|
.branch-card.selecting {
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,7 +1,4 @@
|
|||||||
<?php
|
<?php
|
||||||
/**
|
|
||||||
* Навигационное меню с SEO
|
|
||||||
*/
|
|
||||||
|
|
||||||
$menu = wp_get_nav_menu_object('Шапка сайта');
|
$menu = wp_get_nav_menu_object('Шапка сайта');
|
||||||
|
|
||||||
@@ -16,7 +13,6 @@ if ($menu) {
|
|||||||
|
|
||||||
$current_region = 'RU';
|
$current_region = 'RU';
|
||||||
|
|
||||||
|
|
||||||
$navigation_schema = array(
|
$navigation_schema = array(
|
||||||
"@context" => "https://schema.org",
|
"@context" => "https://schema.org",
|
||||||
"@type" => "SiteNavigationElement",
|
"@type" => "SiteNavigationElement",
|
||||||
@@ -38,15 +34,20 @@ if ($menu) {
|
|||||||
|
|
||||||
<p class="screen-reader-text">Главное меню</p>
|
<p class="screen-reader-text">Главное меню</p>
|
||||||
|
|
||||||
<ul class="flex items-center h-full gap-[30px] justify-between nav-menu main-menu" role="menubar" aria-label="Главная навигация">
|
<ul class="max-[1300px]:gap-[16px] max-[1140px]:gap-[8px] max-[1050px]:gap-[16px] flex items-center h-full gap-[30px] justify-between nav-menu main-menu" role="menubar" aria-label="Главная навигация">
|
||||||
<?php
|
<?php
|
||||||
$position = 1;
|
$position = 1;
|
||||||
|
|
||||||
foreach ($menu_items as $index => $item) {
|
foreach ($menu_items as $index => $item) {
|
||||||
|
if ($current_lang === 'gym' && $item->type === 'post_type_archive' && $item->object === 'training') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
if ($item->type === 'taxonomy') {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
$url = $item->url;
|
$url = $item->url;
|
||||||
$title = $clean_title($item->title);
|
$title = $clean_title($item->title);
|
||||||
|
|
||||||
// Polylang обработка
|
|
||||||
if ($current_lang && $item->object == 'page' && function_exists('pll_get_post')) {
|
if ($current_lang && $item->object == 'page' && function_exists('pll_get_post')) {
|
||||||
$translated_page_id = pll_get_post($item->object_id, $current_lang);
|
$translated_page_id = pll_get_post($item->object_id, $current_lang);
|
||||||
if ($translated_page_id) {
|
if ($translated_page_id) {
|
||||||
@@ -58,13 +59,11 @@ if ($menu) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Дата изменения
|
|
||||||
$last_modified = '';
|
$last_modified = '';
|
||||||
if ($item->object == 'page') {
|
if ($item->object == 'page') {
|
||||||
$last_modified = get_the_modified_time('c', $item->object_id);
|
$last_modified = get_the_modified_time('c', $item->object_id);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Определение активного пункта
|
|
||||||
$is_current = false;
|
$is_current = false;
|
||||||
$aria_current = '';
|
$aria_current = '';
|
||||||
|
|
||||||
@@ -79,7 +78,6 @@ if ($menu) {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// CSS классы
|
|
||||||
$css_classes = array(
|
$css_classes = array(
|
||||||
'menu-item',
|
'menu-item',
|
||||||
'menu-item-' . $item->ID,
|
'menu-item-' . $item->ID,
|
||||||
@@ -98,7 +96,6 @@ if ($menu) {
|
|||||||
$css_classes = array_merge($css_classes, array_filter($item->classes));
|
$css_classes = array_merge($css_classes, array_filter($item->classes));
|
||||||
}
|
}
|
||||||
|
|
||||||
// Схема навигации
|
|
||||||
$page_data = array(
|
$page_data = array(
|
||||||
"@type" => "WebPage",
|
"@type" => "WebPage",
|
||||||
"name" => $title,
|
"name" => $title,
|
||||||
@@ -130,7 +127,6 @@ if ($menu) {
|
|||||||
</li>
|
</li>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Сепаратор
|
|
||||||
if ($index < count($menu_items) - 1): ?>
|
if ($index < count($menu_items) - 1): ?>
|
||||||
<li class="menu-separator" role="none" aria-hidden="true">
|
<li class="menu-separator" role="none" aria-hidden="true">
|
||||||
<span class="separator">
|
<span class="separator">
|
||||||
@@ -148,7 +144,6 @@ if ($menu) {
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
// Только схема навигации
|
|
||||||
?>
|
?>
|
||||||
<script type="application/ld+json">
|
<script type="application/ld+json">
|
||||||
<?php echo json_encode($navigation_schema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES); ?>
|
<?php echo json_encode($navigation_schema, JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES); ?>
|
||||||
|
|||||||
@@ -6,8 +6,11 @@ Template Name: Страница личного кабинета
|
|||||||
<?php
|
<?php
|
||||||
|
|
||||||
get_header(); ?>
|
get_header(); ?>
|
||||||
123321
|
<script type="text/javascript" async="async" id="mobifitness_personal_widget_script_ksm" src="//mobifitness.ru/personal-widget/js/code.js" data-div="mf_personal_widget_cont_ksm" data-test="0" data-debug="0" data-domain="mobifitness.ru" data-code="614482" data-version="v6" data-type="personal" data-language="" data-club="1325"></script>
|
||||||
<div id="mf_personal_widget_cont_ksm"></div>
|
|
||||||
|
|
||||||
|
<section class="mx-auto">
|
||||||
|
<div id="mf_personal_widget_cont_ksm"></div>
|
||||||
|
<div style="display: none" id="mf_schedule_widget_cont_au1"></div>
|
||||||
|
</section>
|
||||||
<?php
|
<?php
|
||||||
get_footer();
|
get_footer();
|
||||||
@@ -4,14 +4,14 @@
|
|||||||
*/
|
*/
|
||||||
get_header();
|
get_header();
|
||||||
?>
|
?>
|
||||||
<section class="py-[90px]">
|
<section class="max-[768px]:py-[40px] py-[90px]">
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<h2 class="font-[500] text-[32px] leading-[115%] text-center">
|
<h2 class="max-[1050px]:text-[28px] max-[768px]:text-[24px] font-[500] text-[32px] leading-[115%] text-center">
|
||||||
<strong>Подписывайтесь</strong> на нас:
|
<strong>Подписывайтесь</strong> на нас:
|
||||||
</h2>
|
</h2>
|
||||||
<div class="flex gap-[24px] flex-wrap justify-center mt-[40px]">
|
<div class="max-[768px]:mt-[24px] flex gap-[24px] flex-wrap justify-center mt-[40px]">
|
||||||
<?php $vk = get_field('vk'); ?>
|
<?php $vk = get_field('vk'); ?>
|
||||||
<div class="relative h-[580px] w-[424px] pb-[24px] flex flex-col px-[24px]">
|
<div class=" relative h-[580px] w-[424px] pb-[24px] flex flex-col px-[24px]">
|
||||||
<?php if ($vk) : ?>
|
<?php if ($vk) : ?>
|
||||||
<img class="w-full h-full rounded-[12px] object-cover absolute inset-0"
|
<img class="w-full h-full rounded-[12px] object-cover absolute inset-0"
|
||||||
src="<?php echo esc_url($vk['url']); ?>" alt="<?php echo esc_attr($vk['alt']); ?>"/>
|
src="<?php echo esc_url($vk['url']); ?>" alt="<?php echo esc_attr($vk['alt']); ?>"/>
|
||||||
|
|||||||
17
template-parts/time-template.php
Normal file
17
template-parts/time-template.php
Normal file
@@ -0,0 +1,17 @@
|
|||||||
|
<?php
|
||||||
|
/*
|
||||||
|
Template Name: Страница расписания
|
||||||
|
*/
|
||||||
|
?>
|
||||||
|
<?php
|
||||||
|
|
||||||
|
get_header(); ?>
|
||||||
|
<script type="text/javascript" async="async" id="mobifitness_personal_widget_script_ksm" src="//mobifitness.ru/personal-widget/js/code.js" data-div="mf_personal_widget_cont_ksm" data-test="0" data-debug="0" data-domain="mobifitness.ru" data-code="614482" data-version="v6" data-type="personal" data-language="" data-club="1325"></script>
|
||||||
|
<script type="text/javascript" async="async" id="mobifitness_personal_widget_script_au1" src="//mobifitness.ru/personal-widget/js/code.js" data-div="mf_schedule_widget_cont_au1" data-test="0" data-debug="0" data-domain="mobifitness.ru" data-code="614482" data-version="v6" data-type="schedule" data-language="" data-club="1325"></script>
|
||||||
|
|
||||||
|
<section class="mx-auto">
|
||||||
|
<div style="display: none" id="mf_personal_widget_cont_ksm"></div>
|
||||||
|
<div id="mf_schedule_widget_cont_au1"></div>
|
||||||
|
</section>
|
||||||
|
<?php
|
||||||
|
get_footer();
|
||||||
@@ -1,233 +0,0 @@
|
|||||||
<?php
|
|
||||||
/*
|
|
||||||
Template Name: Страница тренеров
|
|
||||||
*/
|
|
||||||
|
|
||||||
get_header();
|
|
||||||
|
|
||||||
if (!function_exists('get_trainers_for_current_language')) {
|
|
||||||
function get_trainers_for_current_language()
|
|
||||||
{
|
|
||||||
$current_lang = pll_current_language();
|
|
||||||
|
|
||||||
$args = array(
|
|
||||||
'post_type' => 'trainer',
|
|
||||||
'posts_per_page' => -1,
|
|
||||||
'lang' => $current_lang,
|
|
||||||
'post_status' => 'publish',
|
|
||||||
'sort' => 'menu_order',
|
|
||||||
'order' => 'ASC',
|
|
||||||
);
|
|
||||||
|
|
||||||
return get_posts($args);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$trainers = get_trainers_for_current_language();
|
|
||||||
|
|
||||||
$trainers_data = array();
|
|
||||||
if ($trainers) {
|
|
||||||
foreach ($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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
?>
|
|
||||||
|
|
||||||
<section class="py-[90px] pb-[45px]">
|
|
||||||
<div class="container mx-auto">
|
|
||||||
<?php if ($trainers_data): ?>
|
|
||||||
<div class="grid grid-cols-4 gap-[24px]">
|
|
||||||
<?php foreach ($trainers_data as $trainer_data): ?>
|
|
||||||
<?php $trainer = $trainer_data['post']; ?>
|
|
||||||
<a href="<?php echo get_permalink($trainer->ID); ?>" class="!no-underline group block">
|
|
||||||
<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="overflow-hidden 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 transition-transform"/>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
<div class="flex gap-[4px] absolute left-[12px] bottom-[16px] group-hover:text-[#e21e24]">
|
|
||||||
<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>
|
|
||||||
</a>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<section class="py-[90px] pt-[45px] radial-gradient">
|
|
||||||
<div class="container mx-auto">
|
|
||||||
<?php $team_photo = get_field('team_photo'); ?>
|
|
||||||
<?php if ($team_photo) : ?>
|
|
||||||
<img
|
|
||||||
class="rounded-[20px] w-full h-[620px] object-cover"
|
|
||||||
src="<?php echo esc_url($team_photo['url']); ?>"
|
|
||||||
alt="<?php echo esc_attr($team_photo['alt']); ?>"/>
|
|
||||||
<?php endif; ?>
|
|
||||||
<?php
|
|
||||||
$blocks = [
|
|
||||||
[
|
|
||||||
'svg' => '<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M19.7084 34.6648C19.4886 34.7747 19.2463 34.8318 19.0007 34.8318C18.755 34.8318 18.5127 34.7747 18.2929 34.6648L18.2866 34.6633L18.2739 34.6569L18.2343 34.6363C18.0057 34.5182 17.7787 34.3968 17.5535 34.2722C14.8741 32.7783 12.3564 31.0114 10.0406 28.9997C8.83735 27.9524 7.70983 26.8212 6.66648 25.6145C6.59119 25.5264 6.49773 25.4556 6.39251 25.4069C6.2873 25.3583 6.17282 25.333 6.0569 25.3327H3.16732C2.74739 25.3327 2.34466 25.1659 2.04773 24.8689C1.7508 24.572 1.58398 24.1693 1.58398 23.7493C1.58398 23.3294 1.7508 22.9267 2.04773 22.6298C2.34466 22.3328 2.74739 22.166 3.16732 22.166H9.50065C9.81704 22.1658 10.1261 22.0708 10.388 21.8933C10.6499 21.7158 10.8526 21.4639 10.97 21.1701L12.3728 17.6646C12.3962 17.6055 12.4367 17.5549 12.4892 17.5191C12.5418 17.4834 12.6038 17.4643 12.6673 17.4643C12.7308 17.4643 12.7929 17.4834 12.8454 17.5191C12.8979 17.5549 12.9385 17.6055 12.9618 17.6646L15.948 25.1284C16.0655 25.4223 16.2684 25.6741 16.5304 25.8516C16.7925 26.029 17.1017 26.1238 17.4181 26.1238C17.7346 26.1238 18.0438 26.029 18.3058 25.8516C18.5679 25.6741 18.7707 25.4223 18.8882 25.1284L20.6062 20.8313C20.6295 20.7722 20.6701 20.7215 20.7226 20.6858C20.7751 20.6501 20.8371 20.631 20.9007 20.631C20.9642 20.631 21.0262 20.6501 21.0787 20.6858C21.1312 20.7215 21.1718 20.7722 21.1952 20.8313L21.3313 21.1701C21.4487 21.4639 21.6514 21.7158 21.9133 21.8933C22.1752 22.0708 22.4843 22.1658 22.8007 22.166H25.334C25.7539 22.166 26.1566 21.9992 26.4536 21.7023C26.7505 21.4053 26.9173 21.0026 26.9173 20.5827C26.9173 20.1628 26.7505 19.76 26.4536 19.4631C26.1566 19.1662 25.7539 18.9993 25.334 18.9993H24.0863C24.0232 18.9991 23.9615 18.98 23.9093 18.9444C23.8571 18.9089 23.8168 18.8585 23.7934 18.7998L22.3716 15.2453C22.2541 14.9514 22.0512 14.6996 21.7891 14.5221C21.5271 14.3447 21.2179 14.2499 20.9014 14.2499C20.585 14.2499 20.2758 14.3447 20.0137 14.5221C19.7517 14.6996 19.5488 14.9514 19.4313 15.2453L17.7118 19.5424C17.6885 19.6015 17.6479 19.6522 17.5954 19.6879C17.5429 19.7236 17.4808 19.7427 17.4173 19.7427C17.3538 19.7427 17.2918 19.7236 17.2392 19.6879C17.1867 19.6522 17.1462 19.6015 17.1228 19.5424L14.1367 12.0802C14.0189 11.7868 13.816 11.5355 13.5541 11.3584C13.2923 11.1814 12.9834 11.0868 12.6673 11.0868C12.3512 11.0868 12.0424 11.1814 11.7805 11.3584C11.5186 11.5355 11.3158 11.7868 11.198 12.0802L8.42873 18.9993H3.16573C3.00493 19.0007 2.84774 18.9516 2.71625 18.8591C2.58477 18.7665 2.48559 18.635 2.43265 18.4832C1.87549 16.866 1.58875 15.1681 1.58398 13.4577C1.58398 11.1935 2.2569 8.66177 3.78957 6.65727C5.36182 4.6021 7.79699 3.16602 11.084 3.16602C14.3504 3.16602 16.6953 4.57677 18.1932 5.9606C18.4956 6.23927 18.7632 6.51635 19.0007 6.78393C19.2382 6.51635 19.5057 6.23927 19.8082 5.9606C21.3044 4.57677 23.6493 3.16602 26.9173 3.16602C30.2043 3.16602 32.6395 4.6021 34.2117 6.65727C35.7444 8.66177 36.4173 11.1935 36.4173 13.4577C36.4173 20.1013 32.0125 25.4514 27.9607 28.9981C25.491 31.1416 22.7925 33.0064 19.9142 34.5588L19.7686 34.6348L19.7274 34.6569L19.7147 34.6633L19.7084 34.6648Z" fill="url(#paint0_linear_2307_11127)" />
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 23C25.7554 23 24.8016 23.3951 24.0983 24.0983C23.3951 24.8016 23 25.7554 23 26.75V34.25C23 35.2446 23.3951 36.1984 24.0983 36.9017C24.8016 37.6049 25.7554 38 26.75 38H34.25C35.2446 38 36.1984 37.6049 36.9017 36.9017C37.6049 36.1984 38 35.2446 38 34.25V26.75C38 25.7554 37.6049 24.8016 36.9017 24.0983C36.1984 23.3951 35.2446 23 34.25 23H26.75ZM33.98 27.674C34.1327 27.8013 34.2286 27.9841 34.2466 28.1821C34.2646 28.3801 34.2032 28.5772 34.076 28.73L30.326 33.23C30.2612 33.3077 30.1814 33.3714 30.0914 33.4174C30.0013 33.4635 29.9029 33.4908 29.802 33.4978C29.7011 33.5048 29.5998 33.4914 29.5043 33.4582C29.4087 33.4251 29.3209 33.373 29.246 33.305L26.996 31.2597C26.8515 31.1253 26.7659 30.9393 26.7577 30.7421C26.7494 30.5449 26.8193 30.3524 26.952 30.2064C27.0847 30.0603 27.2697 29.9725 27.4667 29.9619C27.6638 29.9513 27.8571 30.0188 28.0048 30.1497L29.675 31.6685L32.924 27.77C33.0513 27.6173 33.2341 27.5214 33.4321 27.5034C33.6301 27.4854 33.8272 27.5468 33.98 27.674Z" fill="#E21E24" />
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="paint0_linear_2307_11127" x1="1.58398" y1="18.9989" x2="36.4173" y2="18.9989" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>',
|
|
||||||
'title' => 'Разные форматы — один подход',
|
|
||||||
'description' => 'Йога, пилатес, танцы, силовые, реабилитация — тренеры помогут найти тот формат, в котором телу и голове хорошо.'
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'svg' => '<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M6.69186 23.2314L15.0099 14.9134L16.9968 16.9025C17.9336 17.8441 19.1805 18.3628 20.5075 18.3628C21.8344 18.3628 23.0813 17.8441 24.0185 16.9021C25.9458 14.9651 25.9458 11.8135 24.0185 9.87645L20.9032 6.75288L22.4507 5.39193C26.3435 1.98061 32.2647 2.37093 35.676 6.2637C39.0873 10.1565 38.697 16.0776 34.8042 19.489L32.5808 21.5439L30.1124 19.0756C28.6763 17.6394 26.3395 17.6394 24.9034 19.0756C24.2185 19.7604 23.8374 20.6676 23.8257 21.6343C22.8983 21.6461 21.9747 22.0042 21.2687 22.7102C20.5624 23.4166 20.2042 24.3409 20.1928 25.2687C19.2649 25.2802 18.3406 25.6384 17.6342 26.3448C16.1981 27.7809 16.198 30.1177 17.6341 31.5538L19.611 33.5307L17.9391 35.0759C16.7985 36.0755 15.0635 35.9611 14.0639 34.8205C13.0644 33.6799 13.1787 31.9449 14.3194 30.9454C13.1788 31.9449 11.4438 31.8306 10.4443 30.6899C9.44471 29.5493 9.55908 27.8143 10.6997 26.8148L10.6996 26.8146C9.559 27.8142 7.82399 27.6999 6.82441 26.5592C5.96785 25.5817 6.01743 24.3477 6.69186 23.2314Z" fill="url(#paint0_linear_2307_11133)" />
|
|
||||||
<path d="M2.74495 4.98813C6.40498 1.32818 12.3389 1.32818 15.9989 4.98813L22.4407 11.4469C23.21 12.2201 23.4463 13.4103 23.0405 14.421C22.5991 15.5206 21.4621 16.2246 20.2806 16.1265C19.6291 16.0724 19.0153 15.7797 18.5577 15.314L15.0114 11.7636L5.63889 21.136L2.74503 18.242C-0.914996 14.5821 -0.914996 8.64808 2.74495 4.98813ZM29.6539 25.8855L26.4783 22.7099C26.3426 22.575 26.235 22.4144 26.1617 22.2376C26.0885 22.0608 26.0511 21.8712 26.0516 21.6798C26.0511 21.4885 26.0885 21.2989 26.1617 21.1221C26.235 20.9453 26.3426 20.7847 26.4783 20.6498C26.7622 20.3658 27.1354 20.2238 27.5083 20.2238C27.8814 20.2238 28.2544 20.3658 28.5384 20.6498L31.7139 23.8254C32.2797 24.3911 32.2815 25.3102 31.72 25.8788C31.7107 25.8879 31.7012 25.8966 31.6918 25.9056C31.4193 26.1674 31.063 26.3122 30.6839 26.3122C30.4925 26.3127 30.3029 26.2753 30.1261 26.202C29.9493 26.1288 29.7888 26.0212 29.6539 25.8855ZM26.0191 29.5202L22.8435 26.3446C22.7079 26.2097 22.6003 26.0491 22.5271 25.8723C22.4538 25.6955 22.4164 25.5059 22.4169 25.3146C22.4164 25.1232 22.4539 24.9336 22.5271 24.7568C22.6003 24.58 22.7079 24.4195 22.8435 24.2845C23.1187 24.0094 23.4845 23.8578 23.8736 23.8578C24.2627 23.8578 24.6286 24.0094 24.9037 24.2845L28.0793 27.4601C28.215 27.595 28.3226 27.7556 28.3958 27.9324C28.4691 28.1092 28.5065 28.2988 28.506 28.4902C28.5065 28.6804 28.4694 28.8689 28.3969 29.0449C28.3245 29.2208 28.218 29.3807 28.0837 29.5155C28.0777 29.5214 28.0714 29.527 28.0654 29.5329C27.4963 30.0874 26.5827 30.0837 26.0191 29.5202ZM22.3846 33.1548L19.209 29.9793C18.6411 29.4113 18.641 28.487 19.209 27.9191C19.4842 27.644 19.8499 27.4924 20.2391 27.4924C20.6282 27.4924 20.994 27.6439 21.2691 27.919L24.4447 31.0946C24.5804 31.2296 24.688 31.3901 24.7612 31.567C24.8345 31.7438 24.8719 31.9333 24.8714 32.1247C24.8719 32.3156 24.8347 32.5046 24.7618 32.681C24.6889 32.8574 24.5819 33.0176 24.4469 33.1524C24.4439 33.1554 24.4409 33.1581 24.4379 33.161C23.8693 33.7224 22.9504 33.7206 22.3846 33.1548Z" fill="url(#paint1_linear_2307_11133)" />
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 23C25.7554 23 24.8016 23.3951 24.0983 24.0983C23.3951 24.8016 23 25.7554 23 26.75V34.25C23 35.2446 23.3951 36.1984 24.0983 36.9017C24.8016 37.6049 25.7554 38 26.75 38H34.25C35.2446 38 36.1984 37.6049 36.9017 36.9017C37.6049 36.1984 38 35.2446 38 34.25V26.75C38 25.7554 37.6049 24.8016 36.9017 24.0983C36.1984 23.3951 35.2446 23 34.25 23H26.75ZM33.98 27.674C34.1327 27.8013 34.2286 27.9841 34.2466 28.1821C34.2646 28.3801 34.2032 28.5772 34.076 28.73L30.326 33.23C30.2612 33.3077 30.1814 33.3714 30.0914 33.4174C30.0013 33.4635 29.9029 33.4908 29.802 33.4978C29.7011 33.5048 29.5998 33.4914 29.5043 33.4582C29.4087 33.4251 29.3209 33.373 29.246 33.305L26.996 31.2597C26.8515 31.1253 26.7659 30.9393 26.7577 30.7421C26.7494 30.5449 26.8193 30.3524 26.952 30.2064C27.0847 30.0603 27.2697 29.9725 27.4667 29.9619C27.6638 29.9513 27.8571 30.0188 28.0048 30.1497L29.675 31.6685L32.924 27.77C33.0513 27.6173 33.2341 27.5214 33.4321 27.5034C33.6301 27.4854 33.8272 27.5468 33.98 27.674Z" fill="#E21E24" />
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="paint0_linear_2307_11133" x1="6.18359" y1="19.4126" x2="37.9996" y2="19.4126" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint1_linear_2307_11133" x1="0" y1="17.9119" x2="32.1397" y2="17.9119" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
</defs>
|
|
||||||
</svg>',
|
|
||||||
'title' => 'Вовлечение и забота',
|
|
||||||
'description' => 'Мы подстраиваемся под клиента. Здесь нет "неправильных тел" или "слишком поздно начинать".'
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'svg' => '<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_2307_11139)">
|
|
||||||
<path d="M21.7141 21.7139H16.2856C14.7865 21.7139 13.5713 22.9291 13.5713 24.4282V35.2853C13.5713 36.7844 14.7865 37.9996 16.2856 37.9996H21.7141C23.2132 37.9996 24.4284 36.7844 24.4284 35.2853V24.4282C24.4284 22.9291 23.2132 21.7139 21.7141 21.7139Z" fill="url(#paint0_linear_2307_11139)" />
|
|
||||||
<path d="M8.14286 25.7861H2.71429C1.21523 25.7861 0 27.0014 0 28.5004V35.2861C0 36.7852 1.21523 38.0004 2.71429 38.0004H8.14286C9.64192 38.0004 10.8571 36.7852 10.8571 35.2861V28.5004C10.8571 27.0014 9.64192 25.7861 8.14286 25.7861Z" fill="url(#paint1_linear_2307_11139)" />
|
|
||||||
<path d="M35.2854 14.9287H29.8569C28.3578 14.9287 27.1426 16.1439 27.1426 17.643V35.2859C27.1426 36.7849 28.3578 38.0001 29.8569 38.0001H35.2854C36.7845 38.0001 37.9997 36.7849 37.9997 35.2859V17.643C37.9997 16.1439 36.7845 14.9287 35.2854 14.9287Z" fill="url(#paint2_linear_2307_11139)" />
|
|
||||||
<path d="M5.42857 20.3571C5.54162 20.357 5.65422 20.3429 5.76379 20.3151C10.6214 19.0776 15.2952 17.2068 19.665 14.7508C24.4222 12.0625 28.7687 8.70509 32.5714 4.78121V8.14286C32.5714 8.50279 32.7144 8.84799 32.9689 9.1025C33.2234 9.35702 33.5686 9.5 33.9286 9.5C34.2885 9.5 34.6337 9.35702 34.8882 9.1025C35.1427 8.84799 35.2857 8.50279 35.2857 8.14286V1.35714C35.2857 0.997206 35.1427 0.652012 34.8882 0.397498C34.6337 0.142984 34.2885 0 33.9286 0H27.1429C26.7829 0 26.4377 0.142984 26.1832 0.397498C25.9287 0.652012 25.7857 0.997206 25.7857 1.35714C25.7857 1.71708 25.9287 2.06227 26.1832 2.31679C26.4377 2.5713 26.7829 2.71429 27.1429 2.71429H30.7746C27.1203 6.52636 22.9297 9.78521 18.335 12.388C14.1723 14.7252 9.72021 16.5048 5.09336 17.6809C4.76906 17.7591 4.48497 17.9541 4.29532 18.2286C4.10567 18.5031 4.02375 18.8378 4.06521 19.1688C4.10667 19.4998 4.26861 19.804 4.52009 20.0232C4.77158 20.2424 5.09499 20.3613 5.42857 20.3571Z" fill="url(#paint3_linear_2307_11139)" />
|
|
||||||
<path d="M33 25.5L26 30V32.5L31 35.5L36 27.5L33 25.5Z" fill="white" />
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 23C25.7554 23 24.8016 23.3951 24.0983 24.0983C23.3951 24.8016 23 25.7554 23 26.75V34.25C23 35.2446 23.3951 36.1984 24.0983 36.9017C24.8016 37.6049 25.7554 38 26.75 38H34.25C35.2446 38 36.1984 37.6049 36.9017 36.9017C37.6049 36.1984 38 35.2446 38 34.25V26.75C38 25.7554 37.6049 24.8016 36.9017 24.0983C36.1984 23.3951 35.2446 23 34.25 23H26.75ZM33.98 27.674C34.1327 27.8013 34.2286 27.9841 34.2466 28.1821C34.2646 28.3801 34.2032 28.5772 34.076 28.73L30.326 33.23C30.2612 33.3077 30.1814 33.3714 30.0914 33.4174C30.0013 33.4635 29.9029 33.4908 29.802 33.4978C29.7011 33.5048 29.5998 33.4914 29.5043 33.4582C29.4087 33.4251 29.3209 33.373 29.246 33.305L26.996 31.2597C26.8515 31.1253 26.7659 30.9393 26.7577 30.7421C26.7494 30.5449 26.8193 30.3524 26.952 30.2064C27.0847 30.0603 27.2697 29.9725 27.4667 29.9619C27.6638 29.9513 27.8571 30.0188 28.0048 30.1497L29.675 31.6685L32.924 27.77C33.0513 27.6173 33.2341 27.5214 33.4321 27.5034C33.6301 27.4854 33.8272 27.5468 33.98 27.674Z" fill="#E21E24" />
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="paint0_linear_2307_11139" x1="13.5713" y1="29.8567" x2="24.4284" y2="29.8567" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint1_linear_2307_11139" x1="0" y1="31.8933" x2="10.8571" y2="31.8933" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint2_linear_2307_11139" x1="27.1426" y1="26.4644" x2="37.9997" y2="26.4644" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint3_linear_2307_11139" x1="4.05469" y1="10.1786" x2="35.2857" y2="10.1786" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<clipPath id="clip0_2307_11139">
|
|
||||||
<rect width="38" height="38" fill="white" />
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>',
|
|
||||||
'title' => 'Постоянное развитие',
|
|
||||||
'description' => 'Наши специалисты обучаются каждый год: новые методики, индивидуальный подход, работа с возрастными клиентами.'
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'svg' => '<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_2307_11145)">
|
|
||||||
<path d="M29.2866 25.327C27.148 21.7037 23.2066 19.4414 19.0001 19.4414C14.7936 19.4414 10.8699 21.6861 8.71361 25.327C7.81221 26.8647 7.79454 28.7205 8.67826 30.2582C9.54431 31.7958 11.135 32.6972 12.8848 32.6972H25.0978C26.8652 32.6972 28.4383 31.7782 29.3043 30.2582C30.188 28.7028 30.1703 26.8647 29.269 25.327H29.2866Z" fill="url(#paint0_linear_2307_11145)" />
|
|
||||||
<path d="M19 18.5576C22.6605 18.5576 25.6279 15.5902 25.6279 11.9297C25.6279 8.26917 22.6605 5.30176 19 5.30176C15.3395 5.30176 12.3721 8.26917 12.3721 11.9297C12.3721 15.5902 15.3395 18.5576 19 18.5576Z" fill="url(#paint1_linear_2307_11145)" />
|
|
||||||
<path d="M36.6744 15.0233C35.9498 15.0233 35.3488 14.4223 35.3488 13.6977V6.62791C35.3488 4.43628 33.5637 2.65116 31.3721 2.65116H24.3023C23.5777 2.65116 22.9767 2.05023 22.9767 1.32558C22.9767 0.60093 23.5777 0 24.3023 0H31.3721C35.0307 0 38 2.9693 38 6.62791V13.6977C38 14.4223 37.3991 15.0233 36.6744 15.0233ZM31.3721 38H24.3023C23.5777 38 22.9767 37.3991 22.9767 36.6744C22.9767 35.9498 23.5777 35.3488 24.3023 35.3488H31.3721C33.5637 35.3488 35.3488 33.5637 35.3488 31.3721V24.3023C35.3488 23.5777 35.9498 22.9767 36.6744 22.9767C37.3991 22.9767 38 23.5777 38 24.3023V31.3721C38 35.0307 35.0307 38 31.3721 38ZM1.32558 15.0233C0.60093 15.0233 0 14.4223 0 13.6977V6.62791C0 2.9693 2.9693 0 6.62791 0H13.6977C14.4223 0 15.0233 0.60093 15.0233 1.32558C15.0233 2.05023 14.4223 2.65116 13.6977 2.65116H6.62791C4.43628 2.65116 2.65116 4.43628 2.65116 6.62791V13.6977C2.65116 14.4223 2.05023 15.0233 1.32558 15.0233ZM13.6977 38H6.62791C2.9693 38 0 35.0307 0 31.3721V24.3023C0 23.5777 0.60093 22.9767 1.32558 22.9767C2.05023 22.9767 2.65116 23.5777 2.65116 24.3023V31.3721C2.65116 33.5637 4.43628 35.3488 6.62791 35.3488H13.6977C14.4223 35.3488 15.0233 35.9498 15.0233 36.6744C15.0233 37.3991 14.4223 38 13.6977 38Z" fill="url(#paint2_linear_2307_11145)" />
|
|
||||||
<path d="M33 25.5L26 30V32.5L31 35.5L36 27.5L33 25.5Z" fill="white" />
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.75 23C25.7554 23 24.8016 23.3951 24.0983 24.0983C23.3951 24.8016 23 25.7554 23 26.75V34.25C23 35.2446 23.3951 36.1984 24.0983 36.9017C24.8016 37.6049 25.7554 38 26.75 38H34.25C35.2446 38 36.1984 37.6049 36.9017 36.9017C37.6049 36.1984 38 35.2446 38 34.25V26.75C38 25.7554 37.6049 24.8016 36.9017 24.0983C36.1984 23.3951 35.2446 23 34.25 23H26.75ZM33.98 27.674C34.1327 27.8013 34.2286 27.9841 34.2466 28.1821C34.2646 28.3801 34.2032 28.5772 34.076 28.73L30.326 33.23C30.2612 33.3077 30.1814 33.3714 30.0914 33.4174C30.0013 33.4635 29.9029 33.4908 29.802 33.4978C29.7011 33.5048 29.5998 33.4914 29.5043 33.4582C29.4087 33.4251 29.3209 33.373 29.246 33.305L26.996 31.2597C26.8515 31.1253 26.7659 30.9393 26.7577 30.7421C26.7494 30.5449 26.8193 30.3524 26.952 30.2064C27.0847 30.0603 27.2697 29.9725 27.4667 29.9619C27.6638 29.9513 27.8571 30.0188 28.0048 30.1497L29.675 31.6685L32.924 27.77C33.0513 27.6173 33.2341 27.5214 33.4321 27.5034C33.6301 27.4854 33.8272 27.5468 33.98 27.674Z" fill="#E21E24" />
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<linearGradient id="paint0_linear_2307_11145" x1="8.02637" y1="26.0693" x2="29.9562" y2="26.0693" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint1_linear_2307_11145" x1="12.3721" y1="11.9297" x2="25.6279" y2="11.9297" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<linearGradient id="paint2_linear_2307_11145" x1="0" y1="19" x2="38" y2="19" gradientUnits="userSpaceOnUse">
|
|
||||||
<stop offset="0.673077" stop-color="#2B2C35" />
|
|
||||||
<stop offset="0.929023" stop-color="#4F5870" />
|
|
||||||
</linearGradient>
|
|
||||||
<clipPath id="clip0_2307_11145">
|
|
||||||
<rect width="38" height="38" fill="white" />
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>',
|
|
||||||
'title' => 'Про атмосферу, а не про давление',
|
|
||||||
'description' => 'Вы — в центре внимания. Тренировки без стресса, с ощущением заботы и прогресса.'
|
|
||||||
]
|
|
||||||
];
|
|
||||||
?>
|
|
||||||
|
|
||||||
<div class="mt-[40px] grid grid-cols-4 divide-x divide-[#e0e0e0]">
|
|
||||||
<?php foreach ($blocks as $index => $block): ?>
|
|
||||||
<div class="flex flex-col px-[24px] <?php echo $index === 0 ? 'pl-0' : ''; ?> <?php echo $index === 3 ? 'pr-0' : ''; ?>">
|
|
||||||
<div class="grid place-items-center w-[76px] h-[76px] rounded-[12px] small-shadow bg-[#f8f8f8]"> <?php echo $block['svg']; ?></div>
|
|
||||||
<p class="mt-[24px] w-full max-w-[220px] font-[600] text-[24px] leading-[125%]">
|
|
||||||
<?php echo htmlspecialchars($block['title']); ?>
|
|
||||||
</p>
|
|
||||||
<p class="mt-[12px] w-full max-w-[270px] font-[500] text-[16px] leading-[145%] text-[#6c6b6b]">
|
|
||||||
<?php echo htmlspecialchars($block['description']); ?>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
<?php get_footer(); ?>
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
<?php
|
|
||||||
/*
|
|
||||||
Template Name: Страница тренировок
|
|
||||||
*/
|
|
||||||
|
|
||||||
get_header();
|
|
||||||
|
|
||||||
if (!function_exists('get_trainings_for_current_language')) {
|
|
||||||
function get_trainings_for_current_language()
|
|
||||||
{
|
|
||||||
$current_lang = pll_current_language();
|
|
||||||
|
|
||||||
$args = array(
|
|
||||||
'post_type' => 'training',
|
|
||||||
'posts_per_page' => -1,
|
|
||||||
'lang' => $current_lang,
|
|
||||||
'post_status' => 'publish',
|
|
||||||
'sort' => 'menu_order',
|
|
||||||
'order' => 'ASC',
|
|
||||||
);
|
|
||||||
|
|
||||||
return get_posts($args);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$trainings = get_trainings_for_current_language();
|
|
||||||
|
|
||||||
// Получаем все поля short_info для каждой тренировки
|
|
||||||
$trainings_data = array();
|
|
||||||
if ($trainings) {
|
|
||||||
foreach ($trainings as $training) {
|
|
||||||
$training_info = array(
|
|
||||||
'post' => $training,
|
|
||||||
'name' => '',
|
|
||||||
'exp' => '',
|
|
||||||
'short_desc' => ''
|
|
||||||
);
|
|
||||||
|
|
||||||
if (have_rows('short_info', $training->ID)) {
|
|
||||||
while (have_rows('short_info', $training->ID)) {
|
|
||||||
the_row();
|
|
||||||
$training_info['name'] = get_sub_field('name');
|
|
||||||
$training_info['exp'] = get_sub_field('exp');
|
|
||||||
$training_info['short_desc'] = get_sub_field('short_desc');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$trainings_data[] = $training_info;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
?>
|
|
||||||
|
|
||||||
<section class="py-[96px]">
|
|
||||||
<div class="container mx-auto">
|
|
||||||
<?php if ($trainings_data): ?>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-[24px]">
|
|
||||||
<?php foreach ($trainings_data as $training_data): ?>
|
|
||||||
<?php $training = $training_data['post']; ?>
|
|
||||||
<div class="h-[540px] max-w-[312px] group">
|
|
||||||
<div class="flex flex-col bg-[#f8f8f8] relative h-[540px] rounded-[20px] overflow-hidden shadow-[0_2px_32px_0_rgba(16,_15,_15,_0.03)] group-hover:shadow-[0_8px_32px_0_rgba(16,_15,_15,_0.12)] transition-shadow duration-300">
|
|
||||||
<?php $photo_images = get_field('photo', $training->ID); ?>
|
|
||||||
<?php if ($photo_images && !empty($photo_images[0])): ?>
|
|
||||||
<div class="overflow-hidden min-h-[260px]">
|
|
||||||
<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 group-hover:scale-[1.05] transition-transform duration-300"/>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
<div class="flex flex-col gap-[24px] h-full p-[24px]">
|
|
||||||
<?php $name = $training_data['name']; ?>
|
|
||||||
<?php if ($name): ?>
|
|
||||||
<div class="text-[24px] leading-[125%] font-[600]">
|
|
||||||
<?php echo esc_html($name); ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
|
|
||||||
<?php $short_desc = $training_data['short_desc']; ?>
|
|
||||||
<?php if ($short_desc): ?>
|
|
||||||
<div class="text-[16px] leading-[145%] font-[500] text-[#222]">
|
|
||||||
<?php echo wp_kses_post($short_desc); ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
<a href="<?php echo get_permalink($training->ID); ?>" class="!no-underline mt-auto h-[59px] flex grey-gradient-hover w-full rounded-[90px] px-[12px] text-[18px] font-[600] leading-[195%] text-[#f8f8f8] bg-[0_2px_32px_0_rgba(16,_15,_15,_0.03)] items-center justify-center hover:opacity-90 transition-opacity duration-300">
|
|
||||||
Перейти
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<?php endforeach; ?>
|
|
||||||
</div>
|
|
||||||
<?php endif; ?>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<?php get_footer(); ?>
|
|
||||||
Reference in New Issue
Block a user