CyberAi/index.html at main · CastQuest/CyberAi · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CyberAi - Autonomous Engineering Agent</title>
    <meta name="description" content="CyberAi - The autonomous engineering agent for the SolanaRemix organization">
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: #fff;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            text-align: center;
        }
        .logo {
            font-size: 5rem;
            margin-bottom: 1rem;
        }
        h1 {
            font-size: 3.5rem;
            margin-bottom: 1rem;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        .tagline {
            font-size: 1.5rem;
            margin-bottom: 3rem;
            opacity: 0.9;
        }
        .features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 2rem;
            margin-bottom: 3rem;
        }
        .feature {
            background: rgba(255,255,255,0.1);
            padding: 2rem;
            border-radius: 12px;
            backdrop-filter: blur(10px);
            transition: transform 0.3s;
        }
        .feature:hover {
            transform: translateY(-5px);
            background: rgba(255,255,255,0.15);
        }
        .feature-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
        }
        .feature h3 {
            font-size: 1.3rem;
            margin-bottom: 0.5rem;
        }
        .feature p {
            opacity: 0.8;
            line-height: 1.6;
        }
        .links {
            display: flex;
            gap: 1rem;
            justify-content: center;
            flex-wrap: wrap;
        }
        a {
            background: rgba(255,255,255,0.2);
            color: #fff;
            padding: 15px 30px;
            border-radius: 8px;
            text-decoration: none;
            transition: all 0.3s;
            backdrop-filter: blur(10px);
            font-weight: 500;
        }
        a:hover {
            background: rgba(255,255,255,0.3);
            transform: translateY(-2px);
        }
        .primary-link {
            background: rgba(255,255,255,0.9);
            color: #667eea;
        }
        .primary-link:hover {
            background: #fff;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="logo">🤖</div>
        <h1>CyberAi</h1>
        <p class="tagline">Autonomous Engineering Agent for the SolanaRemix Ecosystem</p>

        <div class="features">
            <div class="feature">
                <div class="feature-icon">🚀</div>
                <h3>Autonomous Code Generation</h3>
                <p>AI-powered code generation and optimization across your entire codebase</p>
            </div>
            <div class="feature">
                <div class="feature-icon">🔒</div>
                <h3>Security First</h3>
                <p>Automated security scanning, vulnerability detection, and smart contract auditing</p>
            </div>
            <div class="feature">
                <div class="feature-icon">🧠</div>
                <h3>Smart Intelligence</h3>
                <p>Advanced AI analysis with SmartBrain for intelligent code suggestions</p>
            </div>
            <div class="feature">
                <div class="feature-icon">🔄</div>
                <h3>CI/CD Integration</h3>
                <p>Seamless integration with GitHub Actions and automated deployments</p>
            </div>
            <div class="feature">
                <div class="feature-icon">💻</div>
                <h3>Terminal Mobile</h3>
                <p>Command-line interface for all CyberAi operations and automations</p>
            </div>
            <div class="feature">
                <div class="feature-icon">📊</div>
                <h3>Real-time Dashboard</h3>
                <p>Monitor and manage your entire ecosystem from a unified dashboard</p>
            </div>
        </div>

        <div class="links">
            <a href="/app" class="primary-link">Launch App</a>
            <a href="/docs">Documentation</a>
            <a href="/dashboard">Dashboard</a>
            <a href="/terminal">Terminal</a>
            <a href="/smartbrain">SmartBrain</a>
            <a href="/audit">Audit</a>
            <a href="https://github.com/SolanaRemix/CyberAi">GitHub</a>
        </div>
    </div>
</body>
</html>