Now I'll create a professional SIA Connect Industrial IoT Dashboard with a sidebar, charts, and real-time monitoring. Let me build this with a dark, modern aesthetic matching the design inspiration.

Now I'll update the globals.css to have a dark, professional IoT theme and create the dashboard components:

Now I'll create the dashboard components:

Now I'll create the main dashboard page:

I've created a comprehensive SIA Connect Industrial IoT Dashboard with a sidebar and full monitoring capabilities. Here's what I've built:

Key Features:

• Responsive Sidebar - Mobile-friendly navigation with protocol support info, menu items (Overview, Protocols, Devices, Analytics, Settings), and version control
• Stats Dashboard - 5 key metrics: Connected Devices (6,825), Active Protocols (24), Data Logged (15.2 TB), Gateway Health (99.8%), and Alert Status
• Interactive Charts - Protocol activity line chart, device distribution pie chart, and incoming/outgoing data transfer bar chart using Recharts
• System Status Panels - Lists all 6 IT integrations (MQTT, REST API, Azure IoT, AWS, Database Logging, Apache Pulsar) and 6+ OT protocols (Modbus, OPC-UA, Ethernet/IP, BACnet, Siemens S7, Mitsubishi MELSEC) with real-time status indicators
• System Info Cards - Edge gateway uptime, throughput, protocol conversion metrics, data logging statistics, and storage information

The dashboard uses a professional dark theme with blue accents (#3366FF), semantic design tokens for consistency, and responsive Tailwind CSS styling that works beautifully on mobile, tablet, and desktop screens.