Hugging Face's logo

Spaces:
acceler-wireless-llc
/
verisource
Running

App Files Community
alphonse86 commited on
Commit
4686e8b
·
verified ·
1 Parent(s): 86e8cc3

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +603 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Verisource
3
- emoji: 🔥
4
- colorFrom: gray
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: verisource
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: purple
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,603 @@
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>VeriSource | Cryptographic Software Provenance</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
+ <style>
10
+ .gradient-bg {
11
+ background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
12
+ }
13
+ .code-block {
14
+ font-family: 'Courier New', monospace;
15
+ background-color: #f8fafc;
16
+ border-left: 3px solid #3b82f6;
17
+ padding: 1rem;
18
+ margin: 1rem 0;
19
+ }
20
+ .diagram-container {
21
+ position: relative;
22
+ height: 200px;
23
+ margin: 2rem 0;
24
+ }
25
+ .diagram-line {
26
+ position: absolute;
27
+ height: 2px;
28
+ background-color: #3b82f6;
29
+ top: 50%;
30
+ left: 0;
31
+ right: 0;
32
+ }
33
+ .diagram-node {
34
+ position: absolute;
35
+ width: 40px;
36
+ height: 40px;
37
+ border-radius: 50%;
38
+ background-color: white;
39
+ border: 2px solid #3b82f6;
40
+ display: flex;
41
+ align-items: center;
42
+ justify-content: center;
43
+ top: calc(50% - 20px);
44
+ }
45
+ .diagram-node i {
46
+ color: #3b82f6;
47
+ }
48
+ .diagram-text {
49
+ position: absolute;
50
+ text-align: center;
51
+ width: 120px;
52
+ font-size: 0.875rem;
53
+ color: #4b5563;
54
+ }
55
+ .hover-scale {
56
+ transition: transform 0.2s ease-in-out;
57
+ }
58
+ .hover-scale:hover {
59
+ transform: scale(1.02);
60
+ }
61
+ </style>
62
+ </head>
63
+ <body class="gradient-bg font-sans text-gray-800">
64
+ <!-- Navigation -->
65
+ <nav class="bg-white shadow-sm">
66
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
67
+ <div class="flex justify-between h-16">
68
+ <div class="flex items-center">
69
+ <div class="flex-shrink-0 flex items-center">
70
+ <span class="text-xl font-bold text-gray-800">VeriSource</span>
71
+ </div>
72
+ </div>
73
+ <div class="hidden sm:ml-6 sm:flex sm:items-center space-x-8">
74
+ <a href="#problem" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Problem</a>
75
+ <a href="#solution" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Solution</a>
76
+ <a href="#how-it-works" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">How It Works</a>
77
+ <a href="#use-cases" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Use Cases</a>
78
+ <a href="#contact" class="text-gray-700 hover:text-blue-600 px-3 py-2 text-sm font-medium">Contact</a>
79
+ </div>
80
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
81
+ <a href="#" class="ml-8 inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
82
+ Request Demo
83
+ </a>
84
+ </div>
85
+ </div>
86
+ </div>
87
+ </nav>
88
+
89
+ <!-- Hero Section -->
90
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">
91
+ <div class="text-center">
92
+ <h1 class="text-4xl md:text-6xl font-bold text-gray-900 mb-6">
93
+ Cryptographically Verifiable <br>Software History
94
+ </h1>
95
+ <p class="text-xl md:text-2xl text-gray-600 max-w-3xl mx-auto mb-10">
96
+ Prove — in zero knowledge — that your code, builds, and artifacts come from exactly the source you claim. No trust in CI providers. No source disclosure. Just math.
97
+ </p>
98
+ <div class="flex flex-col sm:flex-row justify-center gap-4">
99
+ <a href="#contact" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 md:py-4 md:text-lg md:px-10">
100
+ Request a Demo
101
+ </a>
102
+ <a href="#" class="inline-flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-blue-700 bg-blue-100 hover:bg-blue-200 md:py-4 md:text-lg md:px-10">
103
+ Read the White Paper
104
+ </a>
105
+ </div>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Problem Section -->
110
+ <div id="problem" class="bg-white py-16">
111
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
112
+ <div class="text-center mb-12">
113
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">The Software Supply Chain Is a Trust Problem</h2>
114
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
115
+ Current systems rely on process rather than cryptographic proof, leaving critical gaps in verification.
116
+ </p>
117
+ </div>
118
+
119
+ <div class="grid md:grid-cols-2 gap-8 items-center">
120
+ <div>
121
+ <ul class="space-y-4">
122
+ <li class="flex items-start">
123
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
124
+ <i class="fas fa-exclamation-circle"></i>
125
+ </div>
126
+ <p class="ml-3 text-gray-700">
127
+ Git hashes verify history, but not the integrity of builds or artifacts
128
+ </p>
129
+ </li>
130
+ <li class="flex items-start">
131
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
132
+ <i class="fas fa-exclamation-circle"></i>
133
+ </div>
134
+ <p class="ml-3 text-gray-700">
135
+ CI pipelines require blind trust in operators and infrastructure
136
+ </p>
137
+ </li>
138
+ <li class="flex items-start">
139
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
140
+ <i class="fas fa-exclamation-circle"></i>
141
+ </div>
142
+ <p class="ml-3 text-gray-700">
143
+ Closed-source components break transparency while open-source risks exposure
144
+ </p>
145
+ </li>
146
+ <li class="flex items-start">
147
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
148
+ <i class="fas fa-exclamation-circle"></i>
149
+ </div>
150
+ <p class="ml-3 text-gray-700">
151
+ Audits rely on manual processes rather than cryptographic proof
152
+ </p>
153
+ </li>
154
+ </ul>
155
+ </div>
156
+ <div class="diagram-container">
157
+ <div class="diagram-line"></div>
158
+ <div class="diagram-node" style="left: 10%;">
159
+ <i class="fas fa-code"></i>
160
+ </div>
161
+ <div class="diagram-text" style="left: 5%; top: 60%;">Source</div>
162
+
163
+ <div class="diagram-node" style="left: 30%;">
164
+ <i class="fas fa-server"></i>
165
+ </div>
166
+ <div class="diagram-text" style="left: 25%; top: 60%;">CI System</div>
167
+
168
+ <div class="diagram-node" style="left: 50%;">
169
+ <i class="fas fa-cube"></i>
170
+ </div>
171
+ <div class="diagram-text" style="left: 45%; top: 60%;">Binary</div>
172
+
173
+ <div class="diagram-node" style="left: 70%;">
174
+ <i class="fas fa-user-shield"></i>
175
+ </div>
176
+ <div class="diagram-text" style="left: 65%; top: 60%;">Trust</div>
177
+
178
+ <div class="diagram-node" style="left: 90%;">
179
+ <i class="fas fa-question"></i>
180
+ </div>
181
+ <div class="diagram-text" style="left: 85%; top: 60%;">?</div>
182
+ </div>
183
+ </div>
184
+ </div>
185
+ </div>
186
+
187
+ <!-- Solution Section -->
188
+ <div id="solution" class="py-16">
189
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
190
+ <div class="text-center mb-12">
191
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Zero-Knowledge Proofs for Version Control</h2>
192
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
193
+ Cryptographic guarantees without compromising privacy or security.
194
+ </p>
195
+ </div>
196
+
197
+ <div class="grid md:grid-cols-2 gap-8 items-center">
198
+ <div>
199
+ <div class="code-block">
200
+ <span class="text-blue-600">commit</span> 1a2b3c4d<br>
201
+ <span class="text-blue-600">proof</span> zk-SNARK<br>
202
+ <span class="text-blue-600">verify</span> true
203
+ </div>
204
+ </div>
205
+ <div>
206
+ <ul class="space-y-4">
207
+ <li class="flex items-start">
208
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
209
+ <i class="fas fa-check-circle"></i>
210
+ </div>
211
+ <p class="ml-3 text-gray-700">
212
+ Maintains standard Git workflows (SHA-256) while adding cryptographic proofs
213
+ </p>
214
+ </li>
215
+ <li class="flex items-start">
216
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
217
+ <i class="fas fa-check-circle"></i>
218
+ </div>
219
+ <p class="ml-3 text-gray-700">
220
+ ZK proofs cryptographically link commit → history → build → artifact
221
+ </p>
222
+ </li>
223
+ <li class="flex items-start">
224
+ <div class="flex-shrink-0 h-6 w-6 text-blue-600 mt-1">
225
+ <i class="fas fa-check-circle"></i>
226
+ </div>
227
+ <p class="ml-3 text-gray-700">
228
+ Proofs reveal nothing about private code or build internals
229
+ </p>
230
+ </li>
231
+ </ul>
232
+ </div>
233
+ </div>
234
+
235
+ <div class="mt-16 text-center">
236
+ <div class="inline-flex items-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50">
237
+ <i class="fas fa-arrow-down mr-2"></i>
238
+ Commit → Proof → Artifact
239
+ </div>
240
+ </div>
241
+ </div>
242
+ </div>
243
+
244
+ <!-- How It Works Section -->
245
+ <div id="how-it-works" class="bg-white py-16">
246
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
247
+ <div class="text-center mb-12">
248
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">How VeriSource Works</h2>
249
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
250
+ Cryptographic verification at each stage of the software lifecycle.
251
+ </p>
252
+ </div>
253
+
254
+ <div class="grid md:grid-cols-4 gap-8">
255
+ <div class="hover-scale bg-gray-50 p-6 rounded-lg">
256
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mb-4">
257
+ <i class="fas fa-anchor"></i>
258
+ </div>
259
+ <h3 class="text-lg font-medium text-gray-900 mb-2">1. Commit Anchoring</h3>
260
+ <p class="text-gray-600">
261
+ Commits are verified as belonging to a known repository history with cryptographic proofs.
262
+ </p>
263
+ </div>
264
+
265
+ <div class="hover-scale bg-gray-50 p-6 rounded-lg">
266
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mb-4">
267
+ <i class="fas fa-cogs"></i>
268
+ </div>
269
+ <h3 class="text-lg font-medium text-gray-900 mb-2">2. Deterministic Build Proofs</h3>
270
+ <p class="text-gray-600">
271
+ Prove the artifact was built from that commit with specific constraints and dependencies.
272
+ </p>
273
+ </div>
274
+
275
+ <div class="hover-scale bg-gray-50 p-6 rounded-lg">
276
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mb-4">
277
+ <i class="fas fa-vial"></i>
278
+ </div>
279
+ <h3 class="text-lg font-medium text-gray-900 mb-2">3. Test Verification</h3>
280
+ <p class="text-gray-600">
281
+ Prove tests executed and passed — without exposing tests or logs.
282
+ </p>
283
+ </div>
284
+
285
+ <div class="hover-scale bg-gray-50 p-6 rounded-lg">
286
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-100 text-blue-600 mb-4">
287
+ <i class="fas fa-shield-alt"></i>
288
+ </div>
289
+ <h3 class="text-lg font-medium text-gray-900 mb-2">4. Verifiable Artifact</h3>
290
+ <p class="text-gray-600">
291
+ Ship binaries with cryptographic proofs anyone can verify independently.
292
+ </p>
293
+ </div>
294
+ </div>
295
+ </div>
296
+ </div>
297
+
298
+ <!-- Use Cases Section -->
299
+ <div id="use-cases" class="py-16">
300
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
301
+ <div class="text-center mb-12">
302
+ <h2 class="text-3xl font-bold text-gray-900 mb-4">Built for High-Assurance Software</h2>
303
+ <p class="text-xl text-gray-600 max-w-3xl mx-auto">
304
+ Where cryptographic verification matters most.
305
+ </p>
306
+ </div>
307
+
308
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
309
+ <div class="hover-scale bg-white p-6 rounded-lg shadow-sm border border-gray-100">
310
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600 mb-4">
311
+ <i class="fas fa-link"></i>
312
+ </div>
313
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Supply-Chain Security</h3>
314
+ <p class="text-gray-600 text-sm">
315
+ Prevent CI compromise and malicious injection with cryptographic proofs.
316
+ </p>
317
+ </div>
318
+
319
+ <div class="hover-scale bg-white p-6 rounded-lg shadow-sm border border-gray-100">
320
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600 mb-4">
321
+ <i class="fas fa-lock"></i>
322
+ </div>
323
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Hybrid Open/Closed Source</h3>
324
+ <p class="text-gray-600 text-sm">
325
+ Prove open-source inclusion while protecting proprietary IP.
326
+ </p>
327
+ </div>
328
+
329
+ <div class="hover-scale bg-white p-6 rounded-lg shadow-sm border border-gray-100">
330
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600 mb-4">
331
+ <i class="fas fa-building"></i>
332
+ </div>
333
+ <h3 class="text-lg font-medium text-gray-900 mb-2">Regulated Industries</h3>
334
+ <p class="text-gray-600 text-sm">
335
+ Replace audits and attestations with cryptographic proofs for compliance.
336
+ </p>
337
+ </div>
338
+
339
+ <div class="hover-scale bg-white p-6 rounded-lg shadow-sm border border-gray-100">
340
+ <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600 mb-4">
341
+ <i class="fas fa-project-diagram"></i>
342
+ </div>
343
+ <h3 class="text-lg font-medium text-gray-900 mb-2">On-Chain & Critical Deployments</h3>
344
+ <p class="text-gray-600 text-sm">
345
+ Prove deployed code matches reviewed source without disclosure.
346
+ </p>
347
+ </div>
348
+ </div>
349
+ </div>
350
+ </div>
351
+
352
+ <!-- Why ZK Section -->
353
+ <div class="bg-gray-900 text-white py-16">
354
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
355
+ <div class="text-center mb-12">
356
+ <h2 class="text-3xl font-bold mb-4">Trust the Proof, Not the Process</h2>
357
+ <p class="text-xl text-gray-300 max-w-3xl mx-auto">
358
+ Zero-knowledge cryptography provides verifiable trust without compromise.
359
+ </p>
360
+ </div>
361
+
362
+ <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
363
+ <div class="text-center">
364
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white mx-auto mb-4">
365
+ <i class="fas fa-user-secret"></i>
366
+ </div>
367
+ <h3 class="text-lg font-medium mb-2">No CI Trust</h3>
368
+ <p class="text-gray-300 text-sm">
369
+ Eliminate reliance on CI operators and infrastructure.
370
+ </p>
371
+ </div>
372
+
373
+ <div class="text-center">
374
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white mx-auto mb-4">
375
+ <i class="fas fa-eye-slash"></i>
376
+ </div>
377
+ <h3 class="text-lg font-medium mb-2">Source Protection</h3>
378
+ <p class="text-gray-300 text-sm">
379
+ No source code disclosure required for verification.
380
+ </p>
381
+ </div>
382
+
383
+ <div class="text-center">
384
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white mx-auto mb-4">
385
+ <i class="fas fa-key"></i>
386
+ </div>
387
+ <h3 class="text-lg font-medium mb-2">No Secret Leakage</h3>
388
+ <p class="text-gray-300 text-sm">
389
+ Proofs contain zero knowledge about sensitive data.
390
+ </p>
391
+ </div>
392
+
393
+ <div class="text-center">
394
+ <div class="flex items-center justify-center h-12 w-12 rounded-md bg-blue-600 text-white mx-auto mb-4">
395
+ <i class="fas fa-check-double"></i>
396
+ </div>
397
+ <h3 class="text-lg font-medium mb-2">Verifiable Forever</h3>
398
+ <p class="text-gray-300 text-sm">
399
+ Proofs remain valid indefinitely with no ongoing trust.
400
+ </p>
401
+ </div>
402
+ </div>
403
+ </div>
404
+ </div>
405
+
406
+ <!-- Philosophy Section -->
407
+ <div class="bg-white py-16">
408
+ <div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
409
+ <h2 class="text-2xl font-bold text-gray-900 mb-6">Proof-First Software</h2>
410
+ <p class="text-lg text-gray-600 italic">
411
+ "Signatures prove identity. Logs prove nothing. Proofs prove correctness. We believe the future of software trust is cryptographic, not procedural."
412
+ </p>
413
+ </div>
414
+ </div>
415
+
416
+ <!-- Contact Section -->
417
+ <div id="contact" class="py-16">
418
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
419
+ <div class="bg-white shadow rounded-lg overflow-hidden">
420
+ <div class="grid md:grid-cols-2">
421
+ <div class="p-8 sm:p-10">
422
+ <h2 class="text-2xl font-bold text-gray-900 mb-2">See It in Action</h2>
423
+ <p class="text-lg text-gray-600 mb-6">Schedule a technical walkthrough or research discussion.</p>
424
+
425
+ <form class="space-y-6">
426
+ <div>
427
+ <label for="name" class="block text-sm font-medium text-gray-700">Name</label>
428
+ <input type="text" id="name" name="name" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
429
+ </div>
430
+
431
+ <div>
432
+ <label for="company" class="block text-sm font-medium text-gray-700">Company</label>
433
+ <input type="text" id="company" name="company" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
434
+ </div>
435
+
436
+ <div>
437
+ <label for="email" class="block text-sm font-medium text-gray-700">Email</label>
438
+ <input type="email" id="email" name="email" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
439
+ </div>
440
+
441
+ <div>
442
+ <label for="role" class="block text-sm font-medium text-gray-700">Role</label>
443
+ <select id="role" name="role" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500">
444
+ <option>Security Engineer</option>
445
+ <option>Infrastructure Engineer</option>
446
+ <option>CTO/Technical Founder</option>
447
+ <option>Compliance Officer</option>
448
+ <option>Other</option>
449
+ </select>
450
+ </div>
451
+
452
+ <div>
453
+ <label for="message" class="block text-sm font-medium text-gray-700">Message (optional)</label>
454
+ <textarea id="message" name="message" rows="3" class="mt-1 block w-full border border-gray-300 rounded-md shadow-sm py-2 px-3 focus:outline-none focus:ring-blue-500 focus:border-blue-500"></textarea>
455
+ </div>
456
+
457
+ <div>
458
+ <button type="submit" class="w-full flex justify-center py-3 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
459
+ Schedule Demo
460
+ </button>
461
+ </div>
462
+ </form>
463
+ </div>
464
+
465
+ <div class="bg-gray-50 p-8 sm:p-10 flex items-center">
466
+ <div>
467
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Early access available for:</h3>
468
+ <ul class="space-y-3">
469
+ <li class="flex items-start">
470
+ <div class="flex-shrink-0 h-5 w-5 text-blue-600 mt-1">
471
+ <i class="fas fa-check"></i>
472
+ </div>
473
+ <p class="ml-3 text-gray-700">
474
+ Security-critical software teams
475
+ </p>
476
+ </li>
477
+ <li class="flex items-start">
478
+ <div class="flex-shrink-0 h-5 w-5 text-blue-600 mt-1">
479
+ <i class="fas fa-check"></i>
480
+ </div>
481
+ <p class="ml-3 text-gray-700">
482
+ Regulated industry deployments
483
+ </p>
484
+ </li>
485
+ <li class="flex items-start">
486
+ <div class="flex-shrink-0 h-5 w-5 text-blue-600 mt-1">
487
+ <i class="fas fa-check"></i>
488
+ </div>
489
+ <p class="ml-3 text-gray-700">
490
+ Cryptographic research partners
491
+ </p>
492
+ </li>
493
+ </ul>
494
+
495
+ <div class="mt-8 pt-8 border-t border-gray-200">
496
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Technical Resources</h3>
497
+ <div class="space-y-3">
498
+ <a href="#" class="flex items-center text-blue-600 hover:text-blue-800">
499
+ <i class="fas fa-file-pdf mr-2"></i>
500
+ <span>White Paper (PDF)</span>
501
+ </a>
502
+ <a href="#" class="flex items-center text-blue-600 hover:text-blue-800">
503
+ <i class="fab fa-github mr-2"></i>
504
+ <span>Research Repository</span>
505
+ </a>
506
+ <a href="#" class="flex items-center text-blue-600 hover:text-blue-800">
507
+ <i class="fas fa-book mr-2"></i>
508
+ <span>Technical Documentation</span>
509
+ </a>
510
+ </div>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </div>
515
+ </div>
516
+ </div>
517
+ </div>
518
+
519
+ <!-- Footer -->
520
+ <footer class="bg-gray-900 text-white py-12">
521
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
522
+ <div class="grid md:grid-cols-4 gap-8">
523
+ <div>
524
+ <h3 class="text-lg font-medium mb-4">VeriSource</h3>
525
+ <p class="text-gray-400 text-sm">
526
+ Cryptographic software provenance for high-assurance systems.
527
+ </p>
528
+ </div>
529
+
530
+ <div>
531
+ <h3 class="text-lg font-medium mb-4">Product</h3>
532
+ <ul class="space-y-2">
533
+ <li><a href="#problem" class="text-gray-400 hover:text-white text-sm">Problem</a></li>
534
+ <li><a href="#solution" class="text-gray-400 hover:text-white text-sm">Solution</a></li>
535
+ <li><a href="#how-it-works" class="text-gray-400 hover:text-white text-sm">How It Works</a></li>
536
+ <li><a href="#use-cases" class="text-gray-400 hover:text-white text-sm">Use Cases</a></li>
537
+ </ul>
538
+ </div>
539
+
540
+ <div>
541
+ <h3 class="text-lg font-medium mb-4">Resources</h3>
542
+ <ul class="space-y-2">
543
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">White Paper</a></li>
544
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Documentation</a></li>
545
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">GitHub</a></li>
546
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Blog</a></li>
547
+ </ul>
548
+ </div>
549
+
550
+ <div>
551
+ <h3 class="text-lg font-medium mb-4">Contact</h3>
552
+ <ul class="space-y-2">
553
+ <li><a href="mailto:contact@verisource.dev" class="text-gray-400 hover:text-white text-sm">contact@verisource.dev</a></li>
554
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Security</a></li>
555
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Press</a></li>
556
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Careers</a></li>
557
+ </ul>
558
+ </div>
559
+ </div>
560
+
561
+ <div class="mt-12 pt-8 border-t border-gray-800 flex flex-col md:flex-row justify-between items-center">
562
+ <p class="text-gray-400 text-sm">
563
+ © 2023 VeriSource. All rights reserved.
564
+ </p>
565
+ <div class="mt-4 md:mt-0 flex space-x-6">
566
+ <a href="#" class="text-gray-400 hover:text-white">
567
+ <i class="fab fa-twitter"></i>
568
+ </a>
569
+ <a href="#" class="text-gray-400 hover:text-white">
570
+ <i class="fab fa-github"></i>
571
+ </a>
572
+ <a href="#" class="text-gray-400 hover:text-white">
573
+ <i class="fab fa-linkedin"></i>
574
+ </a>
575
+ </div>
576
+ </div>
577
+ </div>
578
+ </footer>
579
+
580
+ <script>
581
+ // Smooth scrolling for anchor links
582
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
583
+ anchor.addEventListener('click', function (e) {
584
+ e.preventDefault();
585
+
586
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
587
+ behavior: 'smooth'
588
+ });
589
+ });
590
+ });
591
+
592
+ // Form submission handling
593
+ const contactForm = document.querySelector('form');
594
+ if (contactForm) {
595
+ contactForm.addEventListener('submit', function(e) {
596
+ e.preventDefault();
597
+ alert('Thank you for your interest. We will contact you shortly.');
598
+ this.reset();
599
+ });
600
+ }
601
+ </script>
602
+ <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=alphonse86/verisource" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
603
+ </html>