!!!!

import React, { useMemo, useState } from "react";
import { motion } from "framer-motion";
import {
ArrowRight,
Building2,
Factory,
ShieldCheck,
Cpu,
Monitor,
Layers3,
PanelTop,
Railway,
Plane,
Roads,
Trophy,
Clapperboard,
Presentation,
Flame,
BookOpen,
Star,
Phone,
Mail,
MapPin,
CheckCircle2,
Sparkles,
ChevronRight,
Menu,
X,
Search,
CircleDollarSign,
Waypoints,
Boxes,
MessageSquareQuote,
Clock3,
} from "lucide-react";

const nav = [
{ label: "Компания", href: "#company" },
{ label: "Продукция", href: "#products" },
{ label: "Решения", href: "#solutions" },
{ label: "Проекты", href: "#projects" },
{ label: "Полезные материалы", href: "#materials" },
{ label: "Отзывы", href: "#reviews" },
{ label: "Контакты", href: "#contacts" },
];

const metrics = [
{ value: "900+", label: "установок по России и СНГ" },
{ value: "20", label: "линий SMD-монтажа" },
{ value: "30", label: "термопластавтоматов" },
{ value: "15 мин", label: "на первичную обратную связь" },
];

const productGroups = [
{
title: "LED-экраны и фасадные системы",
items: [
"Светодиодные экраны для помещений",
"Уличные светодиодные экраны",
"Медиафасады",
"Радиусные светодиодные экраны",
"Прозрачные светодиодные экраны",
"Светодиодные экраны высокой четкости",
"Гибкие светодиодные экраны",
"Вертикальные светодиодные экраны",
"Большие светодиодные экраны",
],
icon: Monitor,
},
{
title: "Рекламные и конструктивные решения",
items: [
"Светодиодный пол",
"Суперсайты",
"Видеовывески",
"Светодиодный видеокуб",
"Видеопилоны",
"Видеостойки",
"Уличные светодиодные пилоны",
"Видеостены",
],
icon: Layers3,
},
{
title: "Информационные табло и транспорт",
items: [
"Информационные табло для дорог",
"Табло для РЖД",
],
icon: PanelTop,
},
];

const solutions = [
{
title: "Решение для города",
desc: "Медиаэкраны, архитектурные инсталляции и городские информационные поверхности.",
icon: Building2,
},
{
title: "Решение для ритейла",
desc: "Витрины, digital signage, промоэкраны и визуальные коммуникации в точке продаж.",
icon: CircleDollarSign,
},
{
title: "Уличные LED-экраны для рекламы",
desc: "Наружные рекламные экраны и медиафасады для высокой яркости и максимального охвата.",
icon: Flame,
},
{
title: "Решения для торговых центров",
desc: "Фасады, атриумы, навигация и рекламные плоскости для ТЦ и многофункциональных комплексов.",
icon: Waypoints,
},
{
title: "Светодиодные экраны для телестудий",
desc: "Мелкий шаг, высокая частота обновления и визуальная чистота для эфирной съемки.",
icon: Presentation,
},
{
title: "Решение для РЖД",
desc: "Табло, указатели, навигация и стойки SOS для вокзалов и транспортных узлов.",
icon: Railway,
},
{
title: "Решение для аэропортов",
desc: "Табло рейсов, информационные системы и крупноформатные экраны для терминалов.",
icon: Plane,
},
{
title: "Решение для дорог",
desc: "ТОИ, ТПИ, дорожные информационные дисплеи и управляемые знаки.",
icon: Roads,
},
{
title: "Решение для спорткомплексов",
desc: "Видеокубы, периметры, табло и экраны для стадионов, ледовых арен и залов.",
icon: Trophy,
},
{
title: "Светодиодные экраны для сцены",
desc: "Сценические сборные решения для концертов, шоу, театров и мероприятий.",
icon: Clapperboard,
},
{
title: "Табло для футбола",
desc: "Информационные и рекламные табло для футбольных стадионов и спортобъектов.",
icon: Trophy,
},
{
title: "Большие киноэкраны для кинотеатров",
desc: "LED-киноэкраны для нового формата зрительского опыта и стабильной яркости.",
icon: Clapperboard,
},
{
title: "Цифровой рекламный билборд для улицы",
desc: "Отдельно стоящие digital-конструкции для городской рекламы и информирования.",
icon: Flame,
},
{
title: "Экраны для конференц-залов",
desc: "Крупные экраны и видеостены для переговорных, форумов и корпоративных мероприятий.",
icon: Presentation,
},
{
title: "Большие светодиодные экраны",
desc: "Крупноформатные системы для улицы, фасадов, арен и общественных пространств.",
icon: Monitor,
},
{
title: "Светодиодные информационные табло",
desc: "Текстовая, графическая и числовая визуализация для инфраструктурных объектов.",
icon: PanelTop,
},
{
title: "Экраны и табло для МЧС",
desc: "Надежные средства оповещения и отображения информации для специализированных задач.",
icon: ShieldCheck,
},
];

