byronic-azure/pyra-solution

# PYRA-SOLUTION  **PYRA-SOLUTION** — 高级网络防御与攻击安全平台 一款面向黑客和防御领域的综合网络安全解决方案，具备威胁情报、渗透测试工具、漏洞评估和实时安全监控功能。 ## 目录 - [概述](#overview) - [功能](#features) - [技术栈](#tech-stack) - [安装说明](#installation) - [截图](#screenshots) - [安全功能](#security-features) - [项目结构](#project-structure) - [CI/CD](#cicd) - [许可证](#license) - [联系方式](#contact) ## 概述 PYRA-SOLUTION 是一个新一代网络安全平台，旨在保护企业免受不断演变的数字威胁。它采用网络暗黑主题美学构建，将 AI 驱动的智能与专家级人工分析相结合，以提供全面的安全能力。 该平台具有交互式安全终端、实时威胁仪表板、漏洞评估工具、威胁情报推送等功能——所有这些都包裹在一个时尚、现代的深色主题 UI 中，并带有粒子动画和玻璃拟态效果。 ## 功能 ### 1. 首页 (`/`) - **Hero 区域** — 令人惊叹的落地页，带有动态粒子背景、品牌 Logo 和行动呼吁按钮 - **动态统计** — 拦截的威胁、SLA 正常运行时间、企业客户和受保护国家的实时计数器 - **安全能力** — 具有悬停效果的交互式卡片，展示 6 项核心安全功能 - **行动呼吁** — 采用渐变玻璃卡片设计的聚焦转化区域 ### 2. 安全仪表板 (`/dashboard`) - **实时指标** — 针对活动威胁、拦截的攻击、系统健康状况和网络状态的实时更新卡片 - **威胁活动图表** — 使用 Recharts 展示 24 小时内已拦截与已检测威胁的面积图 - **安全评分** — 展示整体安全态势的动态圆形仪表盘 - **攻击源地图** — 展示攻击源国家的交互式世界地图可视化 - **攻击类型饼图** — DDoS、恶意软件、网络钓鱼、入侵行为的细分 - **实时威胁推送** — 带有严重程度指示器和来源归因的自动更新警报流 ### 3. 威胁情报 (`/threat-intel`) - **威胁推送** — 来自 MITRE ATT&CK、NVD、FBI Flash 的精选情报推送，支持展开 IOC - **CVE 数据库** — 包含 CVSS 评分的常见漏洞可搜索表格 - **威胁行为者档案** — 详细的 APT 档案（Lazarus Group、APT41、Fancy Bear）及其使用的技术 - **时间轴视图** — 带有严重程度指示器的按时间顺序排列的安全事件 - **搜索与过滤** — 跨所有威胁数据的全文搜索，支持严重程度过滤 ### 4. 安全工具包 (`/tools`) - **交互式终端** — 包含 10 个安全命令（scan、whois、ping、traceroute、dns 等）的功能性 CLI - **网络扫描器** — 带有实时进度动画的模拟端口扫描器 - **密码分析器** — 带有 5 类验证的实时强度计 - **加密工具** — 支持 AES-256-GCM、Base64 和 ROT13 算法的加密/解密 ### 5. 服务 (`/services`) - **定价方案** — 三个等级（基础版 $999/月，专业版 $2,499/月，企业版 定制） - **功能对比** — 对比所有计划功能的完整表格 - **客户评价** — 带有星级评分的客户评论轮播 - **联系表单** — 具有验证和成功状态的全功能联系表单 ### 6. 关于 (`/about`) - **公司概况** — 使命、愿景和公司发展历程 - **统计数据** — 客户数量、服务国家/地区、拦截的威胁、平台正常运行时间 - **核心价值观** — 安全第一、持续警惕、快速创新、协同防御 - **领导团队** — 6 份高管简介及认证信息 - **认证资质** — SOC 2、ISO 27001、CMMC、FedRAMP、PCI DSS、HIPAA - **合作伙伴** — CrowdStrike、Palo Alto Networks、Splunk、Elastic 等 - **联系信息** — 总部地址、电子邮件、电话详情 ## 技术栈 | 类别 | 技术 | |----------|------------| | **框架** | React 19 with TypeScript | | **构建工具** | Vite 7 | | **样式** | Tailwind CSS 3 with custom cyber-themed design system | | **UI 组件** | Radix UI primitives + shadcn/ui | | **动画** | Framer Motion | | **图表** | Recharts | | **图标** | Lucide React | | **路由** | React Router v7 | | **表单** | React Hook Form + Zod validation | | **日期** | date-fns | | **代码检查** | ESLint 9 + TypeScript ESLint | ### 设计系统 - **颜色**：带有蓝色（`#0080FF`）、金色（`#C0A060`）和深色表面（`#0D1117`）的网络暗黑主题 - **效果**：玻璃拟态卡片、文字发光、粒子背景、动态计数器 - **排版**：Inter 字体系列，带有用于安全数据的等宽点缀字体 ## 安装说明 ### 前置条件 - Node.js 20+ - npm 10+ ### 快速开始 ``` # Clone the repository git clone https://github.com/byronic-azure/pyra-solution.git cd pyra-solution # 安装依赖 npm install # 启动开发服务器 npm run dev ``` 应用程序将在 `http://localhost:3000` 上可用。 ### 生产环境构建 ``` # 构建应用程序 npm run build # 预览 production build npm run preview ``` ### 可用脚本 | 脚本 | 描述 | |--------|-------------| | `npm run dev` | 启动开发服务器（端口 3000） | | `npm run build` | 构建生产环境 | | `npm run preview` | 预览生产环境构建 | | `npm run lint` | 运行 ESLint 检查 | ## 截图 | 页面 | 描述 | |------|-------------| | **首页** | 带有粒子背景和动态统计数据的 Hero 区域 | | **仪表板** | 带有图表和实时推送的实时威胁监控 | | **威胁情报** | 威胁推送、CVE 数据库和行为者档案 | | **工具** | 交互式终端和安全工具包 | | **服务** | 定价方案和功能对比 | | **关于** | 公司概况和团队简介 | ## 安全功能 - **实时威胁检测** — 带有模拟威胁推送的实时更新仪表板 - **漏洞评估** — 包含 CVSS 评分和搜索功能的 CVE 数据库 - **APT 情报** — 包含 MITRE ATT&CK 技术的详细威胁行为者档案 - **交互式安全终端** — 用于安全操作的命令行界面 - **网络扫描** — 带有服务检测模拟的端口扫描器 - **密码分析** — 根据最佳实践进行实时强度评估 - **加密工具** — 支持多种密码算法以保障通信安全 - **合规框架** — 支持 SOC 2、ISO 27001、HIPAA、PCI DSS、FedRAMP - **事件响应** — 基于严重程度的警报分类和跟踪 - **攻击可视化** — 地理攻击源映射 ## 项目结构 ``` pyra-solution/ ├── src/ │ ├── pages/ # 6 page components │ │ ├── Home.tsx # Landing page with hero & stats │ │ ├── Dashboard.tsx # Real-time threat monitoring │ │ ├── ThreatIntel.tsx # Threat intelligence feeds │ │ ├── Tools.tsx # Security toolkit (terminal, scanner, crypto) │ │ ├── Services.tsx # Pricing & contact │ │ └── About.tsx # Company info & team │ ├── components/ # Shared components │ │ ├── Layout.tsx # Page layout wrapper │ │ ├── Navbar.tsx # Responsive navigation bar │ │ ├── Footer.tsx # Site footer with links │ │ ├── ParticleBackground.tsx # Canvas particle animation │ │ └── ui/ # 50+ shadcn/ui components │ ├── lib/ │ │ └── utils.ts # Utility functions (cn, etc.) │ ├── hooks/ │ │ └── use-mobile.ts # Mobile breakpoint hook │ ├── App.tsx # App root with route definitions │ ├── main.tsx # Entry point with BrowserRouter │ └── index.css # Global styles & Tailwind directives ├── public/ │ ├── hero-bg.png # Hero background image │ └── pyra-logo.png # PYRA brand logo ├── package.json # Dependencies & scripts ├── tsconfig.json # TypeScript configuration ├── vite.config.ts # Vite build configuration ├── tailwind.config.js # Tailwind theme customization ├── postcss.config.js # PostCSS plugins ├── eslint.config.js # ESLint rules ├── components.json # shadcn/ui configuration └── index.html # HTML entry point ``` ## CI/CD 该项目包含一个用于自动化构建和部署的 GitHub Actions 工作流： - **触发器**：推送到 `main` 分支时 - **构建**：运行 TypeScript 编译和 Vite 构建 - **Lint**：用于代码质量的 ESLint 检查 - **部署**：自动部署到 Cloudflare Pages 有关完整配置，请参阅 `.github/workflows/deploy.yml`。 ## 许可证 该项目基于 **MIT License** 授权。 ``` MIT License Copyright (c) 2024 PYRA-SOLUTION Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. ``` ## 联系方式 如有任何问题、功能请求或安全疑问： - **电子邮件**: contact@pyra-solution.com - **技术支持**: support@pyra-solution.com - **销售咨询**: sales@pyra-solution.com - **电话**: +1 (555) 123-4567 - **24/7 热线**: +1 (555) 987-6543 - **地址**: 1000 Cyber Defense Way, Washington, DC 20001, United States

PYRA-SOLUTION — Securing the Digital Frontier
_{基于 React、TypeScript 和网络安全专业知识构建。}

标签：AES-256, TCP/IP协议栈, 仪表盘, 前端, 威胁情报, 实时处理, 密码管理, 开发者工具, 插件系统, 漏洞评估, 网络安全平台, 自动化攻击