import React from "react";
import { motion } from "framer-motion";
// Иконки сделаны текстом, чтобы прототип не зависел от загрузки lucide-react с CDN
import { Card, CardContent } from "@/components/ui/card";
import { Button } from "@/components/ui/button";
const services = [
{
icon: "▣",
title: "Слаботочные шкафы",
text: "Собираем аккуратные шкафы связи: патч-панели, коммутаторы, питание, маркировка и кабель-менеджмент.",
},
{
icon: "▸",
title: "Автоматика ворот",
text: "Шлагбаумы, откатные и распашные ворота для дворов, предприятий, складов и частных домов.",
},
{
icon: "≋",
title: "Wi‑Fi Mesh и сети",
text: "Проектируем и настраиваем бесшовный Wi‑Fi для домов, офисов, складов и коммерческих помещений.",
},
{
icon: "◉",
title: "Видеонаблюдение",
text: "Камеры, регистраторы, удалённый доступ, архив и интеграция с системами безопасности.",
},
];
const cases = [
"Подъезды и дворы МКД",
"Частные дома и коттеджи",
"Офисы и магазины",
"Склады и производства",
];
const steps = [
"Выезд инженера и осмотр объекта",
"Подбор оборудования и смета",
"Монтаж, сборка и настройка",
"Пусконаладка и обслуживание",
];
export default function KS73ServicePageConcept() {
return (
Ульяновск и область • монтаж • настройка • обслуживание
Слаботочные системы, автоматика и сети под ключ
Собираем слаботочные шкафы, устанавливаем шлагбаумы и автоматику ворот, организуем Wi‑Fi Mesh и видеонаблюдение для домов, бизнеса, УК и ТСЖ.
пример объекта
Офис + склад + КПП
⚙
{["Шкаф связи 19″", "Wi‑Fi Mesh 8 точек", "Шлагбаум с доступом", "12 камер наблюдения"].map((item) => (
{item} ✓
))}
направления
Что можно вынести в отдельные страницы
Каждая карточка — отдельная SEO-страница в Тильде с заявкой, кейсами и понятной выгодой.
{services.map((service) => {
return (
{service.icon}
{service.title}
{service.text}
);
})}
для кого
Решения под разные объекты
На сайте лучше разделить аудитории: частные клиенты, бизнес, УК/ТСЖ. Так посетитель быстрее понимает, что вы работаете именно с его задачей.
{["⌂", "▥", "▤", "✓"].map((Icon, index) => (
{Icon}
{cases[index]}
Подбор оборудования, монтаж, настройка, обучение и дальнейшее обслуживание.
))}
процесс
Прозрачная схема работы
{steps.map((step, index) => (
))}
Нужно рассчитать объект?
Оставьте заявку — инженер уточнит задачу, подскажет оборудование и подготовит предварительную смету.
);
}