164 lines
9.7 KiB
HTML
164 lines
9.7 KiB
HTML
<!DOCTYPE html>
|
||
<!-- Дизайн: Стандартный дизайн. Сохраняй все пять CSS; подробности в design.md. -->
|
||
<html lang="ru" data-theme="light">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Контакт-центр по недвижимости</title>
|
||
<link rel="stylesheet" href="design-system/kt-ai-fonts.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-tokens.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-components.css">
|
||
<link rel="stylesheet" href="design-system/kt-ai-page.css">
|
||
<link rel="stylesheet" href="design-system/vibe-theme.css">
|
||
<script src="design-system/icons/kt-ai-icons.js"></script>
|
||
<style>
|
||
/* ДС рисует кнопки для <button>; у ссылки-кнопки браузер добавляет подчёркивание */
|
||
a.kt-ai-btn { text-decoration: none; }
|
||
.stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--kt-ai-space-6); margin-top: var(--kt-ai-space-9); }
|
||
.stat { text-align: center; padding: var(--kt-ai-space-6); background: var(--kt-ai-surface); border: 1px solid var(--kt-ai-border); border-radius: 10px; }
|
||
.stat-num { font-size: 40px; font-weight: 400; letter-spacing: -1px; color: var(--kt-ai-text); }
|
||
.stat-label { font-size: 13px; color: var(--kt-ai-text-secondary); }
|
||
@media (max-width: 720px) { .stat-grid { grid-template-columns: 1fr; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="kt-ai-pagehead">
|
||
<div class="kt-ai-wrap kt-ai-pagehead-in">
|
||
<strong>Контакт-центр</strong>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#services">Услуги</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#stats">Цифры</a>
|
||
<a class="kt-ai-btn" data-variant="ghost" href="#reviews">Отзывы</a>
|
||
<a class="kt-ai-btn" data-variant="primary" href="#contacts">Связаться</a>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="kt-ai-hero" data-align="center">
|
||
<div class="kt-ai-wrap">
|
||
<h1>Обслуживание клиентов <span class="vibe-highlight">24/7</span> на высшем уровне</h1>
|
||
<p class="kt-ai-hero-sub">Консультанты по недвижимости: подберём квартиру или дом, поможем с документами и сделкой. Звоните — ответим по-русски, по-казахски и по-английски.</p>
|
||
<div class="kt-ai-hero-actions">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="tel:+77000000000">Позвонить консультанту</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="#services">Что мы делаем</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="services" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Что мы делаем</h2>
|
||
<p>Полное сопровождение сделки — от выбора квартиры до подписания документов.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)" data-cols="3">
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon"><svg><use href="#megaphone"></use></svg></div>
|
||
<h3>Подбор квартиры</h3>
|
||
<p>Задаём вопросы по телефону, подбираем варианты под ваш бюджет и требования, присылаем ссылки на квартиры с <a class="kt-ai-link" href="https://krysha.kz" target="_blank" rel="noopener">крыша.kz</a>.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon"><svg><use href="#chat"></use></div>
|
||
<h3>Помощь с документами</h3>
|
||
<p>Проверяем документы на квартиру, готовим договор, консультируем по ипотеке и налогам.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon"><svg><use href="#mail"></use></div>
|
||
<h3>Сопровождение сделки</h3>
|
||
<p>Организуем показ квартиры, помогаем с торгами, подписываем документы — до передачи ключей.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon"><svg><use href="#chart"></use></div>
|
||
<h3>Продажа вашей квартиры</h3>
|
||
<p>Оцениваем недвижимость, размещаем объявления, принимаем звонки покупателей и приводим их к показу.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon"><svg><use href="#users"></use></div>
|
||
<h3>Ипотека и финансирование</h3>
|
||
<p>Помогаем получить ипотеку: подбираем банк, готовим документы, отвечаем на вопросы по ставкам.</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<div class="kt-ai-tile-icon"><svg><use href="#clock"></use></div>
|
||
<h3>Оценка по телефону</h3>
|
||
<p>Пришлите фото и адрес — консультант назовёт примерную стоимость квартиры и что на неё влияет.</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="stats" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Почему звонят нам</h2>
|
||
<p>Консультанты на линии каждый день — звоните в любое время.</p>
|
||
</div>
|
||
<div class="stat-grid">
|
||
<div class="stat">
|
||
<div class="stat-num">24/7</div>
|
||
<div class="stat-label">приём звонков</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-num">98%</div>
|
||
<div class="stat-label">довольных клиентов</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-num">3</div>
|
||
<div class="stat-label">языка: русский, казахский, английский</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="reviews" class="kt-ai-section" data-divider="true">
|
||
<div class="kt-ai-wrap">
|
||
<div class="kt-ai-section-head">
|
||
<h2>Отзывы клиентов</h2>
|
||
<p>Что говорят те, кто уже купил или продал квартиру через нас.</p>
|
||
</div>
|
||
<div class="kt-ai-grid" style="margin-top:var(--kt-ai-space-9)" data-cols="3">
|
||
<article class="kt-ai-tile">
|
||
<p style="font-size:15px; line-height:1.6">«Позвонила утром — к вечеру прислали три варианта. Через неделю уже подписали договор. Всё по телефону, ни разу в офис не ходила».</p>
|
||
<p style="margin-top:var(--kt-ai-space-4); font-weight:600">Айгуль</p>
|
||
<p style="color:var(--kt-ai-text-secondary); font-size:13px">купила 2-комнатную квартиру</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<p style="font-size:15px; line-height:1.6">«Боялся продавать квартиру без риелтора, но ребята всё объяснили по шагам. Оценили, разместили объявления, сами общались с покупателями. Продали за 3 недели».</p>
|
||
<p style="margin-top:var(--kt-ai-space-4); font-weight:600">Данияр</p>
|
||
<p style="color:var(--kt-ai-text-secondary); font-size:13px">продал квартиру</p>
|
||
</article>
|
||
<article class="kt-ai-tile">
|
||
<p style="font-size:15px; line-height:1.6">«Помогли с ипотекой: объяснили разницу по банкам, собрали документы, ответили на все вопросы. Получили одобрение за 4 дня».</p>
|
||
<p style="margin-top:var(--kt-ai-space-4); font-weight:600">Ержан</p>
|
||
<p style="color:var(--kt-ai-text-secondary); font-size:13px">ипотека на 1-комнатную</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
<div class="kt-ai-wrap" style="text-align:center; margin-top:var(--kt-ai-space-9)">
|
||
<p style="color:var(--kt-ai-text-secondary)">Смотрите актуальные объявления на нашем официальном сайте:</p>
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://krysha.kz" target="_blank" rel="noopener">См. объявления на крыша.kz</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="contacts" class="kt-ai-cta">
|
||
<div class="kt-ai-wrap">
|
||
<h2>Позвоните сейчас</h2>
|
||
<p>Консультант подберёт вариант или оценим вашу квартиру — бесплатно и без обязательств.</p>
|
||
<div style="display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin-top:var(--kt-ai-space-6)">
|
||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="tel:+77000000000">Позвонить</a>
|
||
<a class="kt-ai-btn" data-size="lg" href="mailto:info@example.kz">Написать</a>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<footer class="kt-ai-wrap kt-ai-pagefoot">
|
||
<span>© 2026 Контакт-центр</span>
|
||
<span class="kt-ai-spacer"></span>
|
||
<a class="kt-ai-link" href="https://krysha.kz" target="_blank" rel="noopener">krysha.kz</a>
|
||
<span style="margin-left:12px">
|
||
<a class="kt-ai-link" href="tel:+77000000000">+7 (700) 000-00-00</a>
|
||
</span>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|