Html code will be here

import React, { useState } from 'react'; import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'; const ComparisonAnalysis = () => { const [activeTab, setActiveTab] = useState('costs'); const costData = [ { name: 'Площадь', traditional: 100, belfast: 50, unit: '%' }, { name: 'Затраты на персонал', traditional: 100, belfast: 65, unit: '%' }, { name: 'Стоимость обслуживания', traditional: 100, belfast: 60, unit: '%' }, { name: 'Затраты на электроэнергию', traditional: 100, belfast: 70, unit: '%' }, { name: 'IT-затраты', traditional: 100, belfast: 68, unit: '%' } ]; const performanceData = [ { name: 'Пропускная способность', traditional: 100, belfast: 140, unit: '%' }, { name: 'Скорость обслуживания', traditional: 100, belfast: 125, unit: '%' }, { name: 'Средний чек', traditional: 100, belfast: 112, unit: '%' }, { name: 'Удовлетворенность клиентов', traditional: 100, belfast: 123, unit: '%' }, { name: 'Эффективность персонала', traditional: 100, belfast: 155, unit: '%' } ]; const securityData = [ { name: 'Защита от краж', traditional: 100, belfast: 135, unit: '%' }, { name: 'Ошибки кассиров', traditional: 100, belfast: 72, unit: '%' }, { name: 'Контроль операций', traditional: 100, belfast: 145, unit: '%' }, { name: 'Безопасность данных', traditional: 100, belfast: 130, unit: '%' }, { name: 'Контроль доступа', traditional: 100, belfast: 140, unit: '%' } ]; const renderChart = () => { let data; switch (activeTab) { case 'costs': data = costData; break; case 'performance': data = performanceData; break; case 'security': data = securityData; break; default: data = costData; } return ( [`${value}${data[0].unit}`, name === 'traditional' ? 'Обычная касса' : 'Белфаст']} labelFormatter={(name) => `Показатель: ${name}`} /> ); }; return (

Сравнительный анализ эффективности

Сравнение гибридной кассы "Белфаст" с традиционными кассовыми решениями по ключевым показателям эффективности

{renderChart()}

Ключевой вывод:

{activeTab === 'costs' && (

Внедрение кассы "Белфаст" позволяет сократить операционные затраты в среднем на 35%, при этом наибольшая экономия достигается за счет оптимизации площади (-50%) и снижения затрат на персонал (-35%).

)} {activeTab === 'performance' && (

Касса "Белфаст" увеличивает пропускную способность на 40% и эффективность персонала на 55%, что непосредственно влияет на рост выручки и удовлетворенность клиентов.

)} {activeTab === 'security' && (

Антифрод-система и автоматизация контроля операций повышают безопасность на 35% и снижают количество ошибок кассиров на 28%, минимизируя потери магазина.

)}
); }; export default ComparisonAnalysis;