2026-03-31 22:53:39 +05:00
|
|
|
---
|
|
|
|
|
import '@styles/global.css';
|
2026-04-01 21:48:45 +05:00
|
|
|
import { SITE_TITLE_SUFFIX } from '@constants';
|
2026-04-01 18:15:23 +05:00
|
|
|
|
2026-03-31 22:53:39 +05:00
|
|
|
import Header from "@components/layout/header/Header.astro";
|
|
|
|
|
import Footer from "@components/layout/footer/Footer.astro";
|
|
|
|
|
import ConsultationModal from "@components/base/ConsultationModal.astro";
|
2026-04-01 18:52:55 +05:00
|
|
|
|
2026-04-01 21:48:45 +05:00
|
|
|
export interface Props {
|
2026-04-01 18:52:55 +05:00
|
|
|
title: string;
|
|
|
|
|
description: string;
|
|
|
|
|
canonicalLink?: string;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const { title, description, canonicalLink } = Astro.props;
|
2026-03-31 22:53:39 +05:00
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="ru">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width" />
|
2026-04-01 18:35:59 +05:00
|
|
|
<link rel="icon" type="image/svg+xml" href="/favicons/favicon.svg" />
|
|
|
|
|
<link rel="icon" href="/favicons/favicon.ico" />
|
2026-04-01 21:48:45 +05:00
|
|
|
<title>{title} {SITE_TITLE_SUFFIX}</title>
|
2026-04-01 18:52:55 +05:00
|
|
|
<meta name="description" content={description} />
|
|
|
|
|
{canonicalLink && <link rel="canonical" href={canonicalLink} />}
|
2026-04-01 18:15:23 +05:00
|
|
|
<!-- Yandex верификация -->
|
|
|
|
|
<meta name="yandex-verification" content="be3edfd138348e43" />
|
2026-03-31 22:53:39 +05:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<Header />
|
2026-04-01 21:28:29 +05:00
|
|
|
<main class="main-content">
|
2026-03-31 22:53:39 +05:00
|
|
|
<slot />
|
2026-04-01 19:09:57 +05:00
|
|
|
</main>
|
2026-03-31 22:53:39 +05:00
|
|
|
<Footer />
|
|
|
|
|
<ConsultationModal />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
|
2026-04-01 21:28:29 +05:00
|
|
|
<style>
|
|
|
|
|
/* Отступ сверху для фиксированного хедера */
|
|
|
|
|
.main-content {
|
|
|
|
|
padding-top: 80px; /* Высота хедера + отступ */
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|
2026-04-01 18:15:23 +05:00
|
|
|
<script>
|
|
|
|
|
// Клиентский скрипт для открытия модального окна
|
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
|
const btn = document.getElementById('consultation-btn');
|
|
|
|
|
|
|
|
|
|
btn?.addEventListener('click', () => {
|
|
|
|
|
window.dispatchEvent(new CustomEvent('open-modal', {
|
|
|
|
|
detail: 'consultation-modal'
|
|
|
|
|
}));
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Для Astro View Transitions
|
|
|
|
|
document.addEventListener('astro:page-load', () => {
|
|
|
|
|
const btn = document.getElementById('consultation-btn');
|
|
|
|
|
|
|
|
|
|
btn?.addEventListener('click', () => {
|
|
|
|
|
window.dispatchEvent(new CustomEvent('open-modal', {
|
|
|
|
|
detail: 'consultation-modal'
|
|
|
|
|
}));
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