const projects = [
{
city: "Москва",
place: "ТЦ Афимол",
title: "LED-экраны для магазина GRUNDIG",
tag: "Ритейл",
},
{
city: "Смоленск",
place: "Городская среда",
title: "Светодиодный видеоэкран в г. Смоленск",
tag: "Город",
},
{
city: "Москва",
place: "Дорожная инфраструктура",
title: "Управляемые дорожные знаки ТОИ",
tag: "Дороги",
},
{
city: "Дубна",
place: "Наружная реклама",
title: "Светодиодный экран серии Alfa",
tag: "Реклама",
},
{
city: "Москва ВДНХ",
place: "Телестудия",
title: "Светодиодные экраны для телестудий Россия 1",
tag: "TV",
},
{
city: "Москва и область",
place: "Транспортный контур",
title: "Поставка электронно-динамических указателей и стоек SOS",
tag: "РЖД / SOS",
},
{
city: "Хабаровск",
place: "Платная трасса",
title: "Табло водителя первой платной трассы на Дальнем Востоке",
tag: "Транспорт",
},
{
city: "Москва и область",
place: "ЖД инфраструктура",
title: "Монтаж табло для РЖД и колонн экстренного вызова SOS",
tag: "РЖД",
},
];

const materials = [
"Классы защиты медиафасадов",
"Сферы применения LED видеокубов",
"Характеристики и адаптивность конструкции суперсайта",
"Особенности прозрачных светодиодных экранов",
"Светодиодные информационные электронные табло",
"Выбор LED-экранов для сцены",
"Преимущества гибких светодиодных экранов",
"Эксплуатация и обслуживание медиафасадов",
"Конструкция и выбор уличного светодиодного экрана",
"Видеоэкраны в конференц-залах",
"Комплексные автоматизированные системы информирования для аэропортов",
"Табло отображения информации (ТОИ)",
];

const reviews = [
"Отзыв клиента — 4 уличных светодиодных экрана для автотрека Moscow Raceway (Формула‑1)",
"Отзыв клиента — уличный светодиодный экран г. Тверь (кинотеатр Звезда)",
"Отзыв клиента — уличный светодиодный экран для наружной рекламы г. Ивантеевка",
"Отзыв клиента — уличный светодиодный экран для наружной рекламы г. Кинешма",
"Отзыв клиента — уличный светодиодный экран для наружной рекламы г. Серов",
"Отзыв клиента — светодиодный экран (видео табло), стадион Спартак, г. Новосибирск",
];

const clients = [
"Ритейл",
"Ж/Д перевозки",
"ТВ и медиа",
"Спорткомплексы",
"Торговые центры",
"Дорожная инфраструктура",
"Аэропорты",
"Государственные структуры",
];

const fadeUp = {
initial: { opacity: 0, y: 24 },
whileInView: { opacity: 1, y: 0 },
viewport: { once: true, margin: "-80px" },
transition: { duration: 0.55 },
};

function SectionTitle({ eyebrow, title, text, align = "left" }) {
return (

{eyebrow}

{title}

{text}

);
}

function Stat({ value, label }) {
return (

{value}

{label}

);
}

function PremiumCard({ icon: Icon, title, desc, chip }) {
return (

{chip ? (

{chip}

) : null}

{title}

{desc}

);
}

