v6: лендинг-привлечение с ссылкой на e-gazuna.kz
This commit is contained in:
parent
8399045081
commit
cc0e2061a1
159
index.html
159
index.html
@ -60,8 +60,11 @@
|
||||
<h1 style="color:var(--kt-blue-600)">Производственная недвижимость от национального телеком-оператора</h1>
|
||||
<p class="kt-ai-hero-sub">Здания АТС, склады, цеха и земельные участки с документами. Надёжность государственного партнёра. Подберём и покажем объект за 1 день.</p>
|
||||
<div class="kt-ai-hero-actions">
|
||||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="#catalog">Выбрать объект</a>
|
||||
<a class="kt-ai-btn" data-size="lg" href="#contacts">Получить консультацию</a>
|
||||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://www.e-gazuna.kz" target="_blank" rel="noopener">
|
||||
<svg class="kt-icon" style="margin-right:6px"><use href="#external"></use></svg>
|
||||
Перейти на сайт продажи
|
||||
</a>
|
||||
<a class="kt-ai-btn" data-size="lg" href="#about">Узнать больше</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -69,33 +72,21 @@
|
||||
<section id="catalog" class="kt-ai-section" data-divider="true">
|
||||
<div class="kt-ai-wrap" data-width="wide">
|
||||
<div class="kt-ai-section-head">
|
||||
<h2 style="color:var(--kt-blue-600)">Доступные объекты</h2>
|
||||
<p>Все объекты в собственности АО «Казахтелеком», готовы к сделке</p>
|
||||
<h2 style="color:var(--kt-blue-600)">Все объекты доступны на площадке e-gazuna.kz</h2>
|
||||
<p>Электронная торговая площадка для продажи имущества АО «Казахтелеком»</p>
|
||||
</div>
|
||||
|
||||
<div class="filters">
|
||||
<select id="filter-type">
|
||||
<option value="">Все типы</option>
|
||||
<option value="warehouse">Склады</option>
|
||||
<option value="workshop">Цеха</option>
|
||||
<option value="hangar">Ангары</option>
|
||||
<option value="land">Земельные участки</option>
|
||||
</select>
|
||||
<select id="filter-city">
|
||||
<option value="">Все города</option>
|
||||
<option value="Алматы">Алматы</option>
|
||||
<option value="Астана">Астана</option>
|
||||
<option value="Шымкент">Шымкент</option>
|
||||
<option value="Караганда">Караганда</option>
|
||||
<option value="Актау">Актау</option>
|
||||
</select>
|
||||
<input type="number" id="filter-area" placeholder="Площадь до, м²" style="width:180px">
|
||||
<input type="number" id="filter-price" placeholder="Цена до, млн ₸" style="width:180px">
|
||||
<button class="kt-ai-btn" data-variant="ghost" onclick="resetFilters()">Сбросить</button>
|
||||
<div style="text-align:center;padding:var(--kt-ai-space-10)">
|
||||
<div class="kt-ai-card" style="max-width:600px;margin:0 auto;padding:var(--kt-ai-space-8)">
|
||||
<svg class="kt-icon kt-icon-lg" style="color:var(--kt-blue-600);margin-bottom:var(--kt-ai-space-4)"><use href="#external"></use></svg>
|
||||
<h3 style="margin:0 0 var(--kt-ai-space-2)">Актуальный каталог объектов</h3>
|
||||
<p style="color:var(--kt-ai-fg-muted);margin:0 0 var(--kt-ai-space-6)">Полный список производственных объектов, текущие лоты и онлайн-торги доступны на официальной площадке продаж</p>
|
||||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://www.e-gazuna.kz" target="_blank" rel="noopener" style="display:inline-flex;align-items:center">
|
||||
<svg class="kt-icon" style="margin-right:8px"><use href="#external"></use></svg>
|
||||
Перейти на e-gazuna.kz
|
||||
</a>
|
||||
<p style="font-size:var(--kt-ai-text-xs);color:var(--kt-ai-fg-muted);margin-top:var(--kt-ai-space-4)">Сайт откроется в новой вкладке</p>
|
||||
</div>
|
||||
|
||||
<div class="kt-ai-grid" id="objects-grid" style="margin-top:var(--kt-ai-space-6)">
|
||||
<!-- Объекты загружаются через JS -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -167,48 +158,24 @@
|
||||
|
||||
<section id="contacts" class="kt-ai-cta" style="background:linear-gradient(135deg, var(--kt-blue-50) 0%, var(--kt-snow) 100%)">
|
||||
<div class="kt-ai-wrap">
|
||||
<h2 style="color:var(--kt-blue-600)">Получить консультацию по объектам</h2>
|
||||
<p>Оставьте заявку — специалист по недвижимости перезвонит в течение 15 минут, ответит на вопросы и согласует время просмотра</p>
|
||||
<form action="https://formsubmit.co/realty@kazakhtelecom.kz" method="POST" style="max-width:420px;margin:var(--kt-ai-space-6) auto">
|
||||
<div class="kt-ai-field">
|
||||
<label>Имя</label>
|
||||
<input class="kt-ai-input" name="name" placeholder="Как к вам обращаться" required>
|
||||
<h2 style="color:var(--kt-blue-600)">Перейти к покупке объектов</h2>
|
||||
<p style="max-width:700px;margin:0 auto">Все объекты АО «Казахтелеком» продаются через официальную торговую площадку <strong>www.e-gazuna.kz</strong>. Зарегистрируйтесь и участвуйте в торгах онлайн</p>
|
||||
<div style="text-align:center;margin-top:var(--kt-ai-space-8)">
|
||||
<a class="kt-ai-btn" data-variant="primary" data-size="lg" href="https://www.e-gazuna.kz" target="_blank" rel="noopener" style="display:inline-flex;align-items:center">
|
||||
<svg class="kt-icon" style="margin-right:8px"><use href="#external"></use></svg>
|
||||
Открыть сайт продаж e-gazuna.kz
|
||||
</a>
|
||||
</div>
|
||||
<div class="kt-ai-field">
|
||||
<label>Телефон</label>
|
||||
<input class="kt-ai-input" name="phone" placeholder="+7 (___) ___-__-__" required>
|
||||
</div>
|
||||
<div class="kt-ai-field">
|
||||
<label>Какой объект интересует?</label>
|
||||
<select class="kt-ai-select" name="object-type">
|
||||
<option value="">Выберите тип объекта</option>
|
||||
<option value="warehouse">Склад</option>
|
||||
<option value="workshop">Производственный цех</option>
|
||||
<option value="hangar">Ангар</option>
|
||||
<option value="land">Земельный участок</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="kt-ai-field">
|
||||
<label>Комментарий</label>
|
||||
<textarea class="kt-ai-textarea" name="comment" placeholder="Площадь, локация, дополнительные пожелания" rows="3"></textarea>
|
||||
</div>
|
||||
<button class="kt-ai-btn" data-variant="primary" data-size="lg" type="submit" style="width:100%">Отправить заявку</button>
|
||||
<p style="font-size:var(--kt-ai-text-xs);color:var(--kt-ai-fg-muted);text-align:center;margin-top:var(--kt-ai-space-3)">Нажимая кнопку, вы соглашаетесь на обработку персональных данных</p>
|
||||
</form>
|
||||
<div style="margin-top:var(--kt-ai-space-10);text-align:center">
|
||||
<p style="color:var(--kt-ai-fg-muted);margin-bottom:var(--kt-ai-space-4)">Департамент по работе с недвижимостью</p>
|
||||
<p style="color:var(--kt-ai-fg-muted);margin-bottom:var(--kt-ai-space-4)">Нужна помощь в выборе объекта?</p>
|
||||
<div style="display:flex;gap:var(--kt-ai-space-4);justify-content:center;flex-wrap:wrap">
|
||||
<a class="kt-ai-btn" data-variant="ghost" href="tel:+77271234567">
|
||||
<svg class="kt-icon" style="margin-right:6px"><use href="#megaphone"></use></svg>
|
||||
+7 (727) 123-45-67
|
||||
</a>
|
||||
<a class="kt-ai-btn" data-variant="primary" href="https://wa.me/77771234567?text=Здравствуйте! Интересует производственная недвижимость от Казахтелеком">
|
||||
<svg class="kt-icon" style="margin-right:6px"><use href="#chat"></use></svg>
|
||||
Написать в WhatsApp
|
||||
</a>
|
||||
<a class="kt-ai-btn" data-variant="ghost" href="mailto:realty@kazakhtelecom.kz">
|
||||
<a class="kt-ai-btn" data-variant="ghost" href="mailto:info@kazakhtelecom.kz">
|
||||
<svg class="kt-icon" style="margin-right:6px"><use href="#mail"></use></svg>
|
||||
realty@kazakhtelecom.kz
|
||||
info@kazakhtelecom.kz
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -225,83 +192,13 @@
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// Данные объектов (мок-данные для демонстрации)
|
||||
const objects = [
|
||||
{ id:1, type:'warehouse', title:'Складской комплекс, ул. Райымбек', area:1200, price:450, city:'Алматы', image:'https://loremflickr.com/800/600/warehouse', status:'В продаже' },
|
||||
{ id:2, type:'workshop', title:'Производственный цех с кран-балкой', area:800, price:320, city:'Астана', image:'https://loremflickr.com/800/600/factory', status:'В продаже' },
|
||||
{ id:3, type:'hangar', title:'Тёплый ангар, трасса Алматы-Бишкек', area:2500, price:680, city:'Алматы', image:'https://loremflickr.com/800/600/industrial', status:'В продаже' },
|
||||
{ id:4, type:'land', title:'Участок под производство, 1.2 га', area:12000, price:180, city:'Караганда', image:'https://loremflickr.com/800/600/land', status:'В продаже' },
|
||||
{ id:5, type:'warehouse', title:'Склад с офисом и КПП', area:650, price:280, city:'Алматы', image:'https://loremflickr.com/800/600/storage', status:'В продаже' },
|
||||
{ id:6, type:'workshop', title:'Цех металлообработки, ж/д ветка', area:1500, price:520, city:'Актау', image:'https://loremflickr.com/800/600/workshop', status:'В продаже' },
|
||||
{ id:7, type:'warehouse', title:'Логистический центр, ворота 6 шт', area:3200, price:890, city:'Шымкент', image:'https://loremflickr.com/800/600/warehouse', status:'В продаже' },
|
||||
{ id:8, type:'land', title:'Промышленная зона, все коммуникации', area:8500, price:125, city:'Павлодар', image:'https://loremflickr.com/800/600/industrial', status:'В продаже' },
|
||||
];
|
||||
|
||||
const typeLabels = { warehouse:'Склад', workshop:'Цех', hangar:'Ангар', land:'Участок' };
|
||||
|
||||
function renderObjects(filtered) {
|
||||
const grid = document.getElementById('objects-grid');
|
||||
grid.innerHTML = filtered.map(obj => `
|
||||
<article class="kt-ai-card object-card reveal" data-id="${obj.id}">
|
||||
<img src="${obj.image}" alt="${obj.title}" loading="lazy">
|
||||
<div>
|
||||
<h3 style="margin:0">${obj.title}</h3>
|
||||
<div class="object-meta" style="margin-top:8px">
|
||||
<span class="object-chip">${typeLabels[obj.type]}</span>
|
||||
<span class="object-chip">${obj.area} м²</span>
|
||||
<span class="object-chip">${obj.city}</span>
|
||||
<span class="object-chip" style="background:var(--kt-ai-primary);color:var(--kt-ai-bg)">${obj.status}</span>
|
||||
</div>
|
||||
<div class="object-price">${obj.price} млн ₸</div>
|
||||
</div>
|
||||
<a class="kt-ai-btn" data-variant="primary" href="#contacts">Оставить заявку</a>
|
||||
</article>
|
||||
`).join('');
|
||||
|
||||
// Re-init reveal animation
|
||||
document.querySelectorAll('.reveal').forEach(el => {
|
||||
el.classList.remove('in');
|
||||
io.observe(el);
|
||||
});
|
||||
}
|
||||
|
||||
function filterObjects() {
|
||||
const type = document.getElementById('filter-type').value;
|
||||
const city = document.getElementById('filter-city').value;
|
||||
const area = document.getElementById('filter-area').value;
|
||||
const price = document.getElementById('filter-price').value;
|
||||
|
||||
let filtered = objects;
|
||||
if (type) filtered = filtered.filter(o => o.type === type);
|
||||
if (city) filtered = filtered.filter(o => o.city === city);
|
||||
if (area) filtered = filtered.filter(o => o.area <= parseInt(area));
|
||||
if (price) filtered = filtered.filter(o => o.price <= parseInt(price));
|
||||
|
||||
renderObjects(filtered);
|
||||
}
|
||||
|
||||
function resetFilters() {
|
||||
document.getElementById('filter-type').value = '';
|
||||
document.getElementById('filter-city').value = '';
|
||||
document.getElementById('filter-area').value = '';
|
||||
document.getElementById('filter-price').value = '';
|
||||
renderObjects(objects);
|
||||
}
|
||||
|
||||
// Intersection Observer для анимации появления
|
||||
var io = new IntersectionObserver(function(entries) {
|
||||
entries.forEach(function(e) { if (e.isIntersecting) e.target.classList.add('in'); });
|
||||
}, { threshold: 0.15 });
|
||||
|
||||
// Инициализация
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
renderObjects(objects);
|
||||
|
||||
// Навешиваем обработчики на фильтры
|
||||
['filter-type', 'filter-city', 'filter-area', 'filter-price'].forEach(id => {
|
||||
document.getElementById(id).addEventListener('input', filterObjects);
|
||||
document.getElementById(id).addEventListener('change', filterObjects);
|
||||
});
|
||||
// Всё готово
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user