193 lines
11 KiB
PHP
193 lines
11 KiB
PHP
<!DOCTYPE html>
|
||
<html <?php language_attributes(); ?>>
|
||
<head>
|
||
<meta charset="<?php bloginfo('charset'); ?>">
|
||
<meta name="viewport" content="width=device-width">
|
||
<link rel="profile" href="http://gmpg.org/xfn/11">
|
||
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
|
||
|
||
<?php wp_head(); ?>
|
||
</head>
|
||
|
||
<?php
|
||
$room = get_current_room();
|
||
$base_classes = 'bg-[#f9f9f9] dark:bg-[#f4f4f4] text-[#222]';
|
||
|
||
if ($room === 'gym') {
|
||
$body_classes = $base_classes . ' dark';
|
||
} else {
|
||
$body_classes = $base_classes;
|
||
}
|
||
?>
|
||
|
||
<body <?php body_class($body_classes); ?>>
|
||
|
||
<?php do_action('tailpress_site_before'); ?>
|
||
|
||
<div id="page" class="min-h-screen flex flex-col">
|
||
<?php do_action('tailpress_header'); ?>
|
||
|
||
<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">
|
||
<div class="pt-[24px] dark:text-[#f8f8f8]">
|
||
|
||
<div>
|
||
<div class="flex justify-between items-center">
|
||
<a href="<?php echo esc_url(home_url('/')); ?>">
|
||
<?php display_icon(get_current_room() === 'gym' ? 'dark_logo' : 'light_logo'); ?>
|
||
</a>
|
||
<?php get_template_part('template-parts/la-components/language-switcher'); ?>
|
||
<div class="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="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 class="flex gap-[4px]">
|
||
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="#">
|
||
<?php display_icon(get_current_room() === 'gym' ? 'tg_dark' : 'tg'); ?>
|
||
</a>
|
||
<a class="dark:hover:[&>img]:brightness-90 hover:[&>img]:brightness-150 transition" href="#">
|
||
<?php display_icon(get_current_room() === 'gym' ? 'whatsapp_dark' : 'whatsapp'); ?>
|
||
</a>
|
||
</div>
|
||
<a class="dark:hover:text-[#c7c7c7] font-[700] text-[24px] !decoration-transparent hover:text-[#555] transition-colors"
|
||
href="tel:+783822990019">
|
||
+7 (3822) 99-00-19
|
||
</a>
|
||
<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">
|
||
Записаться
|
||
</button>
|
||
</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 class="py-[24px]">
|
||
<div class="flex items-center justify-between gap-[32px]">
|
||
<div class="
|
||
group
|
||
dark:border dark:border-white/[0.05]
|
||
dark:text-[#f8f8f8]
|
||
dark:bg-inherit
|
||
dark:backdrop-blur-[20px]
|
||
dark:bg-[linear-gradient(90deg,rgba(248,248,248,0.04)_65.8%,rgba(255,255,255,0.12)_100%)]
|
||
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'); ?>
|
||
</div>
|
||
<div class="flex gap-[12px]">
|
||
<button data-modal="time"
|
||
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]"
|
||
>
|
||
<span class="dark:bg-[#f8f8f8] w-[8px] h-[8px] rounded-full bg-[#e21e24]"></span>
|
||
Расписание
|
||
</button>
|
||
<button
|
||
class="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">
|
||
<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>
|
||
Личный кабинет
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</header>
|
||
<?php
|
||
if (!is_front_page()) {
|
||
?>
|
||
<?php
|
||
if ($room === 'fitness') {
|
||
$body_classes = 'header-gradient';
|
||
} else {
|
||
$base_classes = 'bg-cover bg-center bg-no-repeat';
|
||
$bg_image = 'data:image/webp;base64,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';
|
||
|
||
$style_attr = 'style="background-image: url(' . esc_attr($bg_image) . ')"';
|
||
}
|
||
?>
|
||
<div class="<?php echo $base_classes . ' ' . $body_classes . ' ' ?> pt-[161px]"
|
||
<?php echo $style_attr ?>
|
||
>
|
||
|
||
<div class="container mx-auto pt-[32px] pb-[60px]">
|
||
<?php display_yandex_breadcrumbs(); ?>
|
||
<?php if (!is_front_page()) : ?>
|
||
<div class="container mx-auto mt-[24px]">
|
||
<?php if (get_field('h1_text')): ?>
|
||
<div class="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%] text-[48px] font-[500]">
|
||
<?php echo get_field('h1_text'); ?>
|
||
</h1>
|
||
<?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 display_icon(get_current_room() === 'gym' ? 'dark_logo_name' : 'light_logo_name'); ?>
|
||
</div>
|
||
<?php else:
|
||
$title = trim(preg_replace('/\s*\([^)]*\)/', '', get_the_title()));
|
||
?>
|
||
|
||
<h1 class="dark:text-[#f8f8f8] text-[222] leading-[110%] text-[48px] font-[700]">
|
||
<?php echo $title ?>
|
||
</h1>
|
||
|
||
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<?php
|
||
}
|
||
?>
|
||
|
||
<div id="content" class="site-content grow">
|
||
|
||
<?php do_action('tailpress_content_start'); ?>
|
||
|
||
<main id="main-content">
|
||
<div class="hidden">
|
||
<button class="cursor-pointer p-[10px] rounded border" data-modal="example">Пример модалки</button>
|
||
<button class="cursor-pointer p-[10px] rounded border" data-modal="room">Выбор зала</button>
|
||
<button class="cursor-pointer p-[10px] rounded border" data-modal="form">Форма</button>
|
||
</div>
|
||
|
||
|
||
<?php
|
||
|
||
|