export default function DisplaySystemsPremiumSite() {
const [mobileOpen, setMobileOpen] = useState(false);
const [query, setQuery] = useState("");

const filteredProducts = useMemo(() => {
const q = query.trim().toLowerCase();
if (!q) return productGroups;
return productGroups
.map((group) => ({
...group,
items: group.items.filter((item) => item.toLowerCase().includes(q)),
}))
.filter((group) => group.items.length > 0);
}, [query]);

return (

НПО

Дисплейные Системы

+7 (495) 740-83-13

href="#contacts"
className="inline-flex items-center gap-2 rounded-full border border-cyan-300/20 bg-cyan-400/10 px-4 py-2 text-sm font-medium text-white transition hover:bg-cyan-400/20"
>
Обсудить проект

className="inline-flex h-11 w-11 items-center justify-center rounded-2xl border border-white/10 bg-white/5 lg:hidden"
onClick={() => setMobileOpen((v) => !v)}
aria-label="Открыть меню"
>
{mobileOpen ? :

}

{mobileOpen ? (

{nav.map((item) => (
key={item.label}
href={item.href}
onClick={() => setMobileOpen(false)}
className="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200"
>
{item.label}

))}

) : null}

Производство • Инжиниринг • Сервис

Электронные системы отображения

премиального уровня

Новый digital-образ НПО «Дисплейные Системы»: современный, дорогой, технологичный и удобный.
Сайт объединяет все ключевые рубрики старого ресурса и подает их в сильной визуальной системе.

href="#products"
className="inline-flex items-center justify-center gap-2 rounded-full bg-white px-6 py-3.5 text-sm font-semibold text-slate-950 transition hover:scale-[1.01]"
>
Смотреть продукцию

href="#solutions"
className="inline-flex items-center justify-center gap-2 rounded-full border border-white/15 bg-white/5 px-6 py-3.5 text-sm font-semibold text-white transition hover:bg-white/10"
>
Подобрать решение

{[
{ title: "Медиафасады", text: "Архитектурные поверхности и наружная реклама", icon: Building2 },
{ title: "РЖД и транспорт", text: "Табло, навигация, стойки SOS, вокзалы и терминалы", icon: Railway },
{ title: "Телестудии", text: "Мелкий шаг, высокая частота, clean broadcast", icon: Presentation },
{ title: "Спорткомплексы", text: "Видеокубы, периметры, стадионные табло", icon: Trophy },
].map((item) => {
const Icon = item.icon;
return (

{item.title}

{item.text}

);
})}

Технологический профиль

Разработка • Производство • ПО • Монтаж

Москва, 16-я Парковая, 26

{metrics.map((item) => (

))}

eyebrow="Компания"
title="Крупное и многопрофильное предприятие с полным производственным контуром"
text="НПО «Дисплейные Системы» занимается разработкой и производством электронных средств отображения информации. В новой версии сайта этот блок подается как сильная корпоративная витрина с акцентом на масштабе, инженерии и доверии."
/>

Направления деятельности

{[
"Светодиодные экраны для помещений",
"Уличные светодиодные экраны",
"Медиафасады",
"Прозрачные светодиодные экраны",
"Светодиодные экраны высокой четкости",
"Гибкие светодиодные экраны",
"Информационные табло для дорог",
"Табло для ЖД вокзалов",
"Видеостены",
"Светодиодный пол",
"Суперсайты",
"Видеопилоны",
"Уличные светодиодные пилоны",
].map((item) => (

{item}

))}

{[
{
icon: Cpu,
title: "Современное оборудование",
desc: "Высокотехнологичное производство с контролем качества на каждом этапе.",
},
{
icon: ShieldCheck,
title: "Компоненты мирового уровня",
desc: "Надежная элементная база и предсказуемая эксплуатация оборудования.",
},
{
icon: Sparkles,
title: "Собственное ПО и разработки",
desc: "Собственные инженерные решения для стабильной работы экранных систем.",
},
].map((item) => (

{item.title}

{item.desc}

))}

Производственные мощности

{[
"Цех SMD-монтажа",
"20 линий SMD-монтажа",
"Линии поверхностного монтажа",
"30 машин термопластавтоматов",
"Лазерная резка",
"20 станков фрезерного оборудования",
"Линии покраски",
"Цех производства светодиодных экранов, табло и медиафасадов",
].map((item) => (

{item}

))}

eyebrow="Продукция"
title="Весь каталог продукции собран в понятную, сильную и масштабируемую структуру"
text="Вместо перегруженного списка — сегментация по типам систем. Все рубрики старого сайта сохранены и сведены в новую удобную архитектуру каталога."
/>

value={query}
onChange={(e) => setQuery(e.target.value)}
placeholder="Поиск по продукции"
className="w-full rounded-full border border-white/10 bg-white/5 py-3 pl-11 pr-4 text-sm text-white outline-none placeholder:text-slate-500 focus:border-cyan-300/30"
/>

{filteredProducts.map((group) => {
const Icon = group.icon;
return (

{group.title}

{group.items.length} позиций

{group.items.map((item) => (

{item}

))}

);
})}

eyebrow="Решения"
title="От витрин и телестудий до дорог, вокзалов и стадионов"
text="Раздел решений превращен в понятную сетку отраслевых сценариев. Пользователь быстро находит свой кейс, а визуальная подача подчеркивает масштаб и инженерную компетенцию компании."
/>

{solutions.map((item, idx) => (

))}

{projects.map((project) => (

{project.tag}

{project.title}

{project.city}

{project.place}

))}

{materials.map((item) => (

{item}

Статья / экспертный материал

))}

{reviews.map((item, index) => (

Кейc {String(index + 1).padStart(2, "0")}

{item}

))}

Клиенты

Компании и отрасли, с которыми работает предприятие

Блок клиентов из старого сайта переосмыслен как строгая лента отраслевого доверия — без визуального шума, но с ощущением масштаба и подтвержденной экспертизы.

{clients.map((item) => (

{item}

))}

Контакты

Обсудим проект и подберем решение

Структура контактов сохранена: телефоны, email, адрес, форма обращения и акцент на быстром первом ответе.

+7 (495) 740-83-13

+7 (925) 157-71-43

info@bigdisplay.ru

105484, Москва, 16-я Парковая, 26

Свяжемся в течение 15 минут для обсуждения проекта

</div>
                <div className="mt-4 text-xs leading-5 text-slate-500">
                  Нажимая кнопку, вы соглашаетесь с условиями политики конфиденциальности.
                </div>
                <div className="mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
                  <button className="inline-flex items-center justify-center gap-2 rounded-full bg-white px-6 py-3.5 text-sm font-semibold text-slate-950 transition hover:scale-[1.01]">
                    Отправить заявку <ArrowRight className="h-4 w-4" />
                  </button>
                  <div className="text-sm text-slate-400">Концепт формы для нового сайта</div>
                </div>
              </div>
            </motion.div>
          </div>
        </section>
      </main>

<footer className="border-t border-white/10 px-4 py-8 sm:px-6 lg:px-8">
        <div className="mx-auto flex max-w-7xl flex-col gap-4 text-sm text-slate-400 sm:flex-row sm:items-center sm:justify-between">
          <div>© НПО «Дисплейные Системы» — концепт современного корпоративного сайта</div>
          <div className="flex flex-wrap gap-5">
            <a href="#company" className="transition hover:text-white">Компания</a>
            <a href="#products" className="transition hover:text-white">Продукция</a>
            <a href="#solutions" className="transition hover:text-white">Решения</a>
            <a href="#projects" className="transition hover:text-white">Проекты</a>
            <a href="#contacts" className="transition hover:text-white">Контакты</a>
          </div>
        </div>
      </footer>
    </div>
  );
}
<section class="back"><a href="/article">все статьи</a></section>
  </div>
