Hugging Face's logo

Spaces:
aegisceo
/
aegissec-light
Running

App Files Community
aegisceo commited on
Commit
d83480a
·
verified ·
1 Parent(s): dc4236d

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +6 -4
  2. index.html +976 -19
  3. prompts.txt +0 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Aegissec Light
3
- emoji: 🌖
4
- colorFrom: green
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: aegissec-light
3
+ emoji: 🐳
4
+ colorFrom: pink
5
  colorTo: gray
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,976 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AegisSec | Enterprise Cybersecurity Governance</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <script>
10
+ tailwind.config = {
11
+ theme: {
12
+ extend: {
13
+ colors: {
14
+ primary: '#ffffff',
15
+ secondary: '#f8fafc',
16
+ tertiary: '#e2e8f0',
17
+ accent: '#1d4ed8',
18
+ highlight: '#3b82f6'
19
+ },
20
+ animation: {
21
+ 'pulse-slow': 'pulse 5s cubic-bezier(0.4, 0, 0.6, 1) infinite',
22
+ }
23
+ }
24
+ }
25
+ }
26
+ </script>
27
+ <style>
28
+ .gradient-text {
29
+ background-image: linear-gradient(90deg, #3b82f6, #1d4ed8);
30
+ background-clip: text;
31
+ -webkit-background-clip: text;
32
+ color: transparent;
33
+ }
34
+ .code-block {
35
+ font-family: 'Courier New', monospace;
36
+ background-color: #f8fafc;
37
+ border-left: 3px solid #3b82f6;
38
+ }
39
+ .nav-link {
40
+ position: relative;
41
+ }
42
+ .nav-link:after {
43
+ content: '';
44
+ position: absolute;
45
+ width: 0;
46
+ height: 2px;
47
+ bottom: 0;
48
+ left: 0;
49
+ background-color: #1d4ed8;
50
+ transition: width 0.3s ease;
51
+ }
52
+ .nav-link:hover:after {
53
+ width: 100%;
54
+ }
55
+ @keyframes fadeIn {
56
+ from { opacity: 0; transform: translateY(20px); }
57
+ to { opacity: 1; transform: translateY(0); }
58
+ }
59
+ .animate-fadeIn {
60
+ animation: fadeIn 0.6s ease forwards;
61
+ }
62
+ </style>
63
+ </head>
64
+ <body class="font-sans antialiased text-gray-900 bg-white">
65
+ <!-- Navigation -->
66
+ <nav class="fixed w-full z-50 bg-white/90 backdrop-blur-md border-b border-gray-200">
67
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
68
+ <div class="flex items-center justify-between h-20">
69
+ <div class="flex items-center">
70
+ <div class="flex-shrink-0">
71
+ <span class="text-2xl font-bold gradient-text">AegisSec</span>
72
+ </div>
73
+ </div>
74
+ <div class="hidden md:block">
75
+ <div class="ml-10 flex items-baseline space-x-8">
76
+ <a href="#solutions" class="nav-link px-3 py-2 text-sm font-medium">Solutions</a>
77
+ <a href="#platform" class="nav-link px-3 py-2 text-sm font-medium">Platform</a>
78
+ <a href="#about" class="nav-link px-3 py-2 text-sm font-medium">Insights</a>
79
+ <a href="#contact" class="nav-link px-3 py-2 text-sm font-medium">Contact</a>
80
+ </div>
81
+ </div>
82
+ <div class="hidden md:block">
83
+ <a href="#contact" class="px-4 py-2 border border-accent text-accent font-medium rounded-md hover:bg-accent hover:text-white transition duration-300">
84
+ Request Briefing
85
+ </a>
86
+ </div>
87
+ <div class="md:hidden">
88
+ <button class="mobile-menu-button p-2 rounded-md text-gray-700 hover:text-gray-900 focus:outline-none">
89
+ <i class="fas fa-bars text-xl"></i>
90
+ </button>
91
+ </div>
92
+ </div>
93
+ </div>
94
+
95
+ <!-- Mobile menu -->
96
+ <div class="mobile-menu hidden md:hidden bg-white border-b border-gray-200">
97
+ <div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
98
+ <a href="#solutions" class="block px-3 py-2 rounded-md text-base font-medium">Solutions</a>
99
+ <a href="#platform" class="block px-3 py-2 rounded-md text-base font-medium">Platform</a>
100
+ <a href="#about" class="block px-3 py-2 rounded-md text-base font-medium">Insights</a>
101
+ <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium">Contact</a>
102
+ <a href="#contact" class="block px-3 py-2 rounded-md text-base font-medium bg-accent text-white">Request Briefing</a>
103
+ </div>
104
+ </div>
105
+ </nav>
106
+
107
+ <!-- Hero Section -->
108
+ <header class="relative pt-32 pb-20 overflow-hidden bg-white">
109
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
110
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
111
+ <div class="sm:text-center md:max-w-2xl md:mx-auto lg:col-span-7 lg:text-left">
112
+ <h1 class="text-4xl tracking-tight font-extrabold sm:text-5xl md:text-6xl">
113
+ <span class="block">Enterprise Cybersecurity</span>
114
+ <span class="block gradient-text">Governance Redefined</span>
115
+ </h1>
116
+ <p class="mt-3 text-lg text-gray-600 sm:mt-5 sm:text-xl sm:max-w-xl sm:mx-auto md:mt-5 md:text-xl lg:mx-0">
117
+ AegisSec delivers strategic cybersecurity frameworks powered by proprietary AI models for institutional-grade risk management.
118
+ </p>
119
+ <div class="mt-8 sm:max-w-lg sm:mx-auto sm:text-center lg:text-left lg:mx-0">
120
+ <div class="flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-3">
121
+ <a href="#platform" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-accent hover:bg-blue-700 md:py-4 md:text-lg md:px-10 transition duration-300">
122
+ Explore Our Platform
123
+ </a>
124
+ <a href="#solutions" class="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-accent bg-secondary hover:bg-gray-100 md:py-4 md:text-lg md:px-10 transition duration-300">
125
+ Our Solutions
126
+ </a>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ <div class="mt-12 relative lg:col-span-5 lg:mt-0">
131
+ <div class="relative mx-auto w-full rounded-lg overflow-hidden border border-gray-200 bg-white shadow-sm">
132
+ <div class="bg-secondary p-6 rounded-xl border border-gray-200">
133
+ <div class="flex items-center space-x-2 mb-4">
134
+ <div class="h-3 w-3 rounded-full bg-red-500"></div>
135
+ <div class="h-3 w-3 rounded-full bg-yellow-500"></div>
136
+ <div class="h-3 w-3 rounded-full bg-green-500"></div>
137
+ </div>
138
+ <div class="code-block p-4 text-sm mb-4">
139
+ <span class="text-highlight">>></span> AegisAI.init()<br>
140
+ <span class="text-highlight">>></span> model = CyberThreatPredictor(<br>
141
+ <span class="ml-4">enterprise_data=current_ops,</span><br>
142
+ <span class="ml-4">threat_feed=live_intel</span><br>
143
+ <span class="text-highlight">>></span> )<br>
144
+ <span class="text-highlight">>></span> risk_matrix = model.predict()<br>
145
+ </div>
146
+ <div class="grid grid-cols-3 gap-2 mb-4">
147
+ <div class="bg-white p-3 rounded border border-gray-200">
148
+ <div class="text-xs text-gray-500 mb-1">Attack Surface</div>
149
+ <div class="text-lg font-mono">384pts</div>
150
+ </div>
151
+ <div class="bg-white p-3 rounded border border-gray-200">
152
+ <div class="text-xs text-gray-500 mb-1">Risk Score</div>
153
+ <div class="text-lg font-mono text-highlight">7.2/10</div>
154
+ </div>
155
+ <div class="bg-white p-3 rounded border border-gray-200">
156
+ <div class="text-xs text-gray-500 mb-1">Mitigation</div>
157
+ <div class="text-lg font-mono">82%</div>
158
+ </div>
159
+ </div>
160
+ <div class="h-32 bg-white rounded border border-gray-200 flex items-center justify-center">
161
+ <div class="text-center">
162
+ <div class="text-xs text-gray-500">Threat Visualization</div>
163
+ <div class="text-2xl font-mono text-highlight">ACTIVE</div>
164
+ </div>
165
+ </div>
166
+ </div>
167
+ </div>
168
+ </div>
169
+ </div>
170
+ </div>
171
+ </header>
172
+
173
+ <!-- Trust Indicators -->
174
+ <div class="bg-secondary py-12 border-y border-gray-200">
175
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
176
+ <div class="lg:text-center">
177
+ <p class="text-sm font-semibold tracking-wider text-highlight uppercase">Securing institutional operations</p>
178
+ </div>
179
+ <div class="mt-10">
180
+ <div class="flex flex-wrap justify-center gap-8 md:gap-16">
181
+ <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300">
182
+ <span class="text-xl font-mono text-gray-800">Fortune 100</span>
183
+ </div>
184
+ <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300">
185
+ <span class="text-xl font-mono text-gray-800">S&P 500</span>
186
+ </div>
187
+ <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300">
188
+ <span class="text-xl font-mono text-gray-800">Global 2000</span>
189
+ </div>
190
+ <div class="flex items-center justify-center opacity-70 hover:opacity-100 transition duration-300">
191
+ <span class="text-xl font-mono text-gray-800">FTSE 100</span>
192
+ </div>
193
+ </div>
194
+ </div>
195
+ </div>
196
+ </div>
197
+
198
+ <!-- Solutions Section -->
199
+ <section id="solutions" class="py-20 bg-white">
200
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
201
+ <div class="lg:text-center mb-16">
202
+ <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Strategic Solutions</h2>
203
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl">
204
+ Enterprise Cybersecurity Framework
205
+ </p>
206
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
207
+ Comprehensive governance models for institutional security operations
208
+ </p>
209
+ </div>
210
+
211
+ <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
212
+ <!-- Solution 1 -->
213
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200 hover:shadow-md transition duration-300">
214
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
215
+ <i class="fas fa-brain text-xl"></i>
216
+ </div>
217
+ <div class="mt-5">
218
+ <h3 class="text-lg font-medium">AegisAI Threat Modeling</h3>
219
+ <p class="mt-2 text-base text-gray-600">
220
+ Proprietary machine learning models that analyze enterprise architecture to predict vulnerability chains and attack vectors.
221
+ </p>
222
+ </div>
223
+ <div class="mt-6">
224
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-highlight border border-gray-200">
225
+ <i class="fas fa-lock mr-1"></i> Proprietary
226
+ </span>
227
+ </div>
228
+ </div>
229
+
230
+ <!-- Solution 2 -->
231
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200 hover:shadow-md transition duration-300">
232
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
233
+ <i class="fas fa-chess-board text-xl"></i>
234
+ </div>
235
+ <div class="mt-5">
236
+ <h3 class="text-lg font-medium">Strategic Risk Governance</h3>
237
+ <p class="mt-2 text-base text-gray-600">
238
+ Board-level cybersecurity governance frameworks aligned with business objectives and regulatory requirements.
239
+ </p>
240
+ </div>
241
+ <div class="mt-6">
242
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-highlight border border-gray-200">
243
+ <i class="fas fa-certificate mr-1"></i> NIST Aligned
244
+ </span>
245
+ </div>
246
+ </div>
247
+
248
+ <!-- Solution 3 -->
249
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200 hover:shadow-md transition duration-300">
250
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
251
+ <i class="fas fa-project-diagram text-xl"></i>
252
+ </div>
253
+ <div class="mt-5">
254
+ <h3 class="text-lg font-medium">Third-Party Ecosystem Security</h3>
255
+ <p class="mt-2 text-base text-gray-600">
256
+ Comprehensive vendor risk management powered by dynamic scoring algorithms that adapt to threat landscapes.
257
+ </p>
258
+ </div>
259
+ <div class="mt-6">
260
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-highlight border border-gray-200">
261
+ <i class="fas fa-network-wired mr-1"></i> Ecosystem
262
+ </span>
263
+ </div>
264
+ </div>
265
+
266
+ <!-- Solution 4 -->
267
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200 hover:shadow-md transition duration-300">
268
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
269
+ <i class="fas fa-shield-virus text-xl"></i>
270
+ </div>
271
+ <div class="mt-5">
272
+ <h3 class="text-lg font-medium">Resilience Architecture</h3>
273
+ <p class="mt-2 text-base text-gray-600">
274
+ Next-generation security architecture designed for adaptive resilience against evolving threats.
275
+ </p>
276
+ </div>
277
+ <div class="mt-6">
278
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-highlight border border-gray-200">
279
+ <i class="fas fa-arrows-alt mr-1"></i> Adaptive
280
+ </span>
281
+ </div>
282
+ </div>
283
+
284
+ <!-- Solution 5 -->
285
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200 hover:shadow-md transition duration-300">
286
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
287
+ <i class="fas fa-user-secret text-xl"></i>
288
+ </div>
289
+ <div class="mt-5">
290
+ <h3 class="text-lg font-medium">Insider Threat Intelligence</h3>
291
+ <p class="mt-2 text-base text-gray-600">
292
+ Behavioral analytics platform that identifies potential insider threats while preserving employee privacy.
293
+ </p>
294
+ </div>
295
+ <div class="mt-6">
296
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-highlight border border-gray-200">
297
+ <i class="fas fa-low-vision mr-1"></i> Privacy-First
298
+ </span>
299
+ </div>
300
+ </div>
301
+
302
+ <!-- Solution 6 -->
303
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200 hover:shadow-md transition duration-300">
304
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
305
+ <i class="fas fa-balance-scale-right text-xl"></i>
306
+ </div>
307
+ <div class="mt-5">
308
+ <h3 class="text-lg font-medium">Regulatory Compliance Engine</h3>
309
+ <p class="mt-2 text-base text-gray-600">
310
+ Automated compliance mapping across multiple jurisdictions with real-time regulatory change detection.
311
+ </p>
312
+ </div>
313
+ <div class="mt-6">
314
+ <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-white text-highlight border border-gray-200">
315
+ <i class="fas fa-gavel mr-1"></i> Compliance
316
+ </span>
317
+ </div>
318
+ </div>
319
+ </div>
320
+ </div>
321
+ </section>
322
+
323
+ <!-- Platform Section -->
324
+ <section id="platform" class="py-20 bg-secondary border-y border-gray-200">
325
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
326
+ <div class="lg:text-center mb-16">
327
+ <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Technology</h2>
328
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl">
329
+ The AegisSec Platform
330
+ </p>
331
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
332
+ Proprietary AI models for enterprise security governance
333
+ </p>
334
+ </div>
335
+
336
+ <div class="grid grid-cols-1 gap-12 lg:grid-cols-2">
337
+ <div>
338
+ <div class="mb-12">
339
+ <h3 class="text-2xl font-bold mb-4">AegisAI Threat Matrix</h3>
340
+ <p class="text-gray-600 mb-6">
341
+ Our flagship machine learning system analyzes over 2,000 operational parameters to model potential attack surfaces and predict threat vectors before they materialize.
342
+ </p>
343
+ <ul class="space-y-4">
344
+ <li class="flex items-start">
345
+ <div class="flex-shrink-0 mt-1">
346
+ <div class="h-5 w-5 rounded-full bg-highlight flex items-center justify-center">
347
+ <i class="fas fa-check text-xs text-white"></i>
348
+ </div>
349
+ </div>
350
+ <p class="ml-3 text-gray-600">
351
+ <span class="font-medium">Dynamic Attack Simulation</span> - Continuously tests security postures against emerging threat patterns
352
+ </p>
353
+ </li>
354
+ <li class="flex items-start">
355
+ <div class="flex-shrink-0 mt-1">
356
+ <div class="h-5 w-5 rounded-full bg-highlight flex items-center justify-center">
357
+ <i class="fas fa-check text-xs text-white"></i>
358
+ </div>
359
+ </div>
360
+ <p class="ml-3 text-gray-600">
361
+ <span class="font-medium">Business Impact Analysis</span> - Quantifies potential operational and financial exposure
362
+ </p>
363
+ </li>
364
+ <li class="flex items-start">
365
+ <div class="flex-shrink-0 mt-1">
366
+ <div class="h-5 w-5 rounded-full bg-highlight flex items-center justify-center">
367
+ <i class="fas fa-check text-xs text-white"></i>
368
+ </div>
369
+ </div>
370
+ <p class="ml-3 text-gray-600">
371
+ <span class="font-medium">Adaptive Countermeasures</span> - Recommends security controls based on predicted effectiveness
372
+ </p>
373
+ </li>
374
+ </ul>
375
+ </div>
376
+ <div>
377
+ <h3 class="text-2xl font-bold mb-4">Enterprise Security Graph</h3>
378
+ <p class="text-gray-600 mb-6">
379
+ A knowledge graph that maps your entire digital ecosystem - people, systems, data flows, and dependencies - to visualize risk concentrations and security relationships.
380
+ </p>
381
+ <div class="code-block p-4 text-sm">
382
+ <span class="text-highlight"># Security Graph Query</span><br>
383
+ MATCH (asset)-[r:CONNECTS_TO|HAS_ACCESS_TO]->()<br>
384
+ WHERE r.risk_score > 7.5<br>
385
+ RETURN asset, r<br>
386
+ <span class="text-highlight">ORDER BY</span> r.criticality DESC<br>
387
+ <span class="text-highlight">LIMIT</span> 50;
388
+ </div>
389
+ </div>
390
+ </div>
391
+ <div>
392
+ <div class="bg-white border border-gray-200 rounded-xl p-6 h-full shadow-sm">
393
+ <div class="flex items-center mb-6">
394
+ <div class="h-3 w-3 rounded-full bg-red-500 mr-2"></div>
395
+ <div class="h-3 w-3 rounded-full bg-yellow-500 mr-2"></div>
396
+ <div class="h-3 w-3 rounded-full bg-green-500"></div>
397
+ </div>
398
+ <div class="mb-8">
399
+ <div class="flex justify-between items-center mb-2">
400
+ <span class="text-sm text-gray-500">Threat Surface Analysis</span>
401
+ <span class="text-xs font-mono text-highlight">87% complete</span>
402
+ </div>
403
+ <div class="w-full bg-gray-200 rounded-full h-2">
404
+ <div class="bg-highlight h-2 rounded-full" style="width: 87%"></div>
405
+ </div>
406
+ </div>
407
+ <div class="grid grid-cols-3 gap-4 mb-8">
408
+ <div class="bg-white p-3 rounded border border-gray-200">
409
+ <div class="text-xs text-gray-500 mb-1">Critical Nodes</div>
410
+ <div class="text-xl font-mono">42</div>
411
+ </div>
412
+ <div class="bg-white p-3 rounded border border-gray-200">
413
+ <div class="text-xs text-gray-500 mb-1">Attack Paths</div>
414
+ <div class="text-xl font-mono text-highlight">128</div>
415
+ </div>
416
+ <div class="bg-white p-3 rounded border border-gray-200">
417
+ <div class="text-xs text-gray-500 mb-1">Risk Density</div>
418
+ <div class="text-xl font-mono">6.8/10</div>
419
+ </div>
420
+ </div>
421
+ <div class="mb-8">
422
+ <div class="text-sm text-gray-500 mb-3">Threat Heatmap</div>
423
+ <div class="grid grid-cols-5 gap-1">
424
+ <div class="h-8 bg-green-100 rounded-sm"></div>
425
+ <div class="h-8 bg-green-200 rounded-sm"></div>
426
+ <div class="h-8 bg-yellow-200 rounded-sm"></div>
427
+ <div class="h-8 bg-orange-200 rounded-sm"></div>
428
+ <div class="h-8 bg-red-200 rounded-sm"></div>
429
+ <div class="h-8 bg-green-200 rounded-sm"></div>
430
+ <div class="h-8 bg-yellow-200 rounded-sm"></div>
431
+ <div class="h-8 bg-orange-200 rounded-sm"></div>
432
+ <div class="h-8 bg-red-200 rounded-sm"></div>
433
+ <div class="h-8 bg-red-300 rounded-sm"></div>
434
+ <div class="h-8 bg-yellow-200 rounded-sm"></div>
435
+ <div class="h-8 bg-orange-200 rounded-sm"></div>
436
+ <div class="h-8 bg-red-200 rounded-sm"></div>
437
+ <div class="h-8 bg-red-300 rounded-sm"></div>
438
+ <div class="h-8 bg-red-400 rounded-sm"></div>
439
+ <div class="h-8 bg-orange-200 rounded-sm"></div>
440
+ <div class="h-8 bg-red-200 rounded-sm"></div>
441
+ <div class="h-8 bg-red-300 rounded-sm"></div>
442
+ <div class="h-8 bg-red-400 rounded-sm"></div>
443
+ <div class="h-8 bg-red-500 rounded-sm"></div>
444
+ <div class="h-8 bg-red-200 rounded-sm"></div>
445
+ <div class="h-8 bg-red-300 rounded-sm"></div>
446
+ <div class="h-8 bg-red-400 rounded-sm"></div>
447
+ <div class="h-8 bg-red-500 rounded-sm"></div>
448
+ <div class="h-8 bg-red-600 rounded-sm"></div>
449
+ </div>
450
+ </div>
451
+ <div>
452
+ <div class="text-sm text-gray-500 mb-2">Recommended Actions</div>
453
+ <div class="space-y-2">
454
+ <div class="flex items-start">
455
+ <div class="flex-shrink-0 mt-1">
456
+ <i class="fas fa-shield-alt text-xs text-highlight"></i>
457
+ </div>
458
+ <p class="ml-2 text-sm text-gray-600">Isolate high-risk endpoints in finance systems</p>
459
+ </div>
460
+ <div class="flex items-start">
461
+ <div class="flex-shrink-0 mt-1">
462
+ <i class="fas fa-user-lock text-xs text-highlight"></i>
463
+ </div>
464
+ <p class="ml-2 text-sm text-gray-600">Enforce MFA for all vendor access points</p>
465
+ </div>
466
+ <div class="flex items-start">
467
+ <div class="flex-shrink-0 mt-1">
468
+ <i class="fas fa-exchange-alt text-xs text-highlight"></i>
469
+ </div>
470
+ <p class="ml-2 text-sm text-gray-600">Review data flows between HR and external partners</p>
471
+ </div>
472
+ </div>
473
+ </div>
474
+ </div>
475
+ </div>
476
+ </div>
477
+ </div>
478
+ </section>
479
+
480
+ <!-- Stats Section -->
481
+ <section class="py-20 bg-white">
482
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
483
+ <div class="grid grid-cols-1 gap-8 md:grid-cols-3">
484
+ <div class="text-center border-r border-gray-200 md:border-l">
485
+ <div class="text-5xl font-extrabold text-highlight">94%</div>
486
+ <div class="mt-2 text-lg font-medium">Reduction in critical vulnerabilities</div>
487
+ <div class="mt-4 text-sm text-gray-500">Across enterprise clients</div>
488
+ </div>
489
+ <div class="text-center border-r border-gray-200">
490
+ <div class="text-5xl font-extrabold text-highlight">360°</div>
491
+ <div class="mt-2 text-lg font-medium">Operational visibility</div>
492
+ <div class="mt-4 text-sm text-gray-500">Across people, processes and technology</div>
493
+ </div>
494
+ <div class="text-center border-r border-gray-200 md:border-r-0">
495
+ <div class="text-5xl font-extrabold text-highlight">0</div>
496
+ <div class="mt-2 text-lg font-medium">Material breaches</div>
497
+ <div class="mt-4 text-sm text-gray-500">For clients using full platform</div>
498
+ </div>
499
+ </div>
500
+ </div>
501
+ </section>
502
+
503
+ <!-- About Section -->
504
+ <section id="about" class="py-20 bg-secondary border-y border-gray-200">
505
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
506
+ <div class="lg:grid lg:grid-cols-12 lg:gap-8">
507
+ <div class="lg:col-span-5">
508
+ <div class="relative">
509
+ <div class="relative w-full rounded-lg overflow-hidden shadow-sm border border-gray-200">
510
+ <img class="w-full h-auto" src="https://images.unsplash.com/photo-1551288049-bebda4e38f71?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="Data analysis">
511
+ </div>
512
+ <div class="mt-6 flex items-center">
513
+ <div class="flex-shrink-0">
514
+ <div class="h-12 w-12 rounded-full bg-highlight flex items-center justify-center">
515
+ <i class="fas fa-microchip text-white"></i>
516
+ </div>
517
+ </div>
518
+ <div class="ml-4">
519
+ <h4 class="text-lg font-medium">AI-Driven Security Intelligence</h4>
520
+ <p class="text-gray-500">Proprietary models trained on petabytes of threat data</p>
521
+ </div>
522
+ </div>
523
+ </div>
524
+ </div>
525
+ <div class="mt-12 lg:mt-0 lg:col-span-7">
526
+ <h2 class="text-3xl font-extrabold tracking-tight">
527
+ Security Insights Engine
528
+ </h2>
529
+ <p class="mt-4 text-lg text-gray-600">
530
+ AegisSec's research division develops cutting-edge security models that power our consulting practice and inform enterprise security strategies worldwide.
531
+ </p>
532
+ <div class="mt-8">
533
+ <div class="space-y-6">
534
+ <div class="flex">
535
+ <div class="flex-shrink-0">
536
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
537
+ <i class="fas fa-chart-network"></i>
538
+ </div>
539
+ </div>
540
+ <div class="ml-4">
541
+ <h3 class="text-lg font-medium">Threat Intelligence</h3>
542
+ <p class="mt-2 text-gray-600">
543
+ Real-time analysis of emerging attack patterns across our global client network, anonymized and enriched with external data sources.
544
+ </p>
545
+ </div>
546
+ </div>
547
+ <div class="flex">
548
+ <div class="flex-shrink-0">
549
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
550
+ <i class="fas fa-robot"></i>
551
+ </div>
552
+ </div>
553
+ <div class="ml-4">
554
+ <h3 class="text-lg font-medium">Predictive Modeling</h3>
555
+ <p class="mt-2 text-gray-600">
556
+ Machine learning models that anticipate security gaps before they're exploited, based on patterns observed across similar organizations.
557
+ </p>
558
+ </div>
559
+ </div>
560
+ <div class="flex">
561
+ <div class="flex-shrink-0">
562
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-white text-highlight border border-gray-200">
563
+ <i class="fas fa-balance-scale"></i>
564
+ </div>
565
+ </div>
566
+ <div class="ml-4">
567
+ <h3 class="text-lg font-medium">Governance Frameworks</h3>
568
+ <p class="mt-2 text-gray-600">
569
+ Adaptive policy templates that evolve with regulatory changes and industry standards, reducing compliance overhead.
570
+ </p>
571
+ </div>
572
+ </div>
573
+ </div>
574
+ </div>
575
+ </div>
576
+ </div>
577
+ </div>
578
+ </section>
579
+
580
+ <!-- Testimonials -->
581
+ <section class="py-20 bg-white">
582
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
583
+ <div class="lg:text-center mb-16">
584
+ <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Enterprise Trust</h2>
585
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl">
586
+ Security Leadership Testimonials
587
+ </p>
588
+ </div>
589
+
590
+ <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3">
591
+ <!-- Testimonial 1 -->
592
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200">
593
+ <div class="flex items-center">
594
+ <div class="flex-shrink-0">
595
+ <div class="h-10 w-10 rounded-full bg-highlight flex items-center justify-center">
596
+ <span class="text-white font-bold">CT</span>
597
+ </div>
598
+ </div>
599
+ <div class="ml-4">
600
+ <h4 class="text-lg font-medium">Chief Technology Officer</h4>
601
+ <p class="text-gray-500">Global Financial Services</p>
602
+ </div>
603
+ </div>
604
+ <div class="mt-6">
605
+ <p class="text-gray-600 italic">
606
+ "AegisSec's AI models identified critical architectural flaws that traditional assessments missed. Their strategic approach transformed our security governance."
607
+ </p>
608
+ </div>
609
+ <div class="mt-4">
610
+ <div class="flex space-x-1">
611
+ <i class="fas fa-star text-yellow-400"></i>
612
+ <i class="fas fa-star text-yellow-400"></i>
613
+ <i class="fas fa-star text-yellow-400"></i>
614
+ <i class="fas fa-star text-yellow-400"></i>
615
+ <i class="fas fa-star text-yellow-400"></i>
616
+ </div>
617
+ </div>
618
+ </div>
619
+
620
+ <!-- Testimonial 2 -->
621
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200">
622
+ <div class="flex items-center">
623
+ <div class="flex-shrink-0">
624
+ <div class="h-10 w-10 rounded-full bg-highlight flex items-center justify-center">
625
+ <span class="text-white font-bold">CR</span>
626
+ </div>
627
+ </div>
628
+ <div class="ml-4">
629
+ <h4 class="text-lg font-medium">Chief Risk Officer</h4>
630
+ <p class="text-gray-500">Fortune 100 Healthcare</p>
631
+ </div>
632
+ </div>
633
+ <div class="mt-6">
634
+ <p class="text-gray-600 italic">
635
+ "The predictive threat modeling allowed us to reallocate security investments where they mattered most, reducing risk exposure by 68% in one fiscal year."
636
+ </p>
637
+ </div>
638
+ <div class="mt-4">
639
+ <div class="flex space-x-1">
640
+ <i class="fas fa-star text-yellow-400"></i>
641
+ <i class="fas fa-star text-yellow-400"></i>
642
+ <i class="fas fa-star text-yellow-400"></i>
643
+ <i class="fas fa-star text-yellow-400"></i>
644
+ <i class="fas fa-star text-yellow-400"></i>
645
+ </div>
646
+ </div>
647
+ </div>
648
+
649
+ <!-- Testimonial 3 -->
650
+ <div class="bg-secondary rounded-lg p-8 border border-gray-200">
651
+ <div class="flex items-center">
652
+ <div class="flex-shrink-0">
653
+ <div class="h-10 w-10 rounded-full bg-highlight flex items-center justify-center">
654
+ <span class="text-white font-bold">CD</span>
655
+ </div>
656
+ </div>
657
+ <div class="ml-4">
658
+ <h4 class="text-lg font-medium">Chief Digital Officer</h4>
659
+ <p class="text-gray-500">S&P 500 Retail</p>
660
+ </div>
661
+ </div>
662
+ <div class="mt-6">
663
+ <p class="text-gray-600 italic">
664
+ "AegisSec's ecosystem mapping revealed third-party risks we didn't know existed. Their platform now informs every vendor onboarding decision."
665
+ </p>
666
+ </div>
667
+ <div class="mt-4">
668
+ <div class="flex space-x-1">
669
+ <i class="fas fa-star text-yellow-400"></i>
670
+ <i class="fas fa-star text-yellow-400"></i>
671
+ <i class="fas fa-star text-yellow-400"></i>
672
+ <i class="fas fa-star text-yellow-400"></i>
673
+ <i class="fas fa-star text-yellow-400"></i>
674
+ </div>
675
+ </div>
676
+ </div>
677
+ </div>
678
+ </div>
679
+ </section>
680
+
681
+ <!-- CTA Section -->
682
+ <section class="bg-secondary border-y border-gray-200 py-20">
683
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
684
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
685
+ <div>
686
+ <h2 class="text-3xl font-extrabold">
687
+ Ready to transform your enterprise security?
688
+ </h2>
689
+ <p class="mt-4 text-lg text-gray-600">
690
+ Schedule a confidential briefing on our AI-driven security governance platform.
691
+ </p>
692
+ <div class="mt-8 flex">
693
+ <a href="#contact" class="px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-accent hover:bg-blue-700 md:py-4 md:text-lg md:px-10 transition duration-300">
694
+ Request Demo
695
+ </a>
696
+ </div>
697
+ </div>
698
+ <div class="mt-12 lg:mt-0">
699
+ <div class="bg-white border border-gray-200 rounded-lg p-8 shadow-sm">
700
+ <div class="flex items-center">
701
+ <div class="flex-shrink-0">
702
+ <div class="h-12 w-12 rounded-full bg-highlight flex items-center justify-center">
703
+ <i class="fas fa-user-secret text-white"></i>
704
+ </div>
705
+ </div>
706
+ <div class="ml-4">
707
+ <h3 class="text-lg font-medium">Executive Briefing</h3>
708
+ <p class="text-gray-500">Discreet, high-level security consultation</p>
709
+ </div>
710
+ </div>
711
+ <div class="mt-6">
712
+ <p class="text-gray-600">
713
+ Our executive sessions provide C-level insights without technical jargon, focusing on business risk and strategic security investments.
714
+ </p>
715
+ </div>
716
+ <div class="mt-6">
717
+ <div class="flex items-center text-sm text-gray-500">
718
+ <i class="fas fa-lock mr-2"></i>
719
+ <span>All discussions protected by attorney-client privilege</span>
720
+ </div>
721
+ </div>
722
+ </div>
723
+ </div>
724
+ </div>
725
+ </div>
726
+ </div>
727
+ </section>
728
+
729
+ <!-- Contact Section -->
730
+ <section id="contact" class="py-20 bg-white">
731
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
732
+ <div class="lg:text-center mb-16">
733
+ <h2 class="text-base text-highlight font-semibold tracking-wide uppercase">Contact</h2>
734
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight sm:text-4xl">
735
+ Secure Your Enterprise
736
+ </p>
737
+ <p class="mt-4 max-w-2xl text-xl text-gray-600 lg:mx-auto">
738
+ Complete the form below for a confidential consultation.
739
+ </p>
740
+ </div>
741
+
742
+ <div class="mt-10 sm:mt-12">
743
+ <form class="max-w-3xl mx-auto">
744
+ <div class="grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8">
745
+ <div>
746
+ <label for="first-name" class="block text-sm font-medium">First name</label>
747
+ <div class="mt-1">
748
+ <input type="text" name="first-name" id="first-name" autocomplete="given-name" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight">
749
+ </div>
750
+ </div>
751
+ <div>
752
+ <label for="last-name" class="block text-sm font-medium">Last name</label>
753
+ <div class="mt-1">
754
+ <input type="text" name="last-name" id="last-name" autocomplete="family-name" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight">
755
+ </div>
756
+ </div>
757
+ <div class="sm:col-span-2">
758
+ <label for="email" class="block text-sm font-medium">Email</label>
759
+ <div class="mt-1">
760
+ <input id="email" name="email" type="email" autocomplete="email" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight">
761
+ </div>
762
+ </div>
763
+ <div class="sm:col-span-2">
764
+ <label for="company" class="block text-sm font-medium">Company</label>
765
+ <div class="mt-1">
766
+ <input type="text" name="company" id="company" autocomplete="organization" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight">
767
+ </div>
768
+ </div>
769
+ <div class="sm:col-span-2">
770
+ <label for="title" class="block text-sm font-medium">Title</label>
771
+ <div class="mt-1">
772
+ <input type="text" name="title" id="title" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight">
773
+ </div>
774
+ </div>
775
+ <div class="sm:col-span-2">
776
+ <label for="interest" class="block text-sm font-medium">Primary Interest</label>
777
+ <div class="mt-1">
778
+ <select id="interest" name="interest" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight">
779
+ <option>Strategic Security Governance</option>
780
+ <option>AegisAI Threat Modeling</option>
781
+ <option>Enterprise Risk Assessment</option>
782
+ <option>Third-Party Ecosystem Security</option>
783
+ <option>Executive Briefing</option>
784
+ <option>Other</option>
785
+ </select>
786
+ </div>
787
+ </div>
788
+ <div class="sm:col-span-2">
789
+ <label for="message" class="block text-sm font-medium">How can we help?</label>
790
+ <div class="mt-1">
791
+ <textarea id="message" name="message" rows="4" class="py-3 px-4 block w-full bg-secondary border border-gray-300 rounded-md focus:ring-highlight focus:border-highlight"></textarea>
792
+ </div>
793
+ </div>
794
+ <div class="sm:col-span-2">
795
+ <div class="flex items-start">
796
+ <div class="flex-shrink-0">
797
+ <input id="nda" name="nda" type="checkbox" class="focus:ring-highlight h-4 w-4 text-highlight border-gray-300 rounded bg-secondary">
798
+ </div>
799
+ <div class="ml-3">
800
+ <label for="nda" class="text-sm text-gray-600">
801
+ I require an NDA before discussing sensitive security matters.
802
+ </label>
803
+ </div>
804
+ </div>
805
+ </div>
806
+ <div class="sm:col-span-2">
807
+ <button type="submit" class="w-full inline-flex items-center justify-center px-6 py-3 border border-transparent rounded-md shadow-sm text-base font-medium text-white bg-accent hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-highlight transition duration-300">
808
+ Submit Request
809
+ </button>
810
+ </div>
811
+ </div>
812
+ </form>
813
+ </div>
814
+ </div>
815
+ </section>
816
+
817
+ <!-- Footer -->
818
+ <footer class="bg-secondary border-t border-gray-200">
819
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
820
+ <div class="xl:grid xl:grid-cols-3 xl:gap-8">
821
+ <div class="space-y-8 xl:col-span-1">
822
+ <span class="text-2xl font-bold gradient-text">AegisSec</span>
823
+ <p class="text-gray-600 text-sm">
824
+ Enterprise cybersecurity governance powered by proprietary AI models.
825
+ </p>
826
+ <div class="flex space-x-6">
827
+ <a href="#" class="text-gray-500 hover:text-gray-900">
828
+ <i class="fab fa-linkedin-in"></i>
829
+ </a>
830
+ <a href="#" class="text-gray-500 hover:text-gray-900">
831
+ <i class="fab fa-twitter"></i>
832
+ </a>
833
+ <a href="#" class="text-gray-500 hover:text-gray-900">
834
+ <i class="fab fa-github"></i>
835
+ </a>
836
+ </div>
837
+ </div>
838
+ <div class="mt-12 grid grid-cols-2 gap-8 xl:mt-0 xl:col-span-2">
839
+ <div class="md:grid md:grid-cols-2 md:gap-8">
840
+ <div>
841
+ <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">
842
+ Solutions
843
+ </h3>
844
+ <div class="mt-4 space-y-4">
845
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
846
+ AegisAI Platform
847
+ </a>
848
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
849
+ Enterprise Governance
850
+ </a>
851
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
852
+ Threat Intelligence
853
+ </a>
854
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
855
+ Risk Quantification
856
+ </a>
857
+ </div>
858
+ </div>
859
+ <div class="mt-12 md:mt-0">
860
+ <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">
861
+ Company
862
+ </h3>
863
+ <div class="mt-4 space-y-4">
864
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
865
+ About
866
+ </a>
867
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
868
+ Insights
869
+ </a>
870
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
871
+ Careers
872
+ </a>
873
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
874
+ Contact
875
+ </a>
876
+ </div>
877
+ </div>
878
+ </div>
879
+ <div class="md:grid md:grid-cols-2 md:gap-8">
880
+ <div>
881
+ <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">
882
+ Legal
883
+ </h3>
884
+ <div class="mt-4 space-y-4">
885
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
886
+ Privacy
887
+ </a>
888
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
889
+ Terms
890
+ </a>
891
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
892
+ Compliance
893
+ </a>
894
+ </div>
895
+ </div>
896
+ <div class="mt-12 md:mt-0">
897
+ <h3 class="text-sm font-semibold text-gray-500 tracking-wider uppercase">
898
+ Contact
899
+ </h3>
900
+ <div class="mt-4 space-y-4">
901
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
902
+ <i class="fas fa-envelope mr-2"></i> secure@aegissecurity.com
903
+ </a>
904
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
905
+ <i class="fas fa-phone-alt mr-2"></i> +1 (555) 236-9111
906
+ </a>
907
+ <a href="#" class="text-base text-gray-600 hover:text-gray-900 block">
908
+ <i class="fas fa-map-marker-alt mr-2"></i> Global Headquarters
909
+ </a>
910
+ </div>
911
+ </div>
912
+ </div>
913
+ </div>
914
+ </div>
915
+ <div class="mt-12 border-t border-gray-200 pt-8">
916
+ <p class="text-base text-gray-500 text-center">
917
+ &copy; 2023 Aegis Security Consulting LLC. All rights reserved.
918
+ </p>
919
+ </div>
920
+ </div>
921
+ </footer>
922
+
923
+ <script>
924
+ // Mobile menu toggle
925
+ const mobileMenuButton = document.querySelector('.mobile-menu-button');
926
+ const mobileMenu = document.querySelector('.mobile-menu');
927
+
928
+ mobileMenuButton.addEventListener('click', () => {
929
+ mobileMenu.classList.toggle('hidden');
930
+ });
931
+
932
+ // Smooth scrolling for anchor links
933
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
934
+ anchor.addEventListener('click', function (e) {
935
+ e.preventDefault();
936
+
937
+ // Close mobile menu if open
938
+ if (!mobileMenu.classList.contains('hidden')) {
939
+ mobileMenu.classList.add('hidden');
940
+ }
941
+
942
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
943
+ behavior: 'smooth'
944
+ });
945
+ });
946
+ });
947
+
948
+ // Form submission
949
+ const form = document.querySelector('form');
950
+ if (form) {
951
+ form.addEventListener('submit', (e) => {
952
+ e.preventDefault();
953
+ // Here you would typically send the form data to your server
954
+ alert('Thank you for your request. Our security team will contact you via secure channels.');
955
+ form.reset();
956
+ });
957
+ }
958
+
959
+ // Animate elements when they come into view
960
+ const animateOnScroll = new IntersectionObserver((entries) => {
961
+ entries.forEach(entry => {
962
+ if (entry.isIntersecting) {
963
+ entry.target.classList.add('animate-fadeIn');
964
+ animateOnScroll.unobserve(entry.target);
965
+ }
966
+ });
967
+ }, {
968
+ threshold: 0.1
969
+ });
970
+
971
+ document.querySelectorAll('.ai-card').forEach(card => {
972
+ animateOnScroll.observe(card);
973
+ });
974
+ </script>
975
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=aegisceo/aegissec-light" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
976
+ </html>
prompts.txt ADDED
File without changes