/* KazakhExport redesign (KE) */



/* wrapper вокруг старого интро-слайдера */

.ke-hero-wrap{ position:relative; }



/* накладываем новый слой поверх старого слайдера */

.ke-hero{

  position:absolute;

  inset:0;

  z-index:50;

  display:flex;

  align-items:center;

}



.ke-hero__container{

  width:100%;

  max-width:1200px;

  margin:0 auto;

  padding:0 24px;

  display:flex;

  gap:28px;

  align-items:flex-start;

}



/* левое вертикальное меню (как на макете) */

.ke-hero__menu{

  width:220px;

  padding-top:12px;

}

.ke-hero__menu a{

  display:block;

  padding:8px 0;

  color:#fff;

  text-decoration:none;

  text-transform:uppercase;

  font-weight:600;

  font-size:12px;

  letter-spacing:.06em;

}



/* три зелёные плитки */

.ke-hero__tiles{

  flex:1;

  display:flex;

  gap:18px;

  justify-content:center;

  padding-top:6px;

}

.ke-hero__tile{

  width:260px;

  background:#0b6b3a;

  padding:22px 20px;

  text-decoration:none;

  box-shadow:0 10px 30px rgba(0,0,0,.25);

  display:flex;

  flex-direction:column;

  gap:16px;

}

.ke-hero__tile-title{

  margin:0;

  color:#fff;

  text-transform:uppercase;

  font-weight:700;

  font-size:14px;

  line-height:1.25;

}

.ke-hero__btn{

  display:inline-block;

  align-self:flex-start;

  background:#c8a85e;

  color:#fff;

  padding:10px 16px;

  text-transform:uppercase;

  font-size:11px;

  font-weight:700;

  letter-spacing:.08em;

}



/* скрываем старый текст/точки у интро-слайдера, оставляя фон/картинку */

.ke-hero-wrap .intro-slider__info,

.ke-hero-wrap .intro-slider__dots,

.ke-hero-wrap .slick-dots,

.ke-hero-wrap .slick-arrow{

  display:none !important;

}



/* мобильная адаптация */

@media (max-width: 980px){

  .ke-hero{ position:static; padding:18px 0; }

  .ke-hero__container{ flex-direction:column; gap:14px; }

  .ke-hero__menu{ width:auto; display:none; }

  .ke-hero__tiles{ justify-content:flex-start; flex-direction:column; }

  .ke-hero__tile{ width:100%; max-width:420px; }

}

EOFcd /var/www/kazakhexport.kz

install -d -m 0755 public/js



cat > public/js/ke_redesign.js <<'EOF'

(function () {

  function pickLinks() {

    const tries = [

      document.querySelectorAll('.main-menu a'),

      document.querySelectorAll('.header-menu a'),

      document.querySelectorAll('header nav a'),

      document.querySelectorAll('nav a')

    ];

    for (const n of tries) {

      const arr = Array.from(n || []).filter(a => a && a.href && (a.textContent || '').trim().length >= 2);

      if (arr.length >= 5) return arr;

    }

    return [];

  }



  function byText(links, re) {

    const a = links.find(x => re.test((x.textContent || '').toLowerCase()));

    return a ? a.href : '#';

  }



  document.addEventListener('DOMContentLoaded', function () {

    const wrap =

      document.querySelector('.section.s-intro-slider') ||

      document.querySelector('.s-intro-slider') ||

      document.querySelector('.intro-slider') ||

      document.querySelector('.slick-slider');



    if (!wrap) return;



    wrap.classList.add('ke-hero-wrap');



    if (wrap.querySelector('.ke-hero')) return;



    const links = pickLinks();



    const hrefExport = byText(links, /экспорт/);

    const hrefImport = byText(links, /импорт/);

    const hrefReports = byText(links, /отчет|отчёт/);



    // вертикальное меню: берём из текущего меню сайта (если нашли), иначе хардкод

    const menuItems = (links.length ? links.slice(0, 6).map(a => ({

      t: (a.textContent || '').trim(),

      h: a.href

    })) : [

      {t:'ГЛАВНАЯ', h:'#'},

      {t:'О НАС', h:'#'},

      {t:'ПАРТНЕРЫ', h:'#'},

      {t:'ДЛЯ ЭКСПОРТЕРОВ', h:'#'},

      {t:'ЗАКУПКИ', h:'#'},

      {t:'КОНТАКТЫ', h:'#'}

    ]);



    const menuHtml = menuItems

      .filter(x => x.t && x.t.length)

      .map(x => '<a href="' + x.h + '">' + x.t + '</a>')

      .join('');



    const hero = document.createElement('div');

    hero.className = 'ke-hero';

    hero.innerHTML = ''

      + '<div class="ke-hero__container">'

      +   '<div class="ke-hero__menu">' + menuHtml + '</div>'

      +   '<div class="ke-hero__tiles">'

      +     '<a class="ke-hero__tile" href="' + hrefExport + '">'

      +       '<h3 class="ke-hero__tile-title">ДЛЯ ЭКСПОРТЕРОВ</h3>'

      +       '<span class="ke-hero__btn">ПОДРОБНЕЕ</span>'

      +     '</a>'

      +     '<a class="ke-hero__tile" href="' + hrefImport + '">'

      +       '<h3 class="ke-hero__tile-title">ДЛЯ ИМПОРТЕРОВ</h3>'

      +       '<span class="ke-hero__btn">ПОДРОБНЕЕ</span>'

      +     '</a>'

      +     '<a class="ke-hero__tile" href="' + hrefReports + '">'

      +       '<h3 class="ke-hero__tile-title">ОТЧЕТЫ</h3>'

      +       '<span class="ke-hero__btn">ПОДРОБНЕЕ</span>'

      +     '</a>'

      +   '</div>'

      + '</div>';



    wrap.insertBefore(hero, wrap.firstChild);

  });

})();