</div>
</article>

<div class="container page-teaser teaser mt-6">
  <div class="row"><div class="col-12 col-lg-8 align-items-baseline">
    <h2 class="h-2">Клиенты</h2>
    <p class="h-4 py-3 py-lg-3 text-bd-gray">Мы сотрудничали с крупными компаниями из разных сфер деятельности: от ритейла до ж\д перевозчиков:</p>
  </div>
<div class="row"><section class="regular slider">
<img src="/files/trast/avtodor.svg" alt="Автодор" title="Автодор">
<img src="/files/trast/cisco.svg">
<img src="/files/trast/dme.svg">
<img src="/files/trast/gazprom.svg">
<img src="/files/trast/luk.svg">
<img src="/files/trast/mcd.svg">
<img src="/files/trast/panasonic.svg">
<img src="/files/trast/rjd.svg">
<img src="/files/trast/russia1.svg">
<img src="/files/trast/svo.svg">
<img src="/files/trast/samsung.svg">
<img src="/files/trast/sber.svg">
<img src="/files/trast/tg.svg">
</section></div></div></div>
<footer id="footer" class="mt-6 py-4">
    
    
    
          <div class="container">
    
    
    
          <div class="row my-3">
    
    
    
          <div class="col-12 col-xxl-6 col-md-12"><div class="d-inline-block"><a href="/"><img src="/sites/all/themes/bdisplay/logo.svg" class="brand pb-5" alt="Дисплейные Системы ТД" loading="lazy"></a></div></div>

<div class="col-12 col-xxl-4 col-md-7">  <span class="h3 h-3 my-4 my-md-0 d-block">105484, Москва, 16-я Парковая, 26</span>
  <span class="h3 h-3 d-block"><a href="mailto:info@bigdisplay.ru">info@bigdisplay.ru</a></span>
</div>    
    
    
  <div class="panel-pane pane-phone col-12 col-xxl-2 col-md-5"  >

<span  class="h3 h-3 d-block"><a href="tel:+74957408313">+7 (495) 740-83-13</a></span>
<span class="h3 h-3 d-block"><a href="tel:+79251577143">+7 (925) 157-71-43</a></span>    
    
    
  </div>
</div>    
    
    
<div class="panel-separator"></div>
    
    
    
          <div class="row pt-4">
    
    
    
          <div class="col-12 order-2 col-xxl-6 col-md-7 small order-md-1">© Bigdisplay, 2026</div>

<div class="col-12 order-1 col-xxl-6 col-md-5 small order-md-2 mb-4 mb-md-0 legal"><a href="/legal">Политика конфиденциальности</a></div>    
    
    
</div>    
    
    
</div>    
    
    
</footer>
<div class="ym-counter"><script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(94440763, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true, webvisor:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/94440763" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]function(){(m[i].a=m[i].a[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

ym(98740567, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/98740567" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
</div><script>
<![CDATA[//><!]]>
</script>
<script src="/files/advagg_js/js__-KjzGWjZoizNuzrB_stIM24EDsRERQ07hjMhg4cIFNo__Wy8EmfaZkeWUNXl3f2kklLbLI0ka1tWHxgT0r0jexrI__1b36pErAoflAlKPTUky2mOBxYpV_0dL6SOlUREvCmbs.js"></script>
<script>
<![CDATA[//><!--
/* Font Face Observer v2.3.0 - © Bram Stein. License: BSD-3-Clause */(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}());

//--><!]]>
</script>
<script src="/files/advagg_js/js__HxTbhN-HTG8H6pU8ZNTXLhmTeg8fhzG_sbeVLz0gBqU__AdhAFZ5QAk_VrKkFUOCnxJb9ANrhuWlKf15A7QHm14M__1b36pErAoflAlKPTUky2mOBxYpV_0dL6SOlUREvCmbs.js" defer="defer" async="async"></script>
<script src="/files/advagg_js/js__dj3sVthS3j9WxJ9dBZEpAubS-pTHRil2eKx4KsUNzco__jP0YMIY5U3WNEZIvQ3qqHn2OR5A-9aexPiQrZtnNbg0__1b36pErAoflAlKPTUky2mOBxYpV_0dL6SOlUREvCmbs.js"></script>
<script>
<![CDATA[//><!]]>
</script>
</body>
</html>

!!!!

{title}

{title}

Электронные системы отображения премиального уровня

Компании и отрасли, с которыми работает предприятие

Обсудим проект и подберем решение

Электронные системы отображения

премиального уровня