import React, { useEffect, useState, useRef } from 'react'; import { ArrowLeft, Shield, Lock, Eye, Server, Cpu, Globe, ChevronRight, PlayCircle, Fingerprint, Scan, Activity, Radio, Terminal, Box, Building2, Users, MapPin, Menu, X, Zap, ShieldCheck, AlertCircle, Cpu as Chip, Network, Database, HardDrive, ShieldAlert, Key, ArrowRight, ShieldCheck as Verified, Loader2 } from 'lucide-react'; import { Link } from 'react-router-dom'; export const Steelguard: React.FC = () => { const [scrolled, setScrolled] = useState(false); const [activePage, setActivePage] = useState<'home' | 'solutions' | 'hardware' | 'security'>('home'); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); // Hero Scanner State const [isHovered, setIsHovered] = useState(false); const [isIdentified, setIsIdentified] = useState(false); const [randomData, setRandomData] = useState({ temp: '32.4', loss: '0.00', nodes: '1248' }); // Fix: Use ReturnType instead of NodeJS.Timeout to avoid namespace errors in browser environment const scanTimerRef = useRef | null>(null); // Fix: Use ReturnType instead of NodeJS.Timeout to avoid namespace errors in browser environment const dataIntervalRef = useRef | null>(null); useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 20); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); // Handle Scanning Logic useEffect(() => { if (isHovered) { // Start randomizing data dataIntervalRef.current = setInterval(() => { setRandomData({ temp: (Math.random() * 5 + 30).toFixed(1), loss: (Math.random() * 0.5).toFixed(2), nodes: Math.floor(Math.random() * 50 + 1200).toString() }); }, 80); // Set identification timeout scanTimerRef.current = setTimeout(() => { setIsIdentified(true); if (dataIntervalRef.current) clearInterval(dataIntervalRef.current); }, 1000); } else { // Reset if (scanTimerRef.current) clearTimeout(scanTimerRef.current); if (dataIntervalRef.current) clearInterval(dataIntervalRef.current); setIsIdentified(false); setRandomData({ temp: '32.4', loss: '0.00', nodes: '1248' }); } return () => { if (scanTimerRef.current) clearTimeout(scanTimerRef.current); if (dataIntervalRef.current) clearInterval(dataIntervalRef.current); }; }, [isHovered]); const navItems = [ { id: 'home', label: 'Rendszer' }, { id: 'solutions', label: 'Megoldások' }, { id: 'hardware', label: 'Hardver' }, { id: 'security', label: 'Biztonság' } ]; return (
{/* Back to Reality Button */}
{/* Animated Background */}
{/* Navbar */} {/* Main Content */}
{activePage === 'home' && ( <> {/* Hero Section */}
Rendszer állapota: Aktív

Abszolút
Digitális
Pajzs

Kvantumszintű titkosítás és mesterséges intelligencia alapú fenyegetés-elemzés nagyvállalati környezetre tervezve. Zero-Trust architektúra a teljes biztonságért.

ISO 27001 Certified
256-bit AES
hardware-Encrypted
{/* HERO INTERACTIVE SCANNER */}
setIsHovered(true)} onMouseLeave={() => setIsHovered(false)}>
{/* Interactive Scanning Line */}
{/* Center Module */}
{/* Orbiting Rings */}
{/* Core Fingerprint Circle */}
{/* Scanning Pulse Overlay */} {isHovered && !isIdentified && (
)} {/* Verification Badge */}
Access Granted
{/* Dynamic Data Readouts */}
CORE_TEMP: {randomData.temp}C
ENCRYPT_MODE: RSA_4096
SEC_LAYER: {isIdentified ? 'V5_ULTRA' : 'V4_ACTIVE'}
{isHovered && BIO_AUTH: {isIdentified ? 'VERIFIED' : 'SCANNING...'}}
PACKET_LOSS: {randomData.loss}%
LATENCY: 0.04ms
NODES: {randomData.nodes}/1248
{isHovered && {isIdentified ? 'ENCRYPTION: MAX' : 'HANDSHAKE...'}}
{/* Feature Grid */}
{[ { icon: ShieldAlert, title: 'AI Védelem', desc: 'Öntanuló algoritmusok, melyek felismerik a nulladik napi támadásokat is.' }, { icon: Network, title: 'Mesh Hálózat', desc: 'Decentralizált adatforgalom, amely garantálja a 100%-os rendelkezésre állást.' }, { icon: HardDrive, title: 'Adatszéf', desc: 'Fizikailag elkülönített, titkosított adattárolási központok világszerte.' }, { icon: Key, title: 'Biometrikus Auth', desc: 'Többtényezős azonosítás retina, ujjlenyomat és hangalapú validációval.' } ].map((f, i) => (

{f.title}

{f.desc}

))}
)} {/* --- SOLUTIONS PAGE --- */} {activePage === 'solutions' && (

Megoldásaink

Ipari szintű
biztonsági stack

Full Spectrum
Protection Suite v.8.2
Server
Kritikus Infrastruktúra

Kormányzati Szintű Titkosítás

Megoldásaink a legmagasabb szintű állami és katonai sztenderdeknek felelnek meg. Biztonságos adatcsere, védett kommunikációs csatornák és zéró hozzáférésű adattárolás.

Control Room
Global Monitoring

24/7 AI Felügyeleti Központ

Globális SOC (Security Operations Center) hálózatunk folyamatosan figyeli a gyanús aktivitásokat. Az incidensek kezelése automatizált, az emberi beavatkozás csak validálásra szolgál.

)} {/* --- HARDWARE PAGE --- */} {activePage === 'hardware' && (

Fizikai Biztonság

Saját fejlesztésű hardvereszközök, melyek a digitális védelmet fizikai réteggel egészítik ki.

{[ { name: 'S-Core Node', type: 'Hardveres tűzfal', desc: 'Optikai izolációs technológia, 100Gbps átviteli sebesség mellett is észrevehetetlen késleltetés.' }, { name: 'Retina-X', type: 'Biometrikus szkenner', desc: 'Infravörös érhálózat-vizsgálat, melyet lehetetlen másolni vagy kijátszani.' }, { name: 'Vault One', type: 'Kvantum tároló', desc: 'Hardware Security Module (HSM), mely önmegsemmisítő mechanizmussal rendelkezik behatolás esetén.' } ].map((h, i) => (
{h.type}

{h.name}

{h.desc}

))}
)}
{/* Stats & CTA */}
); };