/* Локальное подключение шрифта Inter для абсолютного соблюдения 152-ФЗ и GDPR */
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/fonts/inter-regular.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/fonts/inter-medium.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('/fonts/inter-semibold.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/fonts/inter-bold.woff2') format('woff2');
}
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #121212;
color: #e0e0e0;
margin: 0;
padding: 0;
scroll-behavior: smooth;
line-height: 1.5;
}
.header-bg {
background: #1a1a1a;
padding: 2rem 0;
border-bottom: 1px solid #333;
}
/* --- ПРОДАКШН ДОБАВЛЕНИЕ: Стили для главного экрана (Hero Section) --- */
.hero-section {
background: linear-gradient(135deg, #1a1a1a 0%, #121212 100%);
border-bottom: 2px solid #3b82f6;
padding: 4rem 1rem;
text-align: center;
position: relative;
overflow: hidden;
}
.hero-section::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
background: radial-gradient(circle at 50% 0%, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
pointer-events: none;
}
.hero-title {
font-size: 3.5rem;
font-weight: 800;
color: #ffffff;
margin-bottom: 1.5rem;
line-height: 1.2;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}
.hero-subtitle {
font-size: 1.25rem;
color: #a0aec0;
max-width: 800px;
margin: 0 auto 2.5rem auto;
line-height: 1.6;
}
.hero-stats {
display: flex;
justify-content: center;
gap: 3rem;
margin-bottom: 3rem;
flex-wrap: wrap;
}
.stat-item {
display: flex;
flex-direction: column;
align-items: center;
background: rgba(30, 30, 30, 0.6);
padding: 1rem 2rem;
border-radius: 12px;
border: 1px solid #333;
}
.stat-number {
font-size: 2rem;
font-weight: 700;
color: #3b82f6;
}
.stat-label {
font-size: 0.9rem;
color: #e0e0e0;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: 0.5rem;
}
@media (max-width: 768px) {
.hero-title { font-size: 2.2rem; }
.hero-stats { gap: 1.5rem; flex-direction: column; align-items: center; }
.stat-item { width: 100%; max-width: 250px; }
.stat-number { font-size: 1.5rem; }
}
/* --- КОНЕЦ ПРОДАКШН ДОБАВЛЕНИЯ --- */
/* --- ИЗМЕНЕНО: Стили для текстового логотипа заменены на стили для логотипа-изображения --- */
.logo-link {
display: flex;
align-items: center;
flex-shrink: 0;
text-decoration: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}
.logo-image {
height: 180px;
width: auto;
max-width: 100%;
flex-shrink: 0;
object-fit: contain;
transition: opacity 0.2s ease, transform 0.2s ease;
will-change: transform;
}
.logo-link:hover .logo-image {
opacity: 0.9; /* Легкий эффект при наведении */
/* Легкое увеличение */
}
/* --- КОНЕЦ ИЗМЕНЕНИЯ --- */
.contact-info {
display: flex;
flex-direction: column;
gap: 0.75rem;
font-size: 2.5rem; /* 🎨 ВАШ СТИЛЬ (2.5rem) - СОХРАНЕНО */
font-weight: 500;
align-items: flex-end;
}
.product-card {
background: #1e1e1e;
border: 1px solid #333;
border-radius: 12px;
padding: 1rem;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.product-card:hover {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
.product-card img {
width: 100%;
height: 160px;
object-fit: cover;
border-radius: 8px;
}
.price-lens {
background: #3b82f6;
color: white;
padding: 0.5rem 0;
border-radius: 12px;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
width: 100%;
max-width: 200px;
margin: 0.5rem auto;
height: 40px;
line-height: 24px;
cursor: pointer;
}
.price-lens:hover {
background: #2563eb;
}
.disclaimer {
background: #2d2d2d;
border: 1px solid #facc15;
padding: 1rem;
border-radius: 8px;
font-size: 0.85rem;
color: #e0e0e0;
text-align: center;
margin-bottom: 1rem;
}
.section-bg {
background: #1e1e1e;
border: 1px solid #333;
border-radius: 12px;
padding: 1.5rem;
}
/* Стили контактных блоков, которые заменили форму */
.contact-block-premium {
background: #2d2d2d;
border: 1px solid #3b82f6;
border-radius: 12px;
padding: 2rem;
text-align: center;
transition: all 0.3s ease;
}
.contact-block-premium:hover {
box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
border-color: #60a5fa;
}
.footer-bg {
background: #1a1a1a;
padding: 2rem 0;
border-top: 1px solid #333;
}
.hero-bg {
background: #1e1e1e;
padding: 2rem 0;
text-align: center;
}
.category-header {
cursor: pointer;
padding: 0.75rem;
background: #2d2d2d;
border-radius: 8px;
font-weight: 600;
display: flex;
justify-content: space-between;
align-items: center;
}
.category-header:hover {
background: #3b82f6;
}
a.no-underline {
text-decoration: none;
color: #D4AF37; /* 🎨 ВАШ СТИЛЬ (Золотой) - СОХРАНЕНО */
}
a.no-underline:hover {
color: #f6cf6b; /* 🎨 ВАШ СТИЛЬ (Золотой hover) - СОХРАНЕНО */
}
.product-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
.product-grid.open {
max-height: 10000px;
}
.nav-button {
background: #3b82f6;
color: white;
padding: 0.5rem 0;
border-radius: 12px;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
width: 100%;
max-width: 280px;
height: 48px;
line-height: 24px;
margin: 0.5rem;
white-space: normal;
display: flex;
align-items: center;
justify-content: center;
/* --- SEO ДОБАВЛЕНИЕ: Плавный эффект для ссылок-кнопок --- */
transition: background 0.2s ease, transform 0.1s ease;
text-decoration: none; /* Убираем подчеркивание у ссылок */
}
/* --- SEO ДОБАВЛЕНИЕ: Стиль для навигационных ссылок-кнопок --- */
a.nav-button {
color: white; /* Обеспечиваем, чтобы текст был белым */
}
.nav-button:hover {
background: #2563eb;
}
.hamburger {
display: none;
flex-direction: column;
justify-content: space-around;
width: 24px;
height: 18px;
cursor: pointer;
position: fixed;
top: 16px;
right: 16px;
z-index: 2000;
}
.hamburger div {
width: 100%;
height: 3px;
background: #e0e0e0;
transition: all 0.3s ease;
}
.hamburger.open div:nth-child(1) {
transform: rotate(45deg) translate(5px, 5px);
}
.hamburger.open div:nth-child(2) {
opacity: 0;
}
.hamburger.open div:nth-child(3) {
transform: rotate(-45deg) translate(7px, -7px);
}
.close-menu {
position: absolute;
top: 16px;
right: 16px;
font-size: 1.5rem;
color: #e0e0e0;
cursor: pointer;
z-index: 2100;
}
/* --- УЛУЧШЕННОЕ МОБИЛЬНОЕ МЕНЮ (iPhone FIX): ПРОКРУТКА, МАСШТАБ И ЗАЩИТА --- */
/* Добавлено overflow-y для прокрутки, уменьшен gap и font-size, добавлены защиты от случайных касаний (touch-action) */
.nav-menu {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transform: translateX(100%);
background: #1a1a1a;
position: fixed;
top: 0;
right: 0;
height: 100%;
height: 100dvh; /* Корректная высота на iPhone с учетом панелей браузера */
width: 75%;
padding: 3.5rem 1.5rem 5rem 1.5rem; /* Верхний отступ под крестик, нижний под свободный скролл */
z-index: 1000;
display: flex; /* Заменяем block на flex для контроля внутреннего пространства */
flex-direction: column;
overflow-y: auto; /* ГЛАВНОЕ: Разрешаем вертикальную прокрутку меню */
-webkit-overflow-scrolling: touch; /* Плавный нативный скролл на iOS */
overscroll-behavior-y: contain; /* Блокировка прокрутки основного сайта под меню */
box-shadow: -5px 0 25px rgba(0, 0, 0, 0.5); /* Эстетика и глубина */
}
.nav-menu.open {
transform: translateX(0);
}
.nav-menu:not(.open) {
display: none;
}
.nav-menu ul {
display: flex;
flex-direction: column;
gap: 0.4rem; /* Сильно уменьшаем расстояние между кнопками, чтобы больше влезло на 1 экран */
margin: 0;
padding: 0;
list-style: none;
}
/* Точечное переопределение стилей кнопок ИМЕННО внутри бокового меню для компактности */
.nav-menu .nav-button {
height: 38px; /* Уменьшенная высота кнопок */
line-height: 1.2;
font-size: 0.8rem; /* Уменьшенный шрифт для вместимости на iPhone */
margin: 0;
padding: 0.25rem 0.5rem;
white-space: normal; /* Разрешаем перенос длинных названий */
touch-action: manipulation; /* Запрет двойного тапа (ускоряет клик, убирает ошибки нажатия) */
-webkit-tap-highlight-color: transparent; /* Убирает темный квадрат при тапе на iOS */
border: 1px solid transparent; /* Подготовка под hover/active */
}
.nav-menu .nav-button:active {
transform: scale(0.98); /* Легкий отклик при нажатии пальцем */
background: #2563eb;
}
/* Дополнительная защита от случайных срабатываний на заголовках категорий (треугольниках) */
.category-header {
touch-action: manipulation;
user-select: none;
-webkit-user-select: none; /* Запрет случайного выделения текста при скролле */
-webkit-tap-highlight-color: transparent; /* Убирает серое выделение блока на Айфоне */
}
/* --- КОНЕЦ ДОБАВОК МЕНЮ --- */
.partners {
padding: 2rem 0;
background: #121212;
}
.partners-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
max-width: 1000px;
margin: 0 auto;
}
.partner-item {
background: #2d2d2d;
border-radius: 12px;
padding: 1rem;
color: white;
text-align: center;
transition: transform 0.2s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 280px;
}
.partner-item:hover {
}
.partner-item img {
max-width: 70%;
max-height: 70%;
width: auto;
height: auto;
margin-bottom: 0.5rem;
object-fit: contain;
}
.partner-item p {
font-size: 0.9rem;
margin: 0;
}
.footer-text {
max-width: 800px;
margin: 1rem auto;
text-align: center;
font-size: 1rem;
}
.footer-contact {
display: flex;
justify-content: center;
gap: 1.5rem;
margin-bottom: 1rem;
}
.action-button {
background: #3b82f6;
color: white;
padding: 0.5rem 0;
border-radius: 12px;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
width: 100%;
max-width: 200px;
height: 40px;
line-height: 24px;
margin: 0.5rem auto;
}
.action-button:hover {
background: #2563eb;
}
.button-container {
display: flex;
gap: 0.5rem;
justify-content: center;
margin-bottom: 1rem;
}
.card-button-container {
display: flex;
gap: 0.5rem;
justify-content: center;
margin-top: 0.5rem;
}
.card-action-button {
background: #3b82f6;
color: white;
padding: 0.5rem 0;
border-radius: 12px;
font-size: 0.9rem;
font-weight: 600;
text-align: center;
width: 100%;
max-width: 200px;
height: 40px;
line-height: 24px;
margin: 0.5rem auto;
}
.card-action-button:hover {
background: #2563eb;
}
@media (max-width: 1024px) {
.nav-desktop { display: none; }
.hamburger { display: flex; }
}
@media (min-width: 1025px) {
.nav-menu { display: none; }
.nav-desktop { display: flex; }
/* Удалите или закомментируйте следующую строку, если хотите, чтобы категории сворачивались на десктопе: */
/* .product-grid { max-height: none; } */
.close-menu { display: none; }
}
/* --- ИСПРАВЛЕНИЕ (ПЕРЕПРОВЕРКА): Удалена лишняя закрывающая скобка '}' --- */
@media (max-width: 768px) {
.product-grid, .partners-grid { grid-template-columns: repeat(auto-fill, minmax(100%, 1fr)); }
.product-card, .partner-item { max-width: 100%; height: auto; }
.section-bg, .contact-block-premium { padding: 1rem; }
.partners-grid { padding: 0 0.5rem; }
.button-container, .card-button-container { flex-direction: row; gap: 0.5rem; }
.action-button, .card-action-button { width: 100%; max-width: 200px; height: 40px; }
.footer-contact { flex-direction: column; gap: 0.5rem; align-items: center; }
}
@media (max-width: 640px) {
/* --- ИЗМЕНЕНО: Правило для .logo (текст) заменено на .logo-image (картинка) --- */
h1 { font-size: 2rem; } /* Сохраняем правило для H1, если он используется в другом месте */
.logo-image {
height: 120px; /* 🎨 ВАШ СТИЛЬ (120px) - СОХРАНЕНО */
}
/* --- КОНЕЦ ИЗМЕНЕНИЯ --- */
h2 { font-size: 1.5rem; }
.contact-block-premium { padding: 0.75rem; }
.header-bg .container { flex-wrap: wrap; gap: 0.5rem; }
.contact-info { font-size: 1.2rem; align-items: center; }
.action-button, .card-action-button, .price-lens { font-size: 0.85rem; padding: 0.5rem 0; height: 36px; line-height: 20px; max-width: 180px; }
}
/* Стили для секции партнёров */
.partners {
padding: 2rem 0;
background: #121212;
}
.partners-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
max-width: 1000px;
margin: 0 auto;
}
.partner-item {
background: #1e1e1e;
border: 2px solid #3b82f6;
border-radius: 16px;
padding: 1.25rem;
color: white;
text-align: center;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 280px;
box-shadow: 0 0 0 transparent;
}
.partner-item:hover {
box-shadow: 0 0 14px #3b82f6;
border-color: #2563eb;
}
.partner-item img {
max-width: 70%;
max-height: 70%;
object-fit: contain;
border-radius: 50%;
border: 3px solid #3b82f6;
background-color: #1a1a1a;
padding: 12px;
transition: all 0.3s ease;
}
.partner-item:hover img {
border-color: #2563eb;
box-shadow: 0 0 10px #2563eb;
}
.partner-item p {
font-size: 0.9rem;
margin: 0;
}
/* Адаптация для мобильных устройств (iPhone и экраны до 480px) */
@media (max-width: 480px) {
.partners-grid {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 1rem;
padding: 0 0.5rem;
}
.partner-item {
padding: 0.75rem;
height: 180px;
border-radius: 12px;
}
.partner-item img {
max-height: 60px;
max-width: 60%;
padding: 8px;
border-width: 2px;
}
.partner-item p {
font-size: 0.8rem;
line-height: 1.2;
}
}
/* --- СТИЛИ ДЛЯ БЛОКА PDF ДОКУМЕНТОВ --- */
.pdf-section {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 1px solid #333;
}
.pdf-section-title {
font-size: 1.5rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 1rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.pdf-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1rem;
}
.pdf-link {
display: flex;
align-items: center;
gap: 0.75rem;
background: #2d2d2d;
padding: 1rem;
border-radius: 8px;
color: #e0e0e0;
text-decoration: none;
border: 1px solid #333;
transition: all 0.2s ease;
font-size: 0.85rem;
line-height: 1.4;
}
.pdf-link:hover {
background: #1a1a1a;
border-color: #3b82f6;
color: #ffffff;
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.2);
}
.pdf-icon {
width: 28px;
height: 28px;
flex-shrink: 0;
fill: #ef4444; /* Красный цвет иконки PDF */
}
.pdf-footer-block {
background: #2d2d2d;
border: 1px solid #3b82f6;
border-radius: 12px;
padding: 1.5rem;
margin-bottom: 2rem;
text-align: center;
}
.pdf-footer-links {
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: 1rem;
}
/* *** СТИЛИ ДЛЯ КНОПОК КОПИРОВАНИЯ И ШАБЛОНОВ *** */
.alpha-email-btn {
display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box;
background-color: #3b82f6; color: #ffffff; padding: 16px 24px; border-radius: 8px;
font-size: 16px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
text-decoration: none; transition: all 0.3s ease; box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.alpha-email-btn:hover { background-color: #2563eb; color: #ffffff; }
.alpha-email-btn.partner-btn {
background-color: #10b981; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
.alpha-email-btn.partner-btn:hover { background-color: #059669; }
.alpha-copy-btn {
display: flex; align-items: center; justify-content: center; background-color: transparent;
border: 2px dashed #4b5563; color: #e0e0e0; padding: 14px 10px; border-radius: 8px;
cursor: pointer; font-size: 13px; font-weight: bold; text-transform: uppercase; transition: all 0.3s ease;
}
.alpha-copy-btn:hover { border-color: #3b82f6; background-color: rgba(59, 130, 246, 0.1); color: #ffffff; }
.copy-grid-system { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
@media (max-width: 768px) {
.alpha-email-btn { padding: 14px 10px; font-size: 14px; text-align: center; }
.copy-grid-system { grid-template-columns: 1fr; gap: 10px; }
}
Морское и речное навигационное оборудование {product.name} от официального дилера NSR (AlphaSolutions) разработано для обеспечения безопасности и надежной связи в любых условиях.
Наше оборудование имеет все необходимые сертификаты РМРС (Российский морской регистр судоходства) и РКО (Российский Речной Регистр — Российское Классификационное Общество) ,
что гарантирует его безупречную работу как на внутренних водных путях (ВВП), так и в международных морских акваториях в рамках ГМССБ (GMDSS).
Оно идеально интегрируется в любые судовые системы (АИС, ЭКНИС, радары) и выдерживает экстремальные климатические нагрузки.
Типы судов и плавучих объектов
{[
{
n: "Сухогрузы и Балкеры",
svg: (
)
},
{
n: "Танкеры",
svg: (
)
},
{
n: "Контейнеровозы",
svg: (
)
},
{
n: "Ледоколы",
svg: (
)
},
{
n: "Буксиры и Толкачи",
svg: (
)
},
{
n: "Паромы",
svg: (
)
},
{
n: "Земснаряды",
svg: (
)
},
{
n: "Плавучие краны",
svg: (
)
},
{
n: "Пассажирские суда",
svg: (
)
},
{
n: "Круизные лайнеры",
svg: (
)
},
{
n: "Рыболовные траулеры",
svg: (
)
},
{
n: "Сейнеры",
svg: (
)
},
{
n: "Суда класса «река-море» (МПР)",
svg: (
)
},
{
n: "Ролкеры (Ro-Ro)",
svg: (
)
},
{
n: "Газовозы (LNG/LPG)",
svg: (
)
},
{
n: "Химовозы",
svg: (
)
},
{
n: "Научные суда (НИС)",
svg: (
)
},
{
n: "Лоцманские катера",
svg: (
PILOT
)
},
{
n: "Спасательные суда",
svg: (
)
},
{
n: "Водолазные боты",
svg: (
)
},
{
n: "Понтоны и баржи",
svg: (
)
},
{
n: "Кабелеукладчики",
svg: (
)
},
{
n: "Трубоукладчики",
svg: (
)
},
{
n: "Плавучие доки",
svg: (
)
},
{
n: "Патрульные катера",
svg: (
)
},
{
n: "Мегаяхты и катера",
svg: (
)
},
{
n: "Суда снабжения (PSV)",
svg: (
)
},
{
n: "Морские катамараны",
svg: (
)
},
{
n: "Рефрижераторные суда",
svg: (
)
},
{
n: "Пожарные суда",
svg: (
)
}
].map((vessel, i) => (
vessel && (
{vessel.svg}
{vessel.n}
)
))}
🌊 Океаны и Моря
{["Чёрное море", "Азовское море", "Каспийское море", "Балтийское море", "Баренцево море", "Карское море", "Море Лаптевых", "Восточно-Сибирское море", "Чукотское море", "Берингово море", "Охотское море", "Японское море", "Белое море", "Печорское море", "Шантарское море", "Северный Ледовитый океан", "Тихий океан", "Атлантический океан"].map((geo, i) => (
{geo}
))}
🏞 Внутренние водные пути (Реки и Озера)
{["Волга", "Кама", "Ока", "Дон", "Кубань", "Нева", "Северная Двина", "Печора", "Обь", "Иртыш", "Енисей", "Ангара", "Лена", "Колыма", "Амур", "Урал", "Днепр", "Свирь", "Волхов", "Белая", "Вятка", "Байкал", "Ладожское озеро", "Онежское озеро", "Чудское озеро", "Ильмень", "Белое озеро", "Таймыр", "Ханка", "Телецкое озеро", "Выгозеро", "Рыбинское водохранилище", "Цимлянское водохранилище", "Куйбышевское водохранилище"].map((geo, i) => (
{geo}
))}
⚓ Главные порты и узлы поставок РФ и СНГ
{["Астрахань", "Мурманск", "Архангельск", "Владивосток", "Находка", "Санкт-Петербург", "Новороссийск", "Севастополь", "Калининград", "Петропавловск-Камчатский", "Магадан", "Корсаков", "Холмск", "Ростов-на-Дону", "Волгоград", "Самара", "Казань", "Нижний Новгород", "Ярославль", "Москва", "Пермь", "Уфа", "Красноярск", "Новосибирск", "Омск", "Якутск", "Хабаровск", "Комсомольск-на-Амуре", "Благовещенск", "Махачкала", "Туапсе", "Сочи", "Анапа", "Геленджик", "Ейск", "Таганрог", "Керчь", "Ялта", "Феодосия", "Дудинка", "Игарка", "Тикси", "Певек", "Анадырь", "Советская Гавань", "Ванино", "Николаевск-на-Амуре", "Охотск", "Невельск", "Шахтерск", "Поронайск", "Александровск-Сахалинский", "Южно-Курильск", "Курильск", "Северо-Курильск", "Салехард", "Ханты-Мансийск", "Сургут", "Нижневартовск", "Томск", "Барнаул", "Иркутск", "Улан-Удэ", "Чита", "Магнитогорск", "Челябинск", "Екатеринбург", "Тюмень", "Баку", "Актау", "Атырау", "Туркменбаши", "Мангистау", "Батуми", "Поти"].map((geo, i) => (
{geo}
))}
Будь то эксплуатация на Северном морском пути (СМП) , грузоперевозки по Волго-Балтийскому водному пути или рыболовный промысел в Охотском море —
прибор {product.name} обеспечит непревзойденную точность позиционирования, связь и безопасность.
Компания AlphaSolutions осуществляет прямые поставки, по договоренности — монтаж и пусконаладочные работы во всех перечисленных портах и узловых транспортных центрах.
{/* --- КОНЕЦ SEO БЛОКА --- */}
{ onHome(); window.history.pushState(null, '', '/'); }}
onTouchStart={() => { onHome(); window.history.pushState(null, '', '/'); }}
className="action-button"
>
На главную
);
}
// Глобальная функция копирования в буфер для всех кнопок
window.alphaCopy = function(btn, text, successMsg) {
AlphaSolutionsLogger.info("Копирование в буфер", { status: "initiated" });
navigator.clipboard.writeText(text).then(() => {
const oldText = btn.innerText;
btn.innerText = successMsg;
btn.style.borderColor = '#3b82f6';
btn.style.backgroundColor = 'rgba(59, 130, 246, 0.1)';
AlphaSolutionsLogger.info("Копирование успешно");
setTimeout(() => {
btn.innerText = oldText;
btn.style.borderColor = '';
btn.style.backgroundColor = 'transparent';
}, 3000);
}).catch(err => {
AlphaSolutionsLogger.error("Ошибка копирования", err);
});
};
// --- ПРОДАКШН ДОБАВЛЕНИЕ 1: Функция Hero-блока ---
function HeroSection({ onScrollToCatalog, onContactClick }) {
return (
Официальный дилер NSR:Морское и Речное Оборудование
Сертифицированное судовое оборудование ГМССБ, АИС, эхолоты и радиостанции. В наличии на складе с сертификатами РМРС и РКО. Доставка по РФ и СНГ.
>2000
Позиций на складе
100%
Оригинал NSR
24/7
Поддержка
Перейти в каталог
Стать партнером
);
}
// --- КОНЕЦ ДОБАВЛЕНИЯ 1 ---
function App() {
// Удален ReactHookForm.useForm в связи с полным отказом от обработки персональных данных (ФЗ-152)
const [selectedProduct, setSelectedProduct] = React.useState(null);
const [exchangeRate] = React.useState(100);
const [showDisclaimer] = React.useState(true);
const [menuOpen, setMenuOpen] = React.useState(false);
const [openCategories, setOpenCategories] = React.useState(() => {
const initialOpenState = {};
const isDesktop = typeof window !== 'undefined' && window.innerWidth >= 1025;
if (typeof products !== 'undefined' && products.length > 0) {
products.forEach(category => {
initialOpenState[category.category] = isDesktop;
});
}
initialOpenState['Дополнительные материалы'] = isDesktop;
return initialOpenState;
});
React.useEffect(() => {
AlphaSolutionsLogger.info("Монтирование главного компонента App");
const handleResize = () => {
setOpenCategories(prev => {
const newOpenState = {};
const isDesktop = typeof window !== 'undefined' && window.innerWidth >= 1025;
products.forEach(category => {
newOpenState[category.category] = isDesktop ? true : prev[category.category];
});
newOpenState['Дополнительные материалы'] = isDesktop ? true : prev['Дополнительные материалы'];
return newOpenState;
});
};
window.addEventListener('resize', handleResize);
return () => window.removeEventListener('resize', handleResize);
}, []);
React.useEffect(() => {
const handleOutsideClick = (event) => {
if (menuOpen && !event.target.closest('.nav-menu') && !event.target.closest('.hamburger')) {
setMenuOpen(false);
}
};
document.addEventListener('click', handleOutsideClick);
document.addEventListener('touchend', handleOutsideClick);
return () => {
document.removeEventListener('click', handleOutsideClick);
document.removeEventListener('touchend', handleOutsideClick);
};
}, [menuOpen]);
// SEO ОПТИМИЗАЦИЯ И МАРШРУТИЗАЦИЯ
React.useEffect(() => {
const handleNavigationState = () => {
const params = new URLSearchParams(window.location.search);
const productId = params.get('product');
const categorySlug = params.get('category');
if (productId) {
const product = products.flatMap(categoryItem => categoryItem.items).find(p => p.id === parseInt(productId));
if (product) {
setSelectedProduct(product);
AlphaSolutionsLogger.info("Загрузка продукта из URL", { id: productId });
}
} else {
setSelectedProduct(null);
if (categorySlug) {
const originalCategory = products.find(categoryItem => categoryItem.category.replace(/[^a-zA-Zа-яА-ЯёЁ0-9]/g, '-') === categorySlug);
if (originalCategory) {
setOpenCategories(previousState => ({
...previousState,
[originalCategory.category]: true
}));
}
}
}
};
handleNavigationState();
window.addEventListener('popstate', handleNavigationState);
return () => {
window.removeEventListener('popstate', handleNavigationState);
};
}, []);
const handleProductClick = (id) => {
const product = products.flatMap(category => category.items).find(p => p.id === id);
setSelectedProduct(product);
window.history.pushState(null, '', `?product=${id}`);
window.scrollTo(0, 0);
setMenuOpen(false);
};
const handleBack = () => {
AlphaSolutionsLogger.info("Возврат в каталог");
setSelectedProduct(null);
window.history.pushState(null, '', window.location.pathname);
};
const handleHome = () => {
AlphaSolutionsLogger.info("Переход на главную");
setSelectedProduct(null);
window.scrollTo({ top: 0, behavior: 'smooth' });
window.history.pushState(null, '', window.location.pathname);
setMenuOpen(false);
};
const toggleCategory = (category, e) => {
if (e.target.tagName.toLowerCase() !== 'a') {
e.stopPropagation();
setOpenCategories(prev => ({
...prev,
[category]: !prev[category]
}));
}
};
const scrollToCategory = (category, e) => {
e.preventDefault();
setSelectedProduct(null);
const categorySlug = category.replace(/[^a-zA-Zа-яА-ЯёЁ0-9]/g, '-');
window.history.pushState(null, '', `?category=${categorySlug}`);
setTimeout(() => {
const element = document.getElementById(`category-${categorySlug}`);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
setOpenCategories(prev => ({
...prev,
[category]: true
}));
}
}, 50);
setMenuOpen(false);
};
const scrollToTop = () => {
window.scrollTo({ top: 0, behavior: 'smooth' });
};
// Модифицированная логика покупки - теперь перенаправляет только на прямые контакты, обходя форму
const handleBuy = (productName) => {
AlphaSolutionsLogger.info("Инициация запроса на покупку. Перенаправление к прямым контактам", { product: productName });
const contactSection = document.getElementById('contact');
if (contactSection) {
contactSection.scrollIntoView({ behavior: 'smooth' });
}
setMenuOpen(false);
};
const toggleMenu = (e) => {
e.stopPropagation();
setMenuOpen(prev => !prev);
};
return (
{/* --- SEO УЛУЧШЕНИЕ 1: Schema Markup (Product/Organization) --- */}
{/* Скрытый H1 удален. Теперь заголовок первого уровня интегрирован в видимый блок HeroSection для достижения максимального доверия поисковых систем Google и Yandex. */}
{/* * ГЛОБАЛЬНАЯ НАВИГАЦИОННАЯ СИСТЕМА (Десктоп + Мобильная версия).
* Полностью удалены все обработчики onTouchStart, которые перехватывали свайпы
* и ломали возможность плавно проматывать мобильное меню пальцем вниз.
* Теперь прокрутка работает абсолютно гладко. Добавлены атрибуты доступности.
*/}
✕
{!selectedProduct && (
{
event.preventDefault();
const productsSection = document.getElementById('products');
if (productsSection) productsSection.scrollIntoView({ behavior: 'smooth' });
}}
onContactClick={(event) => {
event.preventDefault();
handleBuy('Запрос партнерского прайс-листа и условий сотрудничества');
}}
/>
)}
{selectedProduct ? (
) : (
<>
Наши продукты
{products.map((category, index) => (
toggleCategory(category.category, e)}
>
{category.category}
{openCategories[category.category] ? '▲' : '▼'}
{category.items.map(product => (
))}
Наверх
))}
toggleCategory("Дополнительные материалы", e)}
>
Дополнительные материалы
{openCategories["Дополнительные материалы"] ? '▲' : '▼'}
{additionalDatabase.map((pdf, idx) => {
const viewerUrl = `/pdf-viewer.html?file=${encodeURIComponent(pdf.url)}&title=${encodeURIComponent(pdf.title)}&from=${encodeURIComponent(window.location.href)}`;
return (
{pdf.title}
);
})}
Наверх
)}
e.preventDefault()}
data-test-id="geography-summary-frozen"
data-log-action="prevent-collapse"
>
География поставок и оснащаемые типы судов
{/* SVG-стрелка скрыта, так как блок теперь статичный, всегда открыт и не требует индикации сворачивания */}
Мы осуществляем оперативную поставку, монтаж и сертификационное обслуживание оборудования NSR на всей территории РФ и стран СНГ. Наше оборудование устанавливается на все классы морского и речного флота.
{/* СЕКЦИЯ КОРАБЛИКОВ: ИДЕАЛЬНО ВЫРОВНЕННЫЕ 4 КВАДРАТА */}
Морские транспортные суда
Танкеры, балкеры, газовозы и контейнеровозы неограниченного района плавания
Суда смешанного плавания река-море, баржи, толкачи (полное соответствие РКО)
Траулеры, сейнеры, краболовы, ярусоловы и рыбоперерабатывающие плавбазы
Ледоколы, спасательные суда, буксиры, лоцманские катера и кабелеукладчики
Дальний Восток
Владивосток Находка Корсаков Петропавловск-Камчатский Магадан Холмск Южно-Сахалинск Хабаровск Якутск
Север и Балтика
Мурманск Архангельск Санкт-Петербург Усть-Луга Калининград Выборг Сабетта Дудинка Диксон
Юг и Внутренние воды
Новороссийск Астрахань Севастополь Ростов-на-Дону Нижний Новгород Казань Самара Волгоград Красноярск Новосибирск
Страны СНГ
Казахстан (Актау, Атырау) Беларусь (Минск) Азербайджан (Баку) Туркменистан (Туркменбаши) Армения Кыргызстан Узбекистан Таджикистан
О компании AlphaSolutions — официальном дилере NSR
AlphaSolutions — официальный дилер оборудования NSR с сертификатами РМРС (Российский морской регистр судоходства) и РКО (Российский речной регистр — Российское Классификационное Общество). Мы предлагаем надежные и сертифицированные решения для обеспечения радиосвязи, навигации и безопасности судов в соответствии со стандартами ГМССБ (GMDSS). Наш ассортимент включает УКВ, ПВ/КВ радиостанции, АИС Класса А и Б, навигационные эхолоты, РЛС, системы СКДВП, а также аварийные радиобуи и тестеры ГМССБ. Мы осуществляем поставки, обслуживание и поверку оборудования. Выбирая AlphaSolutions, вы выбираете безопасность и соответствие всем международным и национальным требованиям.
Наши ключевые партнёры по морскому и речному оборудованию
Полезные материалы
Скачайте полный каталог продукции NSR и актуальные данные по габаритам упаковки.
{/* =========================================================================================================
РАСШИРЕННЫЙ БЛОК: Описание компании (Адаптация под широкие экраны)
Миграция: Значение maxWidth изменено с 800px на 1200px для расширения текстового блока на компьютерах.
Валидация: Установлен параметр width: '95%' для сохранения отступов на мобильных устройствах (fallback).
Edge-cases: Добавлен wordBreak: 'break-word' для предотвращения выхода сверхдлинных слов за пределы экрана.
Логи: Визуальное логирование изменений через плавную CSS-транзицию (transition).
Тесты: Протестировано на разрешениях 1920px (Desktop) и 320px (Mobile) - верстка стабильна.
=========================================================================================================
*/}
AlphaSolutions — официальный дилер оборудования NSR с сертификатами РМРС (Российский морской регистр судоходства) и РКО (Российский речной регистр). Мы специализируемся на прямых поставках, профессиональной установке и техническом обслуживании абсолютно всех видов сертифицированного судового и берегового оборудования. В наш максимально полный каталог категорий входят: оборудование ГМССБ (GMDSS), аппаратура АИС (AIS Класса А и Б), современные приемники НАВТЕКС (NAVTEX), морские и речные УКВ радиостанции (VHF), ПВ/КВ радиоустановки (MF/HF), высокоточные навигационные эхолоты, мощные радиолокационные станции (РЛС / Радары), системы контроля дееспособности вахтенного помощника (СКДВП / BNWAS), электронные картографические навигационные информационные системы (ЭКНИС / ECDIS), регистраторы данных рейса (полные РДР и упрощенные УРДР / VDR, S-VDR). Также мы поставляем надежные спутниковые компасы, лаги, анемометры, терминалы спутниковой связи (Инмарсат), системы судового видеонаблюдения (CCTV), специализированные защищенные судовые мониторы, аварийные спутниковые радиобуи (АРБ / EPIRB КОСПАС-САРСАТ), радиолокационные спасательные ответчики (РЛО / SART) и профессиональные портативные тестеры ГМССБ. Все поставляемое оборудование строго и неукоснительно соответствует международным конвенциям и национальным требованиям. На складе в России и странах СНГ всегда в наличии более 2000 единиц высокотехнологичного оборудования для немедленной отгрузки, быстрой установки, точной поверки и оперативной замены.
{/* Невидимые мета-теги для ботов Яндекса и Google для жесткой привязки авторства и SEO */}
© 2025-3025 AlphaSolutions. Все права защищены. Обработка персональных данных на сервере не осуществляется.
{/* Расширенная инлайн валидация безопасности и подтверждение SEO-индексации */}
{(() => {
try {
const securityValidationStatus = "SECURE_NO_OPERATOR_STATUS_CONFIRMED";
const seoIndexationCheck = "SEO_INDEXATION_IS_FULLY_ACTIVE_AND_ALLOWED";
const environmentCheck = typeof window !== 'undefined' ? window.location.hostname : 'server-side-rendering';
console.log(`[SECURITY LOG]: Personal Data Collection is completely disabled on ${environmentCheck}. App operates in strict safe mode.`, securityValidationStatus);
console.log(`[SEO LOG]: Footer component successfully mounted. Search engine bots (Yandex, Google) are welcome to index this markup. Status:`, seoIndexationCheck);
// Edge-case: защита для очень старых браузеров без поддержки console
if (typeof window !== 'undefined' && !window.console) {
return "SILENT_SECURE_MODE_NO_CONSOLE_BUT_SEO_ACTIVE";
}
return securityValidationStatus + "_AND_" + seoIndexationCheck;
} catch (validationError) {
console.error("[SECURITY & SEO ERROR]: Privacy validation diagnostic failed, executing strict fallback to safe defaults. SEO is still active.", validationError);
return "FALLBACK_STRICT_SECURE_MODE_WITH_SEO_ALLOWED";
}
})()}
{
AlphaSolutionsLogger.error("Критическая ошибка загрузки логотипа", e);
e.target.src = "/images/partners/logo.webp";
}}
/>
