v6: лендинг-привлечение с ссылкой на e-gazuna.kz

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-variant="primary" data-size="lg" href="https://www.e-gazuna.kz" target="_blank" rel="noopener">
-      <a class="kt-ai-btn" data-size="lg" href="#contacts">Получить консультацию</a>
+        <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>
+      <h2 style="color:var(--kt-blue-600)">Все объекты доступны на площадке e-gazuna.kz</h2>
-      <p>Все объекты в собственности АО «Казахтелеком», готовы к сделке</p>
+      <p>Электронная торговая площадка для продажи имущества АО «Казахтелеком»</p>
     </div>
     
-    <div class="filters">
+    <div style="text-align:center;padding:var(--kt-ai-space-10)">
-      <select id="filter-type">
+      <div class="kt-ai-card" style="max-width:600px;margin:0 auto;padding:var(--kt-ai-space-8)">
-        <option value="">Все типы</option>
+        <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>
-        <option value="warehouse">Склады</option>
+        <h3 style="margin:0 0 var(--kt-ai-space-2)">Актуальный каталог объектов</h3>
-        <option value="workshop">Цеха</option>
+        <p style="color:var(--kt-ai-fg-muted);margin:0 0 var(--kt-ai-space-6)">Полный список производственных объектов, текущие лоты и онлайн-торги доступны на официальной площадке продаж</p>
-        <option value="hangar">Ангары</option>
+        <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">
-        <option value="land">Земельные участки</option>
+          <svg class="kt-icon" style="margin-right:8px"><use href="#external"></use></svg>
-      </select>
+          Перейти на e-gazuna.kz
-      <select id="filter-city">
+        </a>
-        <option value="">Все города</option>
+        <p style="font-size:var(--kt-ai-text-xs);color:var(--kt-ai-fg-muted);margin-top:var(--kt-ai-space-4)">Сайт откроется в новой вкладке</p>
-        <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>
-
-    <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>
+    <h2 style="color:var(--kt-blue-600)">Перейти к покупке объектов</h2>
-    <p>Оставьте заявку — специалист по недвижимости перезвонит в течение 15 минут, ответит на вопросы и согласует время просмотра</p>
+    <p style="max-width:700px;margin:0 auto">Все объекты АО «Казахтелеком» продаются через официальную торговую площадку <strong>www.e-gazuna.kz</strong>. Зарегистрируйтесь и участвуйте в торгах онлайн</p>
-    <form action="https://formsubmit.co/realty@kazakhtelecom.kz" method="POST" style="max-width:420px;margin:var(--kt-ai-space-6) auto">
+    <div style="text-align:center;margin-top:var(--kt-ai-space-8)">
-      <div class="kt-ai-field">
+      <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">
-        <label>Имя</label>
+        <svg class="kt-icon" style="margin-right:8px"><use href="#external"></use></svg>
-        <input class="kt-ai-input" name="name" placeholder="Как к вам обращаться" required>
+        Открыть сайт продаж 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=Здравствуйте! Интересует производственная недвижимость от Казахтелеком">
+        <a class="kt-ai-btn" data-variant="ghost" href="mailto:info@kazakhtelecom.kz">
-          <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">
           <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>