Hugging Face's logo

Spaces:
aibyml
/
KortexAI
Running

App Files Community
aibyml commited on
Commit
30a0c4f
·
verified ·
1 Parent(s): 0501ad5

Upload 2 files

Browse files
Files changed (2) hide show
  1. image.png +0 -0
  2. kortex_ai_pitch.html +688 -0
image.png ADDED
kortex_ai_pitch.html ADDED
@@ -0,0 +1,688 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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>Kortex AI - The Accountable B2B Sales Platform</title>
7
+ <style>
8
+ * {
9
+ margin: 0;
10
+ padding: 0;
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ body {
15
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
16
+ line-height: 1.6;
17
+ color: #333;
18
+ overflow-x: hidden;
19
+ }
20
+
21
+ /* Navigation */
22
+ .navbar {
23
+ position: fixed;
24
+ top: 0;
25
+ width: 100%;
26
+ background: rgba(23, 32, 42, 0.95);
27
+ backdrop-filter: blur(10px);
28
+ z-index: 1000;
29
+ padding: 1rem 2rem;
30
+ transition: all 0.3s ease;
31
+ }
32
+
33
+ .nav-container {
34
+ display: flex;
35
+ justify-content: space-between;
36
+ align-items: center;
37
+ max-width: 1200px;
38
+ margin: 0 auto;
39
+ }
40
+
41
+ .logo {
42
+ font-size: 1.5rem;
43
+ font-weight: bold;
44
+ color: white;
45
+ }
46
+
47
+ .nav-menu {
48
+ display: flex;
49
+ list-style: none;
50
+ gap: 2rem;
51
+ }
52
+
53
+ .nav-menu a {
54
+ color: white;
55
+ text-decoration: none;
56
+ font-weight: 500;
57
+ transition: color 0.3s ease;
58
+ }
59
+
60
+ .nav-menu a:hover {
61
+ color: #1ABC9C;
62
+ }
63
+
64
+ /* Demo Links Banner */
65
+ .demo-banner {
66
+ background: linear-gradient(135deg, #1ABC9C 0%, #16A085 100%);
67
+ color: white;
68
+ padding: 15px 0;
69
+ text-align: center;
70
+ position: relative;
71
+ overflow: hidden;
72
+ margin-top: 70px;
73
+ }
74
+
75
+ .demo-banner::before {
76
+ content: '';
77
+ position: absolute;
78
+ top: 0;
79
+ left: -100%;
80
+ width: 100%;
81
+ height: 100%;
82
+ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
83
+ animation: shimmer 3s infinite;
84
+ }
85
+
86
+ @keyframes shimmer {
87
+ 0% { left: -100%; }
88
+ 100% { left: 100%; }
89
+ }
90
+
91
+ .demo-content {
92
+ max-width: 1200px;
93
+ margin: 0 auto;
94
+ padding: 0 2rem;
95
+ }
96
+
97
+ .demo-title {
98
+ font-size: 1.3rem;
99
+ font-weight: bold;
100
+ margin-bottom: 15px;
101
+ }
102
+
103
+ .demo-links {
104
+ display: flex;
105
+ justify-content: center;
106
+ gap: 2rem;
107
+ flex-wrap: wrap;
108
+ }
109
+
110
+ .demo-link {
111
+ background: rgba(255,255,255,0.2);
112
+ color: white;
113
+ padding: 12px 25px;
114
+ border-radius: 25px;
115
+ text-decoration: none;
116
+ font-weight: 600;
117
+ transition: all 0.3s ease;
118
+ backdrop-filter: blur(10px);
119
+ border: 2px solid rgba(255,255,255,0.3);
120
+ display: flex;
121
+ align-items: center;
122
+ gap: 10px;
123
+ }
124
+
125
+ .demo-link:hover {
126
+ background: rgba(255,255,255,0.3);
127
+ transform: translateY(-2px);
128
+ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
129
+ }
130
+
131
+ .demo-icon {
132
+ font-size: 1.2rem;
133
+ }
134
+
135
+ /* Hero Section */
136
+ .hero {
137
+ height: 100vh;
138
+ background: linear-gradient(135deg, #17202A 0%, #34495E 100%);
139
+ display: flex;
140
+ align-items: center;
141
+ justify-content: center;
142
+ text-align: center;
143
+ color: white;
144
+ position: relative;
145
+ overflow: hidden;
146
+ }
147
+
148
+ .hero-content {
149
+ max-width: 900px;
150
+ padding: 2rem;
151
+ z-index: 2;
152
+ }
153
+
154
+ .hero-image {
155
+ width: 400px;
156
+ height: 250px;
157
+ background: url('image.png') center/cover no-repeat;
158
+ background-color: #2C3E50;
159
+ margin: 0 auto 2rem;
160
+ border-radius: 15px;
161
+ box-shadow: 0 15px 35px rgba(0,0,0,0.3);
162
+ position: relative;
163
+ opacity: 0;
164
+ animation: fadeInUp 1s ease 0.3s forwards;
165
+ }
166
+
167
+ .hero h1 {
168
+ font-size: 3.5rem;
169
+ margin-bottom: 1rem;
170
+ font-weight: 300;
171
+ opacity: 0;
172
+ animation: fadeInUp 1s ease 0.5s forwards;
173
+ }
174
+
175
+ .hero-subtitle {
176
+ font-size: 1.5rem;
177
+ margin-bottom: 2rem;
178
+ color: #1ABC9C;
179
+ opacity: 0;
180
+ animation: fadeInUp 1s ease 0.7s forwards;
181
+ }
182
+
183
+ .hero-tagline {
184
+ font-size: 1.2rem;
185
+ margin-bottom: 3rem;
186
+ opacity: 0.9;
187
+ animation: fadeInUp 1s ease 0.9s forwards;
188
+ }
189
+
190
+ .cta-buttons {
191
+ display: flex;
192
+ gap: 1rem;
193
+ justify-content: center;
194
+ flex-wrap: wrap;
195
+ opacity: 0;
196
+ animation: fadeInUp 1s ease 1.1s forwards;
197
+ }
198
+
199
+ .btn {
200
+ padding: 1rem 2rem;
201
+ border: none;
202
+ border-radius: 5px;
203
+ font-size: 1.1rem;
204
+ font-weight: 600;
205
+ text-decoration: none;
206
+ transition: all 0.3s ease;
207
+ cursor: pointer;
208
+ }
209
+
210
+ .btn-primary {
211
+ background: #1ABC9C;
212
+ color: #17202A;
213
+ }
214
+
215
+ .btn-secondary {
216
+ background: transparent;
217
+ color: white;
218
+ border: 2px solid white;
219
+ }
220
+
221
+ .btn:hover {
222
+ transform: translateY(-2px);
223
+ box-shadow: 0 10px 20px rgba(0,0,0,0.2);
224
+ }
225
+
226
+ /* Section Styles */
227
+ .section {
228
+ padding: 5rem 2rem;
229
+ max-width: 1200px;
230
+ margin: 0 auto;
231
+ }
232
+
233
+ .section h2 {
234
+ font-size: 2.5rem;
235
+ text-align: center;
236
+ margin-bottom: 3rem;
237
+ color: #17202A;
238
+ }
239
+
240
+ /* Problem/Solution Section */
241
+ .problem-solution {
242
+ background: #f8f9fa;
243
+ }
244
+
245
+ .problem-solution-grid {
246
+ display: grid;
247
+ grid-template-columns: 1fr 1fr;
248
+ gap: 4rem;
249
+ }
250
+
251
+ .problem-card, .solution-card {
252
+ background: white;
253
+ padding: 2rem;
254
+ border-radius: 15px;
255
+ box-shadow: 0 10px 30px rgba(0,0,0,0.1);
256
+ }
257
+
258
+ .problem-card { border-left: 5px solid #E74C3C; }
259
+ .solution-card { border-left: 5px solid #1ABC9C; }
260
+
261
+ .card-icon { font-size: 3rem; margin-bottom: 1rem; }
262
+ .card-title { font-size: 1.5rem; margin-bottom: 1rem; font-weight: 600; }
263
+
264
+ .feature-list { list-style: none; margin-top: 1rem; }
265
+ .feature-list li { padding: 0.5rem 0; border-bottom: 1px solid #eee; }
266
+ .feature-list li:before { content: "✓ "; color: #1ABC9C; font-weight: bold; }
267
+
268
+ /* Core Modules Section */
269
+ .core-modules {
270
+ background: linear-gradient(135deg, #5D6D7E 0%, #2C3E50 100%);
271
+ color: white;
272
+ }
273
+
274
+ .modules-grid {
275
+ display: grid;
276
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
277
+ gap: 2rem;
278
+ margin-top: 3rem;
279
+ }
280
+
281
+ .module-card {
282
+ background: rgba(255,255,255,0.1);
283
+ padding: 2rem;
284
+ border-radius: 15px;
285
+ text-align: center;
286
+ backdrop-filter: blur(10px);
287
+ border: 1px solid rgba(255,255,255,0.2);
288
+ }
289
+ .module-card h3 { margin-bottom: 1rem; font-size: 1.3rem; color: #1ABC9C; }
290
+
291
+ /* Managing Intelligence Section */
292
+ .managing-intelligence {
293
+ background: #f8f9fa;
294
+ }
295
+
296
+ .intelligence-grid {
297
+ display: grid;
298
+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
299
+ gap: 2rem;
300
+ }
301
+
302
+ .intelligence-card {
303
+ background: white;
304
+ padding: 2.5rem;
305
+ border-radius: 15px;
306
+ box-shadow: 0 10px 30px rgba(0,0,0,0.1);
307
+ border-top: 5px solid #8E44AD;
308
+ }
309
+
310
+ /* Business Model Section */
311
+ .business-model {
312
+ padding: 5rem 0;
313
+ }
314
+ .revenue-projection {
315
+ display: grid;
316
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
317
+ gap: 2rem;
318
+ margin-top: 3rem;
319
+ }
320
+ .projection-card {
321
+ background: linear-gradient(135deg, #1ABC9C 0%, #16A085 100%);
322
+ color: white;
323
+ padding: 2rem;
324
+ border-radius: 15px;
325
+ text-align: center;
326
+ }
327
+ .projection-year { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem; }
328
+ .projection-revenue { font-size: 2.5rem; font-weight: bold; margin-bottom: 0.5rem; }
329
+ .projection-details { font-size: 0.9rem; opacity: 0.9; }
330
+
331
+ /* Funding Section */
332
+ .funding {
333
+ background: linear-gradient(135deg, #17202A 0%, #2C3E50 100%);
334
+ color: white;
335
+ }
336
+ .funding-timeline {
337
+ display: grid;
338
+ grid-template-columns: repeat(3, 1fr);
339
+ gap: 1.5rem;
340
+ margin-top: 3rem;
341
+ }
342
+ .timeline-card {
343
+ background: rgba(255,255,255,0.1);
344
+ padding: 2rem;
345
+ border-radius: 15px;
346
+ backdrop-filter: blur(10px);
347
+ border: 1px solid rgba(255,255,255,0.2);
348
+ }
349
+ .timeline-phase { font-size: 1.1rem; font-weight: 600; color: #1ABC9C; margin-bottom: 1rem; }
350
+
351
+ /* Footer */
352
+ .footer {
353
+ background: #17202A;
354
+ color: white;
355
+ padding: 2rem;
356
+ text-align: center;
357
+ }
358
+
359
+ /* Final Demo Section */
360
+ .final-demo {
361
+ background: linear-gradient(135deg, #8E44AD 0%, #9B59B6 100%);
362
+ color: white;
363
+ padding: 4rem 2rem;
364
+ text-align: center;
365
+ }
366
+
367
+ .final-demo h2 {
368
+ color: white;
369
+ margin-bottom: 2rem;
370
+ }
371
+
372
+ .final-demo-grid {
373
+ display: grid;
374
+ grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
375
+ gap: 2rem;
376
+ max-width: 900px;
377
+ margin: 0 auto;
378
+ }
379
+
380
+ .final-demo-card {
381
+ background: rgba(255,255,255,0.15);
382
+ padding: 2rem;
383
+ border-radius: 15px;
384
+ backdrop-filter: blur(10px);
385
+ border: 2px solid rgba(255,255,255,0.3);
386
+ transition: all 0.3s ease;
387
+ }
388
+
389
+ .final-demo-card:hover {
390
+ transform: translateY(-5px);
391
+ box-shadow: 0 15px 30px rgba(0,0,0,0.3);
392
+ }
393
+
394
+ .final-demo-link {
395
+ display: inline-block;
396
+ background: white;
397
+ color: #8E44AD;
398
+ padding: 15px 30px;
399
+ border-radius: 25px;
400
+ text-decoration: none;
401
+ font-weight: bold;
402
+ margin-top: 1rem;
403
+ transition: all 0.3s ease;
404
+ box-shadow: 0 5px 15px rgba(0,0,0,0.2);
405
+ }
406
+
407
+ .final-demo-link:hover {
408
+ background: #f8f9fa;
409
+ transform: scale(1.05);
410
+ }
411
+
412
+ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
413
+
414
+ @media (max-width: 768px) {
415
+ .hero h1 { font-size: 2.5rem; }
416
+ .hero-subtitle { font-size: 1.2rem; }
417
+ .hero-image { width: 300px; height: 200px; }
418
+ .problem-solution-grid, .funding-timeline { grid-template-columns: 1fr; gap: 2rem; }
419
+ .nav-menu { display: none; }
420
+ .demo-links { flex-direction: column; align-items: center; }
421
+ .demo-link { min-width: 250px; }
422
+ .final-demo-grid { grid-template-columns: 1fr; }
423
+ }
424
+
425
+ .scroll-animate { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; }
426
+ .scroll-animate.animate { opacity: 1; transform: translateY(0); }
427
+ </style>
428
+ </head>
429
+ <body>
430
+ <!-- Navigation -->
431
+ <nav class="navbar">
432
+ <div class="nav-container">
433
+ <div class="logo">🧠 Kortex AI</div>
434
+ <ul class="nav-menu">
435
+ <li><a href="#overview">The Problem</a></li>
436
+ <li><a href="#solution">Our Solution</a></li>
437
+ <li><a href="#advantage">Our Edge</a></li>
438
+ <li><a href="#roadmap">Roadmap</a></li>
439
+ <li><a href="#funding">Investment</a></li>
440
+ <li><a href="#demo">Live Demo</a></li>
441
+ </ul>
442
+ </div>
443
+ </nav>
444
+
445
+ <!-- Demo Banner -->
446
+ <section class="demo-banner">
447
+ <div class="demo-content">
448
+ <div class="demo-title">🚀 Experience Kortex AI Live - Try Our Working Modules</div>
449
+ <div class="demo-links">
450
+ <a href="https://aibyml-procurement-assistant.hf.space" target="_blank" class="demo-link">
451
+ <span class="demo-icon">📋</span>
452
+ <span>Auto Quotation Engine</span>
453
+ </a>
454
+ <a href="https://heartily-lenient-honeybee.ngrok-free.app" target="_blank" class="demo-link">
455
+ <span class="demo-icon">🤖</span>
456
+ <span>AI Sales Chatbot</span>
457
+ </a>
458
+ </div>
459
+ </div>
460
+ </section>
461
+
462
+ <!-- Hero Section -->
463
+ <section class="hero">
464
+ <div class="hero-content">
465
+ <div class="hero-image"></div>
466
+ <h1>Don't Just Automate Sales.</h1>
467
+ <h1>Lead Them.</h1>
468
+ <div class="hero-subtitle">The B2B Sales Platform That Manages Intelligence</div>
469
+ <div class="hero-tagline">
470
+ <p>An integrated AI workforce that handles quoting, approvals, and </p>
471
+ <p> fulfillment—with every decision logged and explained.</p>
472
+ </div>
473
+ <div class="cta-buttons">
474
+ <a href="#advantage" class="btn btn-primary">Discover Our Edge</a>
475
+ <a href="#overview" class="btn btn-secondary">See The Problem</a>
476
+ </div>
477
+ </div>
478
+ </section>
479
+
480
+ <!-- Problem/Solution Section -->
481
+ <section class="problem-solution" id="overview">
482
+ <div class="section">
483
+ <h2>The "Black Box" Sales Problem</h2>
484
+ <div class="problem-solution-grid">
485
+ <div class="problem-card scroll-animate">
486
+ <div class="card-icon">❌</div>
487
+ <div class="card-title">The Chaos of Modern B2B Sales</div>
488
+ <p>Sales teams face a fragmented landscape where automation creates more problems than it solves:</p>
489
+ <ul class="feature-list" style="list-style-type: '✗ '; padding-left: 1.5rem;">
490
+ <li>AI chatbots give wrong answers, eroding client trust.</li>
491
+ <li>Unchecked discounts destroy profit margins.</li>
492
+ <li>Sales, Finance, and Logistics operate in silos.</li>
493
+ <li>Manual follow-ups lead to lost deals.</li>
494
+ <li>No visibility into AI decision-making.</li>
495
+ </ul>
496
+ <p style="margin-top: 1rem; font-weight: 600; color: #E74C3C;">Result: Profit leakage, stalled deals, and frustrated teams who don't trust their tools.</p>
497
+ </div>
498
+
499
+ <div class="solution-card scroll-animate">
500
+ <div class="card-icon">✅</div>
501
+ <div class="card-title">The Kortex Solution: Managed Intelligence</div>
502
+ <p>We replace chaos with an accountable, transparent AI-driven workflow:</p>
503
+ <ul class="feature-list">
504
+ <li>Expert AI that provides accurate, useful advice.</li>
505
+ <li>An automated discount engine with traceable approvals.</li>
506
+ <li>A unified platform connecting all business units.</li>
507
+ <li>Proactive follow-ups and operational alerts.</li>
508
+ <li>A complete audit trail for every AI-assisted decision.</li>
509
+ </ul>
510
+ <p style="margin-top: 1rem; font-weight: 600; color: #1ABC9C;">Result: Increased deal velocity, protected margins, and a single source of truth.</p>
511
+ </div>
512
+ </div>
513
+ </div>
514
+ </section>
515
+
516
+ <!-- Core Modules Section -->
517
+ <section class="core-modules" id="solution">
518
+ <div class="section">
519
+ <h2 style="color: white;">A Unified AI Workforce</h2>
520
+ <p style="text-align: center; font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9;">
521
+ Seven integrated modules that manage the entire sales lifecycle.
522
+ </p>
523
+ <div class="modules-grid">
524
+ <div class="module-card scroll-animate"><h3>Proactive AI Chat</h3><p>Engages clients with expert product recommendations.</p></div>
525
+ <div class="module-card scroll-animate"><h3>Discount & Quote Manager</h3><p>Generates quotes with traceable approval workflows.</p></div>
526
+ <div class="module-card scroll-animate"><h3>Finance Connector</h3><p>Links to accounting systems for seamless invoicing.</p></div>
527
+ <div class="module-card scroll-animate"><h3>Logistics Integrator</h3><p>Manages delivery coordination and timelines.</p></div>
528
+ <div class="module-card scroll-animate"><h3>Customer Service Bridge</h3><p>Tracks and resolves all after-sales support issues.</p></div>
529
+ <div class="module-card scroll-animate"><h3>Analytics Dashboard</h3><p>Monitors sales funnels and process efficiency.</p></div>
530
+ </div>
531
+ </div>
532
+ </section>
533
+
534
+ <!-- Managing Intelligence - The Unfair Advantage -->
535
+ <section class="managing-intelligence" id="advantage">
536
+ <div class="section">
537
+ <h2>Our Unfair Advantage: We Manage the Intelligence</h2>
538
+ <p style="text-align: center; font-size: 1.2rem; margin-bottom: 3rem; max-width: 800px; margin-left: auto; margin-right: auto;">
539
+ While others offer "black box" AI, our platform is built on transparency, memory, and accountability. This is our core mission and your greatest asset.
540
+ </p>
541
+ <div class="intelligence-grid">
542
+ <div class="intelligence-card scroll-animate">
543
+ <div class="card-icon">🧠</div>
544
+ <h3 class="card-title">Persistent Memory System</h3>
545
+ <p>Kortex remembers every interaction with a client, across all touchpoints. This allows the AI to build rapport, understand context deeply, and make smarter, personalized recommendations over time, just like a human expert.</p>
546
+ </div>
547
+ <div class="intelligence-card scroll-animate">
548
+ <div class="card-icon">🔍</div>
549
+ <h3 class="card-title">Traceable Agent Reasoning</h3>
550
+ <p>Every significant decision—from a product suggestion to a discount offer—is logged with a "reasoning trace." You can see *why* the AI made a choice, providing unprecedented transparency, debuggability, and trust for your sales team.</p>
551
+ </div>
552
+ <div class="intelligence-card scroll-animate">
553
+ <div class="card-icon">🤝</div>
554
+ <h3 class="card-title">Multi-Agent Collaboration</h3>
555
+ <p>Our modules aren't siloed. The Sales AI "talks" to the Finance AI to confirm budget constraints before offering a discount. The Logistics AI informs the Service AI of a potential delay. This creates a cooperative digital workforce that solves problems proactively.</p>
556
+ </div>
557
+ </div>
558
+ </div>
559
+ </section>
560
+
561
+ <!-- Business Model Section -->
562
+ <section class="business-model" id="business">
563
+ <div class="section">
564
+ <h2>Commercial Strategy</h2>
565
+ <p style="text-align: center; font-size: 1.2rem; margin-bottom: 2rem;">
566
+ A SaaS model designed for scalability and value creation.
567
+ </p>
568
+ <div class="revenue-projection">
569
+ <div class="projection-card scroll-animate">
570
+ <div class="projection-year">Year 1</div>
571
+ <div class="projection-revenue">HK$150K</div>
572
+ <div class="projection-details">10 clients × HK$15K/year<br><small>Core Workflow Automation</small></div>
573
+ </div>
574
+ <div class="projection-card scroll-animate">
575
+ <div class="projection-year">Year 2</div>
576
+ <div class="projection-revenue">HK$1.25M</div>
577
+ <div class="projection-details">50 clients × HK$25K/year<br><small>Full Integration Suite</small></div>
578
+ </div>
579
+ <div class="projection-card scroll-animate">
580
+ <div class="projection-year">Year 3</div>
581
+ <div class="projection-revenue">HK$5.4M</div>
582
+ <div class="projection-details">150 clients × HK$36K/year<br><small>Managed Intelligence Premium</small></div>
583
+ </div>
584
+ </div>
585
+ </div>
586
+ </section>
587
+
588
+ <!-- Funding & Roadmap Section -->
589
+ <section class="funding" id="roadmap">
590
+ <div class="section">
591
+ <h2 style="color: white;">HK$500K Investment & Roadmap</h2>
592
+ <p style="text-align: center; font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9;">
593
+ Fueling the development of the first truly accountable AI sales platform.
594
+ </p>
595
+ <div class="funding-timeline">
596
+ <div class="timeline-card scroll-animate">
597
+ <div class="timeline-phase">Phase 1 (MVP) - 1 Month</div>
598
+ <h3>Core Workflow & Control</h3>
599
+ <p>Build the AI chat, quote engine, and the essential discount approval workflow. Launch with pilot customers.</p>
600
+ </div>
601
+ <div class="timeline-card scroll-animate">
602
+ <div class="timeline-phase">Phase 2 (Integration) - 2 Months</div>
603
+ <h3>Seamless Connections</h3>
604
+ <p>Develop deep API integrations for major accounting, logistics, and CRM platforms. Roll out the first analytics dashboard.</p>
605
+ </div>
606
+ <div class="timeline-card scroll-animate">
607
+ <div class="timeline-phase">Phase 3 (Intelligence) - 2 Months</div>
608
+ <h3>The Unfair Advantage</h3>
609
+ <p>Fully implement the persistent memory, reasoning trace logs, and multi-agent collaboration features.</p>
610
+ </div>
611
+ </div>
612
+ <div style="text-align: center; margin-top: 3rem; background: rgba(255,255,255,0.1); padding: 2rem; border-radius: 15px;">
613
+ <h3 style="color: #1ABC9C; margin-bottom: 1rem;">💰 Use of Funds</h3>
614
+ <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;">
615
+ <div><p><strong>Platform Development (40%):</strong> Core engineering for the AI engine and modules.</p></div>
616
+ <div><p><strong>Team Expansion (40%):</strong> Hire specialized AI and backend talent.</p></div>
617
+ <div><p><strong>Go-to-Market (20%):</strong> Initial sales, marketing, and pilot customer support.</p></div>
618
+ </div>
619
+ </div>
620
+ </div>
621
+ </section>
622
+
623
+ <!-- Final Demo Section -->
624
+ <section class="final-demo" id="demo">
625
+ <div class="section">
626
+ <h2>Experience The Platform In Action</h2>
627
+ <p style="font-size: 1.2rem; margin-bottom: 3rem; opacity: 0.9;">
628
+ See how Kortex AI transforms B2B sales with intelligence, transparency, and accountability.
629
+ </p>
630
+ <div class="final-demo-grid">
631
+ <div class="final-demo-card scroll-animate">
632
+ <div class="card-icon">📋</div>
633
+ <h3 style="color: #1ABC9C; margin-bottom: 1rem;">Auto Quotation Engine</h3>
634
+ <p>Experience our AI-powered quotation system that automatically generates accurate quotes with approval workflows and margin protection.</p>
635
+ <a href="https://aibyml-procurement-assistant.hf.space" target="_blank" class="final-demo-link">
636
+ Try Auto Quotation →
637
+ </a>
638
+ </div>
639
+ <div class="final-demo-card scroll-animate">
640
+ <div class="card-icon">🤖</div>
641
+ <h3 style="color: #1ABC9C; margin-bottom: 1rem;">AI Sales Chatbot</h3>
642
+ <p>Interact with our intelligent sales assistant that understands your needs, recommends products, and guides you through the entire buying process.</p>
643
+ <a href="https://heartily-lenient-honeybee.ngrok-free.app" target="_blank" class="final-demo-link">
644
+ Chat With AI →
645
+ </a>
646
+ </div>
647
+ </div>
648
+ <div style="margin-top: 3rem; padding: 2rem; background: rgba(255,255,255,0.1); border-radius: 15px;">
649
+ <p style="font-size: 1.1rem; opacity: 0.9;">
650
+ <strong>💡 Demo Note:</strong> These working prototypes showcase the core intelligence and workflow automation that powers the Kortex AI platform. Experience firsthand how AI can transform B2B sales with accountability and transparency.
651
+ </p>
652
+ </div>
653
+ </div>
654
+ </section>
655
+
656
+ <!-- Footer -->
657
+ <footer class="footer">
658
+ <div class="section">
659
+ <h2>Ready to Lead?</h2>
660
+ <p>&copy; 2025 Kortex AI. We're not just building tools. We're managing intelligence.</p>
661
+ <p style="margin-top: 1rem;">Contact: <a href="mailto:invest@kortex-ai.com" style="color: #1ABC9C;">invest@kortex-ai.com</a></p>
662
+ </div>
663
+ </footer>
664
+
665
+ <script>
666
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
667
+ anchor.addEventListener('click', function (e) {
668
+ e.preventDefault();
669
+ const target = document.querySelector(this.getAttribute('href'));
670
+ if (target) {
671
+ target.scrollIntoView({ behavior: 'smooth', block: 'start' });
672
+ }
673
+ });
674
+ });
675
+
676
+ const observer = new IntersectionObserver(function(entries) {
677
+ entries.forEach(entry => {
678
+ if (entry.isIntersecting) {
679
+ entry.target.classList.add('animate');
680
+ observer.unobserve(entry.target);
681
+ }
682
+ });
683
+ }, { threshold: 0.1 });
684
+
685
+ document.querySelectorAll('.scroll-animate').forEach(el => observer.observe(el));
686
+ </script>
687
+ </body>
688
+ </html>