Files

380 lines
19 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ vendor.name }} — вендор MONT | матрица продуктов MONT</title>
<meta name="description" content="{{ vendor.description[:160] if vendor.description else 'Вендор ' + vendor.name + ' в корзине продуктов дистрибьютора MONT. Продукты, категории, ссылки.' }}" />
<meta name="robots" content="index, follow" />
<link rel="canonical" href="{{ canonical_url }}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ canonical_url }}" />
<meta property="og:title" content="{{ vendor.name }} — вендор MONT" />
<meta property="og:description" content="{{ vendor.description[:200] if vendor.description else 'Вендор ' + vendor.name + ' в корзине продуктов дистрибьютора MONT.' }}" />
{% if vendor.logo %}<meta property="og:image" content="{{ base_url }}/static/{{ vendor.logo }}" />{% endif %}
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "{{ vendor.name }}",
"description": "{{ vendor.description | replace('"', '\\"') if vendor.description else '' }}",
{% if vendor.website %}"url": "{{ vendor.website }}",{% endif %}
{% if vendor.logo %}"logo": "{{ base_url }}/static/{{ vendor.logo }}",{% endif %}
"distributor": {
"@type": "Organization",
"name": "MONT",
"url": "{{ base_url }}"
}
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Где купить {{ vendor.name }} в России?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Продукты {{ vendor.name }} можно приобрести через официального дистрибьютора MONT (MONT). Главный офис — Москва, филиал — Казань; партнёры работают по всей России. Для заказа напишите BDM MONT Максиму Шамову: mshamov@mont.com или на общую почту mont@mont.com."
}
},
{
"@type": "Question",
"name": "Как стать партнёром {{ vendor.name }} через MONT?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Для получения партнёрского статуса {{ vendor.name }} через дистрибьютора MONT свяжитесь с BDM Максимом Шамовым: mshamov@mont.com или mont@mont.com. MONT является официальным дистрибьютором и помогает партнёрам получить авторизацию, обучение и техническую поддержку по продуктам {{ vendor.name }}."
}
},
{
"@type": "Question",
"name": "Какие продукты {{ vendor.name }} доступны через MONT?",
"acceptedAnswer": {
"@type": "Answer",
"text": "{% if products %}В корзине MONT представлены следующие продукты {{ vendor.name }}: {{ products | map(attribute='name') | join(', ') }}.{% else %}MONT предлагает широкую линейку продуктов {{ vendor.name }}. Актуальный список доступен на странице вендора в корзине MONT.{% endif %} Для уточнения наличия и цен обращайтесь к дистрибьютору."
}
},
{
"@type": "Question",
"name": "Есть ли официальный дистрибьютор {{ vendor.name }} в Казани?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Да. MONT имеет главный офис в Москве и филиал в Казани. Партнёры работают во всех крупных городах России. Свяжитесь с BDM MONT Максимом Шамовым: mshamov@mont.com или mont@mont.com."
}
}
]
}
</script>
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg" />
<link rel="icon" type="image/png" href="/static/favicon.png" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap" rel="stylesheet">
<style>
:root { --brand: #1f4ea3; --brand2: #3978e0; --bg: #eef4ff; --radius: 16px; }
* { box-sizing: border-box; }
body { margin: 0; font-family: Manrope, sans-serif; background: var(--bg); color: #15203b; min-height: 100vh; }
.wrap { width: min(960px, calc(100% - 32px)); margin: 0 auto; padding: 28px 0 60px; }
.breadcrumb { font-size: 13px; color: #526079; margin-bottom: 20px; }
.breadcrumb a { color: var(--brand); text-decoration: none; font-weight: 600; }
.breadcrumb a:hover { text-decoration: underline; }
.vendor-card {
background: #fff;
border-radius: 20px;
border: 1px solid #dae6ff;
box-shadow: 0 12px 40px rgba(16,43,95,.1);
padding: 32px;
display: flex;
gap: 28px;
align-items: flex-start;
margin-bottom: 28px;
}
.vendor-logo-box {
flex-shrink: 0;
width: 200px;
height: 120px;
background: #f5f8ff;
border-radius: 14px;
border: 1px solid #e0eaff;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.vendor-logo-box img { max-width: 100%; max-height: 88px; object-fit: contain; }
.vendor-logo-placeholder { font-size: 42px; font-weight: 800; color: var(--brand); }
.vendor-info { flex: 1; min-width: 0; }
.vendor-name { font-size: 26px; font-weight: 800; color: #1a3e79; margin: 0 0 10px; }
.vendor-desc { font-size: 15px; color: #3a4f6e; line-height: 1.65; margin: 0 0 18px; }
.vendor-links { display: flex; gap: 10px; flex-wrap: wrap; }
.vlink {
display: inline-flex; align-items: center; gap: 6px;
font-size: 13px; font-weight: 700; padding: 8px 18px;
border-radius: 999px; text-decoration: none; transition: .15s ease;
}
.vlink.mont { background: linear-gradient(135deg, var(--brand), var(--brand2)); color: #fff; }
.vlink.site { background: #eef4ff; color: var(--brand); border: 1px solid #c8d8f7; }
.vlink:hover { opacity: .85; transform: translateY(-1px); }
.section-title {
font-size: 18px; font-weight: 800; color: #1a3e79;
margin: 0 0 14px; padding-bottom: 10px;
border-bottom: 2px solid #e8f0ff;
}
.products-box {
background: #fff;
border-radius: 16px;
border: 1px solid #dae6ff;
padding: 24px;
margin-bottom: 20px;
}
.products-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.product-tag {
font-size: 13px; font-weight: 600;
padding: 6px 14px; border-radius: 999px;
background: linear-gradient(135deg, #f0f6ff, #e4efff);
color: #1e4a8d; border: 1px solid #c8dcff;
text-decoration: none; transition: .15s ease;
}
a.product-tag:hover {
background: linear-gradient(135deg, #daeaff, #c8ddff);
transform: translateY(-1px);
}
.cats-box {
background: #fff;
border-radius: 16px;
border: 1px solid #dae6ff;
padding: 24px;
}
.cat-chip {
display: inline-block; font-size: 12px; font-weight: 600;
padding: 5px 12px; border-radius: 999px; margin: 4px;
background: #f7faff; color: #22427a; border: 1px solid #ccdbf7;
}
.back-btn {
display: inline-flex; align-items: center; gap: 6px;
font-size: 13px; font-weight: 700; color: var(--brand);
text-decoration: none; margin-bottom: 20px;
padding: 8px 16px; border-radius: 999px;
background: #fff; border: 1px solid #c8d8f7;
transition: .15s ease;
}
.back-btn:hover { background: #eef4ff; transform: translateX(-2px); }
.seo-block {
background: #fff;
border-radius: 16px;
border: 1px solid #dae6ff;
padding: 24px 28px;
margin-top: 20px;
}
.seo-block h2 { font-size: 17px; font-weight: 800; color: #1a3e79; margin: 0 0 10px; }
.seo-block p { font-size: 14px; color: #3a4f6e; line-height: 1.7; margin: 0 0 10px; }
.seo-block p:last-child { margin-bottom: 0; }
.cities-row { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
.city-tag {
font-size: 12px; font-weight: 600; padding: 4px 12px;
border-radius: 999px; background: #f0f6ff; color: #22427a;
border: 1px solid #c8dcff;
}
.faq-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px; }
.faq-item { border: 1px solid #dae6ff; border-radius: 12px; overflow: hidden; }
.faq-q {
width: 100%; text-align: left; background: #f5f9ff;
border: none; padding: 14px 18px; cursor: pointer;
font-size: 14px; font-weight: 700; color: #1a3e79;
font-family: Manrope, sans-serif; display: flex; justify-content: space-between; align-items: center;
}
.faq-q:hover { background: #eaf2ff; }
.faq-q .arr { transition: transform .2s; font-size: 12px; color: #7a9bd0; }
.faq-q.open .arr { transform: rotate(180deg); }
.faq-a { display: none; padding: 12px 18px 16px; font-size: 14px; color: #3a4f6e; line-height: 1.7; }
.faq-a.open { display: block; }
@media (max-width: 640px) {
.vendor-card { flex-direction: column; padding: 20px; }
.vendor-logo-box { width: 100%; height: 100px; }
.vendor-name { font-size: 20px; }
}
</style>
</head>
<body>
<div class="wrap">
<a href="/" class="back-btn">← Все вендоры MONT</a>
<nav class="breadcrumb" aria-label="breadcrumb">
<a href="/">Корзина MONT</a> &rsaquo; {{ vendor.name }}
</nav>
<div class="vendor-card">
<div class="vendor-logo-box">
{% if vendor.logo %}
<img src="/static/{{ vendor.logo }}" alt="{{ vendor.name }} логотип" />
{% else %}
<span class="vendor-logo-placeholder">{{ vendor.name[:2].upper() }}</span>
{% endif %}
</div>
<div class="vendor-info">
<h1 class="vendor-name">{{ vendor.name }}</h1>
{% if vendor.description %}
<p class="vendor-desc">{{ vendor.description }}</p>
{% endif %}
<div class="vendor-links">
{% if vendor.mont_page %}
<a class="vlink mont" href="{{ vendor.mont_page }}" target="_blank" rel="noopener">Страница на MONT ↗</a>
{% endif %}
{% if vendor.website %}
<a class="vlink site" href="{{ vendor.website }}" target="_blank" rel="noopener">Официальный сайт ↗</a>
{% endif %}
</div>
</div>
</div>
{% if products %}
<div class="products-box">
<h2 class="section-title">Продукты {{ vendor.name }} в корзине MONT</h2>
<div class="products-grid">
{% for p in products %}
{% if p.url %}
<a class="product-tag" href="{{ p.url }}" target="_blank" rel="noopener">{{ p.name }} ↗</a>
{% else %}
<span class="product-tag">{{ p.name }}</span>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% if categories %}
<div class="cats-box">
<h2 class="section-title">Категории</h2>
{% for c in categories %}
<span class="cat-chip">{{ c }}</span>
{% endfor %}
</div>
{% endif %}
<div class="seo-block">
<h2>Официальный дистрибьютор {{ vendor.name }} в России — MONT</h2>
<p>
MONT (MONT) является официальным дистрибьютором {{ vendor.name }} на территории России.
Через MONT доступны лицензии, техническая поддержка и партнёрские программы
{{ vendor.name }}. Дистрибьютор работает с юридическими лицами, системными
интеграторами и реселлерами по всей стране.
</p>
<p>
Купить {{ vendor.name }} или получить консультацию можно через партнёров MONT в
вашем регионе. Для связи пишите на
<a href="mailto:mont@mont.com" style="color:var(--brand);font-weight:600;">mont@mont.com</a>
или напрямую BDM MONT Максиму Шамову —
<a href="mailto:mshamov@mont.com" style="color:var(--brand);font-weight:600;">mshamov@mont.com</a>.
Заявки принимаются из всех городов России.
</p>
<div class="cities-row">
<span class="city-tag">{{ vendor.name }} Москва</span>
<span class="city-tag">{{ vendor.name }} Казань</span>
<span class="city-tag">{{ vendor.name }} Санкт-Петербург</span>
<span class="city-tag">{{ vendor.name }} Екатеринбург</span>
<span class="city-tag">{{ vendor.name }} Новосибирск</span>
<span class="city-tag">{{ vendor.name }} Краснодар</span>
<span class="city-tag">{{ vendor.name }} Нижний Новгород</span>
<span class="city-tag">{{ vendor.name }} Ростов-на-Дону</span>
</div>
</div>
<div class="seo-block">
<h2>Часто задаваемые вопросы о {{ vendor.name }} и MONT</h2>
<ul class="faq-list" id="faqList">
<li class="faq-item">
<button class="faq-q" type="button">
Где купить {{ vendor.name }} в России?
<span class="arr"></span>
</button>
<div class="faq-a">
Продукты {{ vendor.name }} доступны через официального дистрибьютора MONT.
Главный офис MONT находится в Москве, филиал — в Казани; партнёры работают
в Санкт-Петербурге, Екатеринбурге, Новосибирске, Краснодаре и других городах.
Для оформления заказа напишите BDM MONT Максиму Шамову:
<a href="mailto:mshamov@mont.com" style="color:var(--brand);font-weight:600;">mshamov@mont.com</a>
или на общую почту
<a href="mailto:mont@mont.com" style="color:var(--brand);font-weight:600;">mont@mont.com</a>.
</div>
</li>
<li class="faq-item">
<button class="faq-q" type="button">
Как стать партнёром {{ vendor.name }} через MONT?
<span class="arr"></span>
</button>
<div class="faq-a">
MONT помогает компаниям получить партнёрский статус {{ vendor.name }}:
авторизацию, доступ к обучению и технической поддержке. Для начала
сотрудничества свяжитесь с BDM MONT Максимом Шамовым:
<a href="mailto:mshamov@mont.com" style="color:var(--brand);font-weight:600;">mshamov@mont.com</a>
или напишите на общую почту
<a href="mailto:mont@mont.com" style="color:var(--brand);font-weight:600;">mont@mont.com</a>
специалисты подберут подходящий партнёрский уровень и помогут пройти все этапы авторизации.
</div>
</li>
<li class="faq-item">
<button class="faq-q" type="button">
Какие продукты {{ vendor.name }} представлены в корзине MONT?
<span class="arr"></span>
</button>
<div class="faq-a">
{% if products %}
В корзине MONT представлены следующие продукты {{ vendor.name }}:
{{ products | map(attribute='name') | join(', ') }}.
Актуальность наличия и цены уточняйте у BDM MONT Максима Шамова:
<a href="mailto:mshamov@mont.com" style="color:var(--brand);font-weight:600;">mshamov@mont.com</a>.
{% else %}
MONT предлагает актуальную линейку продуктов {{ vendor.name }}.
Для уточнения наличия и условий поставки напишите BDM MONT Максиму Шамову:
<a href="mailto:mshamov@mont.com" style="color:var(--brand);font-weight:600;">mshamov@mont.com</a>.
{% endif %}
</div>
</li>
<li class="faq-item">
<button class="faq-q" type="button">
Есть ли официальный дистрибьютор {{ vendor.name }} в Казани?
<span class="arr"></span>
</button>
<div class="faq-a">
Да. MONT имеет филиал в Казани и главный офис в Москве — компания является
одним из ведущих дистрибьюторов ПО в России. Партнёры MONT работают во
всех федеральных округах. Для заказа {{ vendor.name }} в Казани или другом
регионе свяжитесь с BDM MONT Максимом Шамовым:
<a href="mailto:mshamov@mont.com" style="color:var(--brand);font-weight:600;">mshamov@mont.com</a>
или на общую почту
<a href="mailto:mont@mont.com" style="color:var(--brand);font-weight:600;">mont@mont.com</a>.
</div>
</li>
</ul>
</div>
</div>
<script>
document.getElementById('faqList').addEventListener('click', function(e) {
const btn = e.target.closest('.faq-q');
if (!btn) return;
const isOpen = btn.classList.contains('open');
document.querySelectorAll('.faq-q.open').forEach(b => {
b.classList.remove('open');
b.nextElementSibling.classList.remove('open');
});
if (!isOpen) {
btn.classList.add('open');
btn.nextElementSibling.classList.add('open');
}
});
</script>
</body>
</html>