Hugging Face's logo

Spaces:
wesleybiochat
/
custo-planilha
Running

App Files Community
wesleybiochat commited on
Commit
bfccdc9
·
verified ·
1 Parent(s): 2e88e0e

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +778 -729
  2. prompts.txt +3 -1
index.html CHANGED
@@ -1,768 +1,679 @@
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>AWS Cost Breakdown</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
- aws: {
15
- orange: '#FF9900',
16
- dark: '#232F3E',
17
- blue: '#146EB4',
18
- }
19
- }
20
- }
21
- }
22
- }
23
- </script>
24
  <style>
25
- .sticky-header {
26
- position: sticky;
27
- top: 0;
28
- z-index: 10;
29
- }
30
-
31
- .highlight-row:hover {
32
- background-color: #f8fafc;
33
- transform: scale(1.005);
34
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
35
  }
36
-
37
- .cost-cell {
38
- font-family: 'Courier New', monospace;
39
- font-weight: bold;
40
- }
41
-
42
- .summary-card {
43
  transition: all 0.3s ease;
44
  }
45
-
46
- .summary-card:hover {
47
- transform: translateY(-2px);
48
- box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
 
 
 
 
 
49
  }
50
-
51
- .aws-gradient {
52
- background: linear-gradient(135deg, #232F3E 0%, #146EB4 100%);
 
 
 
 
 
53
  }
54
  </style>
55
  </head>
56
- <body class="bg-gray-50">
57
- <div class="container mx-auto px-4 py-8 max-w-7xl">
58
- <!-- Header -->
59
- <header class="mb-8">
60
- <div class="flex items-center justify-between mb-6">
61
  <div class="flex items-center">
62
- <i class="fab fa-aws text-4xl text-aws-orange mr-4"></i>
63
- <h1 class="text-3xl font-bold text-aws-dark">AWS Infrastructure Cost Breakdown</h1>
 
 
 
 
 
 
 
 
 
 
 
 
 
64
  </div>
65
- <div class="flex items-center space-x-2">
66
- <span class="px-3 py-1 bg-blue-100 text-blue-800 rounded-full text-sm font-medium">MVP Phase</span>
67
- <button class="px-4 py-2 bg-aws-orange text-white rounded-lg hover:bg-orange-600 transition">
68
- <i class="fas fa-download mr-2"></i>Export
69
  </button>
70
  </div>
71
  </div>
72
-
73
- <div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6">
74
- <div class="summary-card bg-white p-6 rounded-lg shadow-md border-l-4 border-aws-orange">
75
- <h3 class="text-gray-500 font-medium mb-2">Monthly Cost</h3>
76
- <p class="text-3xl font-bold text-aws-dark">$3,865</p>
77
- <p class="text-sm text-gray-500 mt-1">Base infrastructure</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
78
  </div>
79
- <div class="summary-card bg-white p-6 rounded-lg shadow-md border-l-4 border-blue-500">
80
- <h3 class="text-gray-500 font-medium mb-2">Annual Cost</h3>
81
- <p class="text-3xl font-bold text-aws-dark">$46,380</p>
82
- <p class="text-sm text-gray-500 mt-1">Without optimizations</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  </div>
84
- <div class="summary-card bg-white p-6 rounded-lg shadow-md border-l-4 border-green-500">
85
- <h3 class="text-gray-500 font-medium mb-2">Potential Savings</h3>
86
- <p class="text-3xl font-bold text-aws-dark">40%</p>
87
- <p class="text-sm text-gray-500 mt-1">With Reserved Instances</p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
  </div>
89
  </div>
90
-
91
- <div class="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded">
92
- <div class="flex">
93
- <div class="flex-shrink-0">
94
- <i class="fas fa-exclamation-circle text-yellow-400"></i>
95
- </div>
96
- <div class="ml-3">
97
- <p class="text-sm text-yellow-700">
98
- <span class="font-medium">Note:</span> GPU costs may increase significantly with intensive LLM processing. Data transfer and Lambda requests can scale quickly with user growth.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
99
  </p>
100
  </div>
101
  </div>
102
  </div>
103
- </header>
104
-
105
- <!-- Main Table -->
106
- <div class="bg-white shadow-md rounded-lg overflow-hidden mb-8">
107
- <div class="overflow-x-auto">
108
- <table class="min-w-full divide-y divide-gray-200">
109
- <thead class="aws-gradient">
110
- <tr>
111
- <th class="sticky-header px-6 py-4 text-left text-xs font-medium text-white uppercase tracking-wider">
112
- <i class="fas fa-cube mr-2"></i>Item Description
113
- </th>
114
- <th class="sticky-header px-6 py-4 text-left text-xs font-medium text-white uppercase tracking-wider">
115
- <i class="fas fa-hashtag mr-2"></i>Quantity
116
- </th>
117
- <th class="sticky-header px-6 py-4 text-left text-xs font-medium text-white uppercase tracking-wider">
118
- <i class="fas fa-dollar-sign mr-2"></i>Unit Cost (USD/mo)
119
- </th>
120
- <th class="sticky-header px-6 py-4 text-left text-xs font-medium text-white uppercase tracking-wider">
121
- <i class="fas fa-calculator mr-2"></i>Total Cost (USD/mo)
122
- </th>
123
- <th class="sticky-header px-6 py-4 text-left text-xs font-medium text-white uppercase tracking-wider">
124
- <i class="fas fa-comment mr-2"></i>Notes
125
- </th>
126
- <th class="sticky-header px-6 py-4 text-left text-xs font-medium text-white uppercase tracking-wider">
127
- <i class="fas fa-cog mr-2"></i>Actions
128
- </th>
129
- </tr>
130
- </thead>
131
- <tbody class="bg-white divide-y divide-gray-200">
132
- <!-- EC2 Backend -->
133
- <tr class="highlight-row transition">
134
- <td class="px-6 py-4 whitespace-nowrap">
135
- <div class="flex items-center">
136
- <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
137
- <i class="fas fa-server text-blue-600"></i>
138
  </div>
139
  <div class="ml-4">
140
- <div class="text-sm font-medium text-gray-900">Servers EC2 (Backend/Microservices)</div>
141
- <div class="text-sm text-gray-500">t3.xlarge instances</div>
 
 
142
  </div>
143
  </div>
144
- </td>
145
- <td class="px-6 py-4 whitespace-nowrap">
146
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
147
- 4 instances
148
- </span>
149
- </td>
150
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
151
- $150
152
- </td>
153
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
154
- $600
155
- </td>
156
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
157
- For APIs, microservices and load of 10k users. Horizontally scalable.
158
- </td>
159
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
160
- <button class="text-aws-orange hover:text-orange-600 mr-3">
161
- <i class="fas fa-edit"></i>
162
- </button>
163
- <button class="text-red-500 hover:text-red-700">
164
- <i class="fas fa-trash-alt"></i>
165
- </button>
166
- </td>
167
- </tr>
168
-
169
- <!-- EC2 GPU -->
170
- <tr class="highlight-row transition">
171
- <td class="px-6 py-4 whitespace-nowrap">
172
- <div class="flex items-center">
173
- <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-full flex items-center justify-center">
174
- <i class="fas fa-microchip text-purple-600"></i>
175
  </div>
176
  <div class="ml-4">
177
- <div class="text-sm font-medium text-gray-900">EC2 with GPU (LLM Deepseek)</div>
178
- <div class="text-sm text-gray-500">g4dn.xlarge instances</div>
 
 
179
  </div>
180
  </div>
181
- </td>
182
- <td class="px-6 py-4 whitespace-nowrap">
183
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
184
- 2 instances
185
- </span>
186
- </td>
187
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
188
- $500
189
- </td>
190
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
191
- $1,000
192
- </td>
193
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
194
- For LLM model inference and eventual training. High variable cost potential.
195
- </td>
196
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
197
- <button class="text-aws-orange hover:text-orange-600 mr-3">
198
- <i class="fas fa-edit"></i>
199
- </button>
200
- <button class="text-red-500 hover:text-red-700">
201
- <i class="fas fa-trash-alt"></i>
202
- </button>
203
- </td>
204
- </tr>
205
-
206
- <!-- RDS -->
207
- <tr class="highlight-row transition">
208
- <td class="px-6 py-4 whitespace-nowrap">
209
- <div class="flex items-center">
210
- <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
211
- <i class="fas fa-database text-green-600"></i>
212
  </div>
213
  <div class="ml-4">
214
- <div class="text-sm font-medium text-gray-900">Amazon RDS (PostgreSQL)</div>
215
- <div class="text-sm text-gray-500">db.m5.large instance</div>
 
 
216
  </div>
217
  </div>
218
- </td>
219
- <td class="px-6 py-4 whitespace-nowrap">
220
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
221
- 1 instance
222
- </span>
223
- </td>
224
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
225
- $200
226
- </td>
227
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
228
- $200
229
- </td>
230
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
231
- Structured database for academic history and users.
232
- </td>
233
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
234
- <button class="text-aws-orange hover:text-orange-600 mr-3">
235
- <i class="fas fa-edit"></i>
236
- </button>
237
- <button class="text-red-500 hover:text-red-700">
238
- <i class="fas fa-trash-alt"></i>
239
- </button>
240
- </td>
241
- </tr>
242
-
243
- <!-- DocumentDB -->
244
- <tr class="highlight-row transition">
245
- <td class="px-6 py-4 whitespace-nowrap">
246
- <div class="flex items-center">
247
- <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
248
- <i class="fas fa-file-alt text-blue-600"></i>
249
  </div>
250
  <div class="ml-4">
251
- <div class="text-sm font-medium text-gray-900">Amazon DocumentDB (MongoDB)</div>
252
- <div class="text-sm text-gray-500">db.r5.large instance</div>
 
 
253
  </div>
254
  </div>
255
- </td>
256
- <td class="px-6 py-4 whitespace-nowrap">
257
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
258
- 1 instance
259
- </span>
260
- </td>
261
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
262
- $250
263
- </td>
264
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
265
- $250
266
- </td>
267
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
268
- Unstructured data (feedback, logs).
269
- </td>
270
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
271
- <button class="text-aws-orange hover:text-orange-600 mr-3">
272
- <i class="fas fa-edit"></i>
273
- </button>
274
- <button class="text-red-500 hover:text-red-700">
275
- <i class="fas fa-trash-alt"></i>
276
- </button>
277
- </td>
278
- </tr>
279
-
280
- <!-- ElastiCache -->
281
- <tr class="highlight-row transition">
282
- <td class="px-6 py-4 whitespace-nowrap">
283
- <div class="flex items-center">
284
- <div class="flex-shrink-0 h-10 w-10 bg-red-100 rounded-full flex items-center justify-center">
285
- <i class="fas fa-bolt text-red-600"></i>
286
  </div>
287
  <div class="ml-4">
288
- <div class="text-sm font-medium text-gray-900">Amazon ElastiCache (Redis)</div>
289
- <div class="text-sm text-gray-500">cache.t3.medium instance</div>
 
 
290
  </div>
291
  </div>
292
- </td>
293
- <td class="px-6 py-4 whitespace-nowrap">
294
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
295
- 1 instance
296
- </span>
297
- </td>
298
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
299
- $70
300
- </td>
301
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
302
- $70
303
- </td>
304
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
305
- Cache for frequent queries.
306
- </td>
307
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
308
- <button class="text-aws-orange hover:text-orange-600 mr-3">
309
- <i class="fas fa-edit"></i>
310
- </button>
311
- <button class="text-red-500 hover:text-red-700">
312
- <i class="fas fa-trash-alt"></i>
313
- </button>
314
- </td>
315
- </tr>
316
-
317
- <!-- Lambda -->
318
- <tr class="highlight-row transition">
319
- <td class="px-6 py-4 whitespace-nowrap">
320
- <div class="flex items-center">
321
- <div class="flex-shrink-0 h-10 w-10 bg-yellow-100 rounded-full flex items-center justify-center">
322
- <i class="fas fa-code text-yellow-600"></i>
323
  </div>
324
  <div class="ml-4">
325
- <div class="text-sm font-medium text-gray-900">AWS Lambda</div>
326
- <div class="text-sm text-gray-500">Serverless functions</div>
 
 
327
  </div>
328
  </div>
329
- </td>
330
- <td class="px-6 py-4 whitespace-nowrap">
331
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 text-yellow-800">
332
- 1M requests
333
- </span>
334
- </td>
335
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
336
- $0.20/1M
337
- </td>
338
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
339
- $20
340
- </td>
341
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
342
- Async processing and serverless functions. Can scale quickly.
343
- </td>
344
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
345
- <button class="text-aws-orange hover:text-orange-600 mr-3">
346
- <i class="fas fa-edit"></i>
347
- </button>
348
- <button class="text-red-500 hover:text-red-700">
349
- <i class="fas fa-trash-alt"></i>
350
- </button>
351
- </td>
352
- </tr>
353
-
354
- <!-- S3 -->
355
- <tr class="highlight-row transition">
356
- <td class="px-6 py-4 whitespace-nowrap">
357
- <div class="flex items-center">
358
- <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
359
- <i class="fas fa-archive text-blue-600"></i>
360
- </div>
361
- <div class="ml-4">
362
- <div class="text-sm font-medium text-gray-900">Amazon S3 (Storage)</div>
363
- <div class="text-sm text-gray-500">Object storage</div>
364
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
365
  </div>
366
- </td>
367
- <td class="px-6 py-4 whitespace-nowrap">
368
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
369
- 1 TB
370
- </span>
371
- </td>
372
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
373
- $0.023/GB
374
- </td>
375
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
376
- $23
377
- </td>
378
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
379
- Document storage, backups and static data.
380
- </td>
381
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
382
- <button class="text-aws-orange hover:text-orange-600 mr-3">
383
- <i class="fas fa-edit"></i>
384
- </button>
385
- <button class="text-red-500 hover:text-red-700">
386
- <i class="fas fa-trash-alt"></i>
387
- </button>
388
- </td>
389
- </tr>
390
-
391
- <!-- Data Transfer -->
392
- <tr class="highlight-row transition">
393
- <td class="px-6 py-4 whitespace-nowrap">
394
- <div class="flex items-center">
395
- <div class="flex-shrink-0 h-10 w-10 bg-indigo-100 rounded-full flex items-center justify-center">
396
- <i class="fas fa-exchange-alt text-indigo-600"></i>
397
- </div>
398
- <div class="ml-4">
399
- <div class="text-sm font-medium text-gray-900">Data Transfer (Data Out)</div>
400
- <div class="text-sm text-gray-500">Outbound traffic</div>
401
- </div>
402
  </div>
403
- </td>
404
- <td class="px-6 py-4 whitespace-nowrap">
405
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-indigo-100 text-indigo-800">
406
- 500 GB
407
- </span>
408
- </td>
409
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
410
- $0.09/GB
411
- </td>
412
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
413
- $45
414
- </td>
415
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
416
- Data egress costs for users.
417
- </td>
418
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
419
- <button class="text-aws-orange hover:text-orange-600 mr-3">
420
- <i class="fas fa-edit"></i>
421
- </button>
422
- <button class="text-red-500 hover:text-red-700">
423
- <i class="fas fa-trash-alt"></i>
424
- </button>
425
- </td>
426
- </tr>
427
-
428
- <!-- CloudFront -->
429
- <tr class="highlight-row transition">
430
- <td class="px-6 py-4 whitespace-nowrap">
431
- <div class="flex items-center">
432
- <div class="flex-shrink-0 h-10 w-10 bg-orange-100 rounded-full flex items-center justify-center">
433
- <i class="fas fa-globe text-orange-600"></i>
434
- </div>
435
- <div class="ml-4">
436
- <div class="text-sm font-medium text-gray-900">AWS CloudFront (CDN)</div>
437
- <div class="text-sm text-gray-500">Content delivery</div>
438
- </div>
439
  </div>
440
- </td>
441
- <td class="px-6 py-4 whitespace-nowrap">
442
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-orange-100 text-orange-800">
443
- 1 TB transfer
444
- </span>
445
- </td>
446
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
447
- $0.085/GB
448
- </td>
449
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
450
- $85
451
- </td>
452
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
453
- Acceleration of static and dynamic content.
454
- </td>
455
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
456
- <button class="text-aws-orange hover:text-orange-600 mr-3">
457
- <i class="fas fa-edit"></i>
458
- </button>
459
- <button class="text-red-500 hover:text-red-700">
460
- <i class="fas fa-trash-alt"></i>
461
- </button>
462
- </td>
463
- </tr>
464
-
465
- <!-- CloudWatch -->
466
- <tr class="highlight-row transition">
467
- <td class="px-6 py-4 whitespace-nowrap">
468
- <div class="flex items-center">
469
- <div class="flex-shrink-0 h-10 w-10 bg-purple-100 rounded-full flex items-center justify-center">
470
- <i class="fas fa-chart-line text-purple-600"></i>
471
- </div>
472
- <div class="ml-4">
473
- <div class="text-sm font-medium text-gray-900">AWS CloudWatch</div>
474
- <div class="text-sm text-gray-500">Monitoring</div>
475
- </div>
476
  </div>
477
- </td>
478
- <td class="px-6 py-4 whitespace-nowrap">
479
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-purple-100 text-purple-800">
480
- -
481
- </span>
482
- </td>
483
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
484
- $50
485
- </td>
486
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
487
- $50
488
- </td>
489
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
490
- Metrics, logs and alerts.
491
- </td>
492
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
493
- <button class="text-aws-orange hover:text-orange-600 mr-3">
494
- <i class="fas fa-edit"></i>
495
- </button>
496
- <button class="text-red-500 hover:text-red-700">
497
- <i class="fas fa-trash-alt"></i>
498
- </button>
499
- </td>
500
- </tr>
501
-
502
- <!-- SSL/TLS -->
503
- <tr class="highlight-row transition">
504
- <td class="px-6 py-4 whitespace-nowrap">
505
- <div class="flex items-center">
506
- <div class="flex-shrink-0 h-10 w-10 bg-green-100 rounded-full flex items-center justify-center">
507
- <i class="fas fa-lock text-green-600"></i>
508
- </div>
509
- <div class="ml-4">
510
- <div class="text-sm font-medium text-gray-900">SSL/TLS Certificates</div>
511
- <div class="text-sm text-gray-500">Encryption</div>
512
- </div>
513
  </div>
514
- </td>
515
- <td class="px-6 py-4 whitespace-nowrap">
516
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 text-green-800">
517
- 1 certificate
518
- </span>
519
- </td>
520
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
521
- $0
522
- </td>
523
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
524
- $0
525
- </td>
526
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
527
- In-transit encryption via ACM.
528
- </td>
529
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
530
- <button class="text-aws-orange hover:text-orange-600 mr-3">
531
- <i class="fas fa-edit"></i>
532
- </button>
533
- <button class="text-red-500 hover:text-red-700">
534
- <i class="fas fa-trash-alt"></i>
535
- </button>
536
- </td>
537
- </tr>
538
-
539
- <!-- WAF -->
540
- <tr class="highlight-row transition">
541
- <td class="px-6 py-4 whitespace-nowrap">
542
- <div class="flex items-center">
543
- <div class="flex-shrink-0 h-10 w-10 bg-red-100 rounded-full flex items-center justify-center">
544
- <i class="fas fa-shield-alt text-red-600"></i>
545
- </div>
546
- <div class="ml-4">
547
- <div class="text-sm font-medium text-gray-900">WAF</div>
548
- <div class="text-sm text-gray-500">Web Application Firewall</div>
549
- </div>
550
  </div>
551
- </td>
552
- <td class="px-6 py-4 whitespace-nowrap">
553
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 text-red-800">
554
- -
555
- </span>
556
- </td>
557
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
558
- $20
559
- </td>
560
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
561
- $20
562
- </td>
563
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
564
- Protection against application layer attacks.
565
- </td>
566
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
567
- <button class="text-aws-orange hover:text-orange-600 mr-3">
568
- <i class="fas fa-edit"></i>
569
- </button>
570
- <button class="text-red-500 hover:text-red-700">
571
- <i class="fas fa-trash-alt"></i>
572
- </button>
573
- </td>
574
- </tr>
575
-
576
- <!-- Backup -->
577
- <tr class="highlight-row transition">
578
- <td class="px-6 py-4 whitespace-nowrap">
579
- <div class="flex items-center">
580
- <div class="flex-shrink-0 h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
581
- <i class="fas fa-save text-blue-600"></i>
582
- </div>
583
- <div class="ml-4">
584
- <div class="text-sm font-medium text-gray-900">Backup (S3 Glacier)</div>
585
- <div class="text-sm text-gray-500">Cold storage</div>
586
- </div>
587
  </div>
588
- </td>
589
- <td class="px-6 py-4 whitespace-nowrap">
590
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-blue-100 text-blue-800">
591
- 500 GB
592
- </span>
593
- </td>
594
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
595
- $0.004/GB
596
- </td>
597
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
598
- $2
599
- </td>
600
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
601
- Backup storage in cold storage.
602
- </td>
603
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
604
- <button class="text-aws-orange hover:text-orange-600 mr-3">
605
- <i class="fas fa-edit"></i>
606
- </button>
607
- <button class="text-red-500 hover:text-red-700">
608
- <i class="fas fa-trash-alt"></i>
609
- </button>
610
- </td>
611
- </tr>
612
-
613
- <!-- Compliance -->
614
- <tr class="highlight-row transition">
615
- <td class="px-6 py-4 whitespace-nowrap">
616
- <div class="flex items-center">
617
- <div class="flex-shrink-0 h-10 w-10 bg-gray-100 rounded-full flex items-center justify-center">
618
- <i class="fas fa-gavel text-gray-600"></i>
619
- </div>
620
- <div class="ml-4">
621
- <div class="text-sm font-medium text-gray-900">Compliance (LGPD/WCAG)</div>
622
- <div class="text-sm text-gray-500">External consulting</div>
623
- </div>
624
  </div>
625
- </td>
626
- <td class="px-6 py-4 whitespace-nowrap">
627
- <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">
628
- -
629
- </span>
630
- </td>
631
- <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 cost-cell">
632
- $1,500
633
- </td>
634
- <td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 cost-cell">
635
- $1,500
636
- </td>
637
- <td class="px-6 py-4 text-sm text-gray-500 max-w-xs">
638
- Audits and legal compliance (estimate for outsourced services).
639
- </td>
640
- <td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
641
- <button class="text-aws-orange hover:text-orange-600 mr-3">
642
- <i class="fas fa-edit"></i>
643
- </button>
644
- <button class="text-red-500 hover:text-red-700">
645
- <i class="fas fa-trash-alt"></i>
646
- </button>
647
- </td>
648
- </tr>
649
- </tbody>
650
-
651
- <!-- Total Row -->
652
- <tfoot class="bg-gray-50">
653
- <tr>
654
- <td colspan="3" class="px-6 py-4 text-right text-sm font-medium text-gray-900 uppercase">
655
- Monthly Total
656
- </td>
657
- <td class="px-6 py-4 whitespace-nowrap text-lg font-bold text-aws-dark cost-cell">
658
- $3,865
659
- </td>
660
- <td colspan="2"></td>
661
- </tr>
662
- <tr>
663
- <td colspan="3" class="px-6 py-4 text-right text-sm font-medium text-gray-900 uppercase">
664
- Annual Total (12 months)
665
- </td>
666
- <td class="px-6 py-4 whitespace-nowrap text-lg font-bold text-aws-dark cost-cell">
667
- $46,380
668
- </td>
669
- <td colspan="2"></td>
670
- </tr>
671
- </tfoot>
672
- </table>
673
- </div>
674
- </div>
675
-
676
- <!-- Additional Notes -->
677
- <div class="bg-white shadow-md rounded-lg overflow-hidden mb-8">
678
- <div class="px-6 py-4 border-b border-gray-200">
679
- <h3 class="text-lg font-medium text-gray-900">
680
- <i class="fas fa-clipboard-list text-aws-orange mr-2"></i>Additional Notes
681
- </h3>
682
- </div>
683
- <div class="px-6 py-4">
684
- <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
685
- <div>
686
- <h4 class="font-medium text-gray-900 mb-2">Variable Costs:</h4>
687
- <ul class="list-disc pl-5 space-y-1 text-sm text-gray-600">
688
- <li>GPU (g4dn.xlarge) costs may increase significantly with intensive LLM processing</li>
689
- <li>Data transfer and Lambda requests can scale quickly with user growth</li>
690
  </ul>
691
  </div>
692
- <div>
693
- <h4 class="font-medium text-gray-900 mb-2">Optimizations:</h4>
694
- <ul class="list-disc pl-5 space-y-1 text-sm text-gray-600">
695
- <li>Use of Reserved Instances or Savings Plans can reduce costs by up to 40%</li>
696
- <li>Implementation of autoscaling to adjust resources according to demand</li>
697
- </ul>
698
  </div>
699
- <div>
700
- <h4 class="font-medium text-gray-900 mb-2">Deepseek/AnythingLLM:</h4>
701
- <ul class="list-disc pl-5 space-y-1 text-sm text-gray-600">
702
- <li>As the LLM is open source, there are no license costs, only infrastructure for execution</li>
703
- </ul>
 
704
  </div>
705
- <div>
706
- <h4 class="font-medium text-gray-900 mb-2">MVP vs. Later Phases:</h4>
707
- <ul class="list-disc pl-5 space-y-1 text-sm text-gray-600">
708
- <li>The MVP can start with fewer resources (e.g. 2 EC2 instances and 1 GPU), reducing initial cost to ~$2,000/month</li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
709
  </ul>
710
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
711
  </div>
712
  </div>
713
  </div>
714
-
715
- <!-- Cost Optimization Calculator -->
716
- <div class="bg-white shadow-md rounded-lg overflow-hidden">
717
- <div class="px-6 py-4 border-b border-gray-200">
718
- <h3 class="text-lg font-medium text-gray-900">
719
- <i class="fas fa-calculator text-aws-orange mr-2"></i>Cost Optimization Calculator
720
- </h3>
 
 
 
 
 
 
721
  </div>
722
- <div class="px-6 py-4">
723
- <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
724
- <div>
725
- <label for="savings-plan" class="block text-sm font-medium text-gray-700 mb-1">Savings Plan (%)</label>
726
- <div class="relative rounded-md shadow-sm">
727
- <input type="range" id="savings-plan" min="0" max="40" value="0" step="5"
728
- class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer">
729
- <div class="flex justify-between text-xs text-gray-500 mt-1">
730
- <span>0%</span>
731
- <span>40%</span>
 
 
 
 
 
 
732
  </div>
733
- <div class="text-center mt-2">
734
- <span id="savings-value" class="text-lg font-bold text-aws-dark">0%</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
735
  </div>
736
  </div>
737
  </div>
738
- <div>
739
- <label for="user-growth" class="block text-sm font-medium text-gray-700 mb-1">User Growth Factor</label>
740
- <div class="relative rounded-md shadow-sm">
741
- <input type="range" id="user-growth" min="1" max="10" value="1" step="1"
742
- class="w-full h-2 bg-gray-200 rounded-lg appearance-none cursor-pointer">
743
- <div class="flex justify-between text-xs text-gray-500 mt-1">
744
- <span>1x</span>
745
- <span>10x</span>
 
 
 
 
 
 
 
 
 
 
 
746
  </div>
747
- <div class="text-center mt-2">
748
- <span id="growth-value" class="text-lg font-bold text-aws-dark">1x</span>
 
 
 
 
 
 
749
  </div>
750
  </div>
751
  </div>
752
- <div class="bg-gray-50 p-4 rounded-lg">
753
- <h4 class="font-medium text-gray-900 mb-2">Projected Costs</h4>
754
- <div class="space-y-2">
755
- <div class="flex justify-between">
756
- <span class="text-sm text-gray-600">Monthly Cost:</span>
757
- <span id="projected-monthly" class="text-sm font-medium">$3,865</span>
758
- </div>
759
- <div class="flex justify-between">
760
- <span class="text-sm text-gray-600">Annual Cost:</span>
761
- <span id="projected-annual" class="text-sm font-medium">$46,380</span>
 
 
762
  </div>
763
- <div class="flex justify-between border-t border-gray-200 pt-2 mt-2">
764
- <span class="text-sm font-medium text-gray-900">Potential Savings:</span>
765
- <span id="potential-savings" class="text-sm font-medium text-green-600">$0</span>
 
 
 
 
 
 
 
 
 
 
 
 
 
766
  </div>
767
  </div>
768
  </div>
@@ -771,49 +682,187 @@
771
  </div>
772
  </div>
773
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
774
  <script>
775
- // Cost optimization calculator
776
- const savingsSlider = document.getElementById('savings-plan');
777
- const growthSlider = document.getElementById('user-growth');
778
- const savingsValue = document.getElementById('savings-value');
779
- const growthValue = document.getElementById('growth-value');
780
- const projectedMonthly = document.getElementById('projected-monthly');
781
- const projectedAnnual = document.getElementById('projected-annual');
782
- const potentialSavings = document.getElementById('potential-savings');
783
-
784
- const baseMonthly = 3865;
785
- const baseAnnual = 46380;
786
-
787
- function updateCalculations() {
788
- const savingsPercent = parseInt(savingsSlider.value);
789
- const growthFactor = parseInt(growthSlider.value);
790
-
791
- savingsValue.textContent = `${savingsPercent}%`;
792
- growthValue.textContent = `${growthFactor}x`;
793
-
794
- // Simple calculation - savings apply to base cost, growth multiplies variable costs
795
- // This is a simplified model - in reality, not all costs scale linearly
796
- const monthly = (baseMonthly * (1 - savingsPercent/100)) * growthFactor;
797
- const annual = monthly * 12;
798
- const savings = baseAnnual - annual;
799
-
800
- projectedMonthly.textContent = `$${monthly.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
801
- projectedAnnual.textContent = `$${annual.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
802
-
803
- if (savings > 0) {
804
- potentialSavings.textContent = `$${savings.toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
805
- potentialSavings.className = 'text-sm font-medium text-green-600';
806
- } else {
807
- potentialSavings.textContent = `-$${Math.abs(savings).toFixed(0).replace(/\B(?=(\d{3})+(?!\d))/g, ",")}`;
808
- potentialSavings.className = 'text-sm font-medium text-red-600';
809
- }
810
- }
811
-
812
- savingsSlider.addEventListener('input', updateCalculations);
813
- growthSlider.addEventListener('input', updateCalculations);
814
-
815
- // Initialize
816
- updateCalculations();
817
  </script>
818
  <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=wesleybiochat/custo-planilha" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
819
  </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="pt-BR">
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Sapians - Plataforma de IA Educacional</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, #4f46e5 0%, #7c3aed 50%, #a855f7 100%);
 
 
 
 
 
 
 
 
12
  }
13
+ .card-hover {
 
 
 
 
 
 
14
  transition: all 0.3s ease;
15
  }
16
+ .card-hover:hover {
17
+ transform: translateY(-5px);
18
+ box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
19
+ }
20
+ .mobile-mockup {
21
+ background-image: url('https://i.imgur.com/JvU6j3h.png');
22
+ background-size: contain;
23
+ background-repeat: no-repeat;
24
+ background-position: center;
25
  }
26
+ .feature-icon {
27
+ width: 60px;
28
+ height: 60px;
29
+ display: flex;
30
+ align-items: center;
31
+ justify-content: center;
32
+ border-radius: 16px;
33
+ margin-bottom: 1rem;
34
  }
35
  </style>
36
  </head>
37
+ <body class="font-sans antialiased text-gray-800">
38
+ <!-- Navigation -->
39
+ <nav class="bg-white shadow-sm sticky top-0 z-50">
40
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
41
+ <div class="flex justify-between h-16">
42
  <div class="flex items-center">
43
+ <div class="flex-shrink-0 flex items-center">
44
+ <i class="fas fa-brain text-indigo-600 text-2xl mr-2"></i>
45
+ <span class="text-xl font-bold text-gray-900">Sapians</span>
46
+ </div>
47
+ <div class="hidden sm:ml-6 sm:flex sm:space-x-8">
48
+ <a href="#features" class="border-indigo-500 text-gray-900 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Recursos</a>
49
+ <a href="#technology" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Tecnologia</a>
50
+ <a href="#pricing" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Planos</a>
51
+ <a href="#roadmap" class="border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700 inline-flex items-center px-1 pt-1 border-b-2 text-sm font-medium">Roadmap</a>
52
+ </div>
53
+ </div>
54
+ <div class="hidden sm:ml-6 sm:flex sm:items-center">
55
+ <button class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-md text-sm font-medium transition duration-150 ease-in-out">
56
+ Experimente Grátis
57
+ </button>
58
  </div>
59
+ <div class="-mr-2 flex items-center sm:hidden">
60
+ <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
61
+ <span class="sr-only">Open main menu</span>
62
+ <i class="fas fa-bars"></i>
63
  </button>
64
  </div>
65
  </div>
66
+ </div>
67
+ </nav>
68
+
69
+ <!-- Hero Section -->
70
+ <div class="gradient-bg text-white">
71
+ <div class="max-w-7xl mx-auto py-16 px-4 sm:py-24 sm:px-6 lg:px-8">
72
+ <div class="text-center">
73
+ <h1 class="text-4xl font-extrabold tracking-tight sm:text-5xl lg:text-6xl">
74
+ Revolucionando a Educação com IA
75
+ </h1>
76
+ <p class="mt-6 max-w-lg mx-auto text-xl">
77
+ Monitoria inteligente, feedback personalizado e análise preditiva para estudantes e instituições de ensino.
78
+ </p>
79
+ <div class="mt-10 flex justify-center space-x-4">
80
+ <a href="#" class="bg-white text-indigo-600 px-6 py-3 border border-transparent rounded-md text-base font-medium hover:bg-indigo-50">
81
+ Comece Agora
82
+ </a>
83
+ <a href="#" class="bg-indigo-500 bg-opacity-20 px-6 py-3 border border-transparent rounded-md text-base font-medium text-white hover:bg-opacity-30">
84
+ Demonstração
85
+ </a>
86
  </div>
87
+ </div>
88
+ </div>
89
+ </div>
90
+
91
+ <!-- Platform Showcase -->
92
+ <div class="bg-white py-16">
93
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
94
+ <div class="lg:text-center">
95
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Plataforma Integrada</h2>
96
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
97
+ Web e Mobile em um só ecossistema
98
+ </p>
99
+ </div>
100
+
101
+ <div class="mt-16 flex flex-col lg:flex-row items-center">
102
+ <div class="lg:w-1/2 mb-10 lg:mb-0 lg:pr-10">
103
+ <h3 class="text-2xl font-bold text-gray-900 mb-4">Interface Web Completa</h3>
104
+ <p class="text-gray-600 mb-6">
105
+ Acesso completo a todas funcionalidades através de uma interface responsiva desenvolvida com React.js, proporcionando a melhor experiência em qualquer dispositivo.
106
+ </p>
107
+ <div class="grid grid-cols-2 gap-4">
108
+ <div class="bg-gray-50 p-4 rounded-lg">
109
+ <i class="fas fa-robot text-indigo-600 text-2xl mb-2"></i>
110
+ <h4 class="font-semibold">Chatbot Inteligente</h4>
111
+ <p class="text-sm text-gray-600">Atendimento 24/7 integrado com Anything LLM</p>
112
+ </div>
113
+ <div class="bg-gray-50 p-4 rounded-lg">
114
+ <i class="fas fa-chart-line text-indigo-600 text-2xl mb-2"></i>
115
+ <h4 class="font-semibold">Dashboard Analítico</h4>
116
+ <p class="text-sm text-gray-600">Visualização de métricas de desempenho</p>
117
+ </div>
118
+ <div class="bg-gray-50 p-4 rounded-lg">
119
+ <i class="fas fa-users text-indigo-600 text-2xl mb-2"></i>
120
+ <h4 class="font-semibold">Gestão de Turmas</h4>
121
+ <p class="text-sm text-gray-600">Compartilhamento de chats especializados</p>
122
+ </div>
123
+ <div class="bg-gray-50 p-4 rounded-lg">
124
+ <i class="fas fa-file-upload text-indigo-600 text-2xl mb-2"></i>
125
+ <h4 class="font-semibold">Upload de Documentos</h4>
126
+ <p class="text-sm text-gray-600">Até 100MB no plano Educador</p>
127
+ </div>
128
+ </div>
129
  </div>
130
+ <div class="lg:w-1/2 relative">
131
+ <div class="mobile-mockup w-full h-96 lg:h-[500px]"></div>
132
+ <div class="absolute bottom-0 right-0 bg-white shadow-lg rounded-lg p-4 w-64 transform translate-x-10 translate-y-10 hidden lg:block">
133
+ <div class="flex items-center mb-2">
134
+ <div class="w-8 h-8 rounded-full bg-indigo-100 flex items-center justify-center mr-2">
135
+ <i class="fas fa-robot text-indigo-600"></i>
136
+ </div>
137
+ <div class="bg-gray-100 rounded-lg p-2 text-sm">
138
+ Como posso te ajudar hoje?
139
+ </div>
140
+ </div>
141
+ <div class="flex items-center">
142
+ <div class="w-8 h-8 rounded-full bg-indigo-600 flex items-center justify-center mr-2">
143
+ <i class="fas fa-user text-white text-sm"></i>
144
+ </div>
145
+ <div class="bg-indigo-600 text-white rounded-lg p-2 text-sm">
146
+ Explica cálculo integral...
147
+ </div>
148
+ </div>
149
+ </div>
150
  </div>
151
  </div>
152
+ </div>
153
+ </div>
154
+
155
+ <!-- Features Section -->
156
+ <div id="features" class="bg-gray-50 py-16">
157
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
158
+ <div class="lg:text-center">
159
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Funcionalidades</h2>
160
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
161
+ Tudo que você precisa em uma plataforma
162
+ </p>
163
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
164
+ Módulos integrados para estudantes, professores e gestores educacionais.
165
+ </p>
166
+ </div>
167
+
168
+ <div class="mt-20">
169
+ <div class="grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3">
170
+ <!-- Feature 1 -->
171
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
172
+ <div class="feature-icon bg-indigo-100 text-indigo-600">
173
+ <i class="fas fa-comments text-2xl"></i>
174
+ </div>
175
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Tutoria Inteligente 24/7</h3>
176
+ <p class="text-gray-600">
177
+ Chatbot integrado com Anything LLM para atendimento personalizado a qualquer momento, adaptando-se ao histórico de interações do usuário.
178
+ </p>
179
+ </div>
180
+
181
+ <!-- Feature 2 -->
182
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
183
+ <div class="feature-icon bg-purple-100 text-purple-600">
184
+ <i class="fas fa-thumbs-up text-2xl"></i>
185
+ </div>
186
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Feedback Personalizado</h3>
187
+ <p class="text-gray-600">
188
+ LLM para análise de respostas escritas com classificação por disciplina, nível de dificuldade e perfil do aluno. Dashboard completo para professores.
189
+ </p>
190
+ </div>
191
+
192
+ <!-- Feature 3 -->
193
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
194
+ <div class="feature-icon bg-blue-100 text-blue-600">
195
+ <i class="fas fa-search text-2xl"></i>
196
+ </div>
197
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Busca Semântica</h3>
198
+ <p class="text-gray-600">
199
+ Indexação inteligente de conteúdos acadêmicos (artigos, resumos, materiais) e comunidade de assuntos para compartilhamento de conhecimento.
200
+ </p>
201
+ </div>
202
+
203
+ <!-- Feature 4 -->
204
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
205
+ <div class="feature-icon bg-green-100 text-green-600">
206
+ <i class="fas fa-chart-pie text-2xl"></i>
207
+ </div>
208
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Análise Preditiva</h3>
209
+ <p class="text-gray-600">
210
+ Modelos de machine learning para identificar alunos em risco de evasão ou baixo rendimento, com relatórios estratégicos para gestores.
211
+ </p>
212
+ </div>
213
+
214
+ <!-- Feature 5 -->
215
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
216
+ <div class="feature-icon bg-yellow-100 text-yellow-600">
217
+ <i class="fas fa-school text-2xl"></i>
218
+ </div>
219
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Gestão de Turmas</h3>
220
+ <p class="text-gray-600">
221
+ Crie chats especializados e compartilhe com turmas inteiras, permitindo colaboração e aprendizado coletivo com IA personalizada.
222
+ </p>
223
+ </div>
224
+
225
+ <!-- Feature 6 -->
226
+ <div class="bg-white p-8 rounded-xl shadow-sm card-hover">
227
+ <div class="feature-icon bg-red-100 text-red-600">
228
+ <i class="fas fa-heartbeat text-2xl"></i>
229
+ </div>
230
+ <h3 class="text-lg font-bold text-gray-900 mb-2">Bem-estar do Aluno</h3>
231
+ <p class="text-gray-600">
232
+ Pesquisas semanais para avaliar compreensão de conteúdo e bem-estar emocional, com relatórios para acompanhamento psicopedagógico.
233
  </p>
234
  </div>
235
  </div>
236
  </div>
237
+ </div>
238
+ </div>
239
+
240
+ <!-- Technology Stack -->
241
+ <div id="technology" class="bg-white py-16">
242
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
243
+ <div class="lg:text-center">
244
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Tecnologia</h2>
245
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
246
+ Arquitetura Avançada e Escalável
247
+ </p>
248
+ </div>
249
+
250
+ <div class="mt-16">
251
+ <div class="relative">
252
+ <div class="lg:grid lg:grid-cols-2 lg:gap-8">
253
+ <div class="relative mb-12 lg:mb-0">
254
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">Frontend</h3>
255
+ <div class="space-y-6">
256
+ <div class="flex items-start">
257
+ <div class="flex-shrink-0 bg-indigo-100 rounded-md p-3">
258
+ <i class="fab fa-react text-indigo-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
259
  </div>
260
  <div class="ml-4">
261
+ <h4 class="text-lg font-medium text-gray-900">React.js</h4>
262
+ <p class="text-gray-600">
263
+ Interface web responsiva com componentes modernos e otimizados para performance.
264
+ </p>
265
  </div>
266
  </div>
267
+ <div class="flex items-start">
268
+ <div class="flex-shrink-0 bg-blue-100 rounded-md p-3">
269
+ <i class="fab fa-android text-blue-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
270
  </div>
271
  <div class="ml-4">
272
+ <h4 class="text-lg font-medium text-gray-900">Flutter</h4>
273
+ <p class="text-gray-600">
274
+ Aplicativo nativo para Android e iOS com experiência unificada e acesso offline.
275
+ </p>
276
  </div>
277
  </div>
278
+ <div class="flex items-start">
279
+ <div class="flex-shrink-0 bg-purple-100 rounded-md p-3">
280
+ <i class="fas fa-comments text-purple-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
281
  </div>
282
  <div class="ml-4">
283
+ <h4 class="text-lg font-medium text-gray-900">WebSocket</h4>
284
+ <p class="text-gray-600">
285
+ Comunicação em tempo real para o chatbot e notificações instantâneas.
286
+ </p>
287
  </div>
288
  </div>
289
+ </div>
290
+ </div>
291
+ <div class="relative">
292
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">Backend & IA</h3>
293
+ <div class="space-y-6">
294
+ <div class="flex items-start">
295
+ <div class="flex-shrink-0 bg-green-100 rounded-md p-3">
296
+ <i class="fab fa-node-js text-green-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
297
  </div>
298
  <div class="ml-4">
299
+ <h4 class="text-lg font-medium text-gray-900">Node.js/NestJS</h4>
300
+ <p class="text-gray-600">
301
+ API Gateway para gerenciamento de endpoints e load balancing em arquitetura de microserviços.
302
+ </p>
303
  </div>
304
  </div>
305
+ <div class="flex items-start">
306
+ <div class="flex-shrink-0 bg-yellow-100 rounded-md p-3">
307
+ <i class="fas fa-brain text-yellow-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
308
  </div>
309
  <div class="ml-4">
310
+ <h4 class="text-lg font-medium text-gray-900">AnythingLLM + RAG</h4>
311
+ <p class="text-gray-600">
312
+ Modelos LLM open-source com Retrieval-Augmented Generation para respostas precisas e seguras.
313
+ </p>
314
  </div>
315
  </div>
316
+ <div class="flex items-start">
317
+ <div class="flex-shrink-0 bg-red-100 rounded-md p-3">
318
+ <i class="fas fa-database text-red-600 text-xl"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
319
  </div>
320
  <div class="ml-4">
321
+ <h4 class="text-lg font-medium text-gray-900">Multi-banco de dados</h4>
322
+ <p class="text-gray-600">
323
+ PostgreSQL para dados estruturados, MongoDB para não estruturados e Redis para cache.
324
+ </p>
325
  </div>
326
  </div>
327
+ </div>
328
+ </div>
329
+ </div>
330
+ </div>
331
+
332
+ <div class="mt-16 bg-gray-50 rounded-xl p-8">
333
+ <h3 class="text-2xl font-bold text-gray-900 mb-6">Infraestrutura na Nuvem</h3>
334
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
335
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-start">
336
+ <img src="https://upload.wikimedia.org/wikipedia/commons/9/93/Amazon_Web_Services_Logo.svg" alt="AWS" class="h-10 mr-4">
337
+ <div>
338
+ <h4 class="font-medium text-gray-900">AWS</h4>
339
+ <p class="text-gray-600 text-sm mt-1">
340
+ EC2, S3, Lambda e RDS para hospedagem inicial com crédito de $300 até julho.
341
+ </p>
342
+ </div>
343
+ </div>
344
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-start">
345
+ <img src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Microsoft_Azure_Logo.svg" alt="Azure" class="h-10 mr-4">
346
+ <div>
347
+ <h4 class="font-medium text-gray-900">Microsoft Azure</h4>
348
+ <p class="text-gray-600 text-sm mt-1">
349
+ Migração planejada para aproveitar crédito de $150k para startups.
350
+ </p>
351
+ </div>
352
+ </div>
353
+ <div class="bg-white p-6 rounded-lg shadow-sm flex items-start">
354
+ <img src="https://upload.wikimedia.org/wikipedia/commons/3/34/Kubernetes_logo_without_workmark.svg" alt="Kubernetes" class="h-10 mr-4">
355
+ <div>
356
+ <h4 class="font-medium text-gray-900">Kubernetes</h4>
357
+ <p class="text-gray-600 text-sm mt-1">
358
+ Orquestração de containers para escalabilidade horizontal automática.
359
+ </p>
360
+ </div>
361
+ </div>
362
+ </div>
363
+ </div>
364
+ </div>
365
+ </div>
366
+ </div>
367
+
368
+ <!-- Pricing Section -->
369
+ <div id="pricing" class="bg-gray-50 py-16">
370
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
371
+ <div class="lg:text-center">
372
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Planos</h2>
373
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
374
+ Preços acessíveis para todos
375
+ </p>
376
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
377
+ Modelo freemium com versão básica gratuita e planos premium para diferentes necessidades.
378
+ </p>
379
+ </div>
380
+
381
+ <div class="mt-16 space-y-12 lg:space-y-0 lg:grid lg:grid-cols-3 lg:gap-x-8">
382
+ <!-- Student Plan -->
383
+ <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-200 card-hover">
384
+ <div class="flex items-center justify-between">
385
+ <h3 class="text-lg font-bold text-gray-900">Estudante</h3>
386
+ <span class="bg-indigo-100 text-indigo-800 text-xs font-semibold px-2.5 py-0.5 rounded">Popular</span>
387
+ </div>
388
+ <div class="mt-4 flex items-baseline text-4xl font-extrabold">
389
+ R$12,90<span class="ml-1 text-xl font-medium text-gray-500">/mês</span>
390
+ </div>
391
+ <p class="mt-5 text-gray-600">
392
+ Acesso completo às funcionalidades básicas para estudantes individuais.
393
+ </p>
394
+ <div class="mt-6">
395
+ <ul class="space-y-4">
396
+ <li class="flex items-start">
397
+ <div class="flex-shrink-0 text-green-500">
398
+ <i class="fas fa-check"></i>
399
  </div>
400
+ <p class="ml-3 text-gray-700">50MB para upload de documentos</p>
401
+ </li>
402
+ <li class="flex items-start">
403
+ <div class="flex-shrink-0 text-green-500">
404
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
405
  </div>
406
+ <p class="ml-3 text-gray-700">Chatbot 24/7 com AnythingLLM</p>
407
+ </li>
408
+ <li class="flex items-start">
409
+ <div class="flex-shrink-0 text-green-500">
410
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
411
  </div>
412
+ <p class="ml-3 text-gray-700">Feedback personalizado</p>
413
+ </li>
414
+ <li class="flex items-start">
415
+ <div class="flex-shrink-0 text-green-500">
416
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
417
  </div>
418
+ <p class="ml-3 text-gray-700">Acesso à comunidade de assuntos</p>
419
+ </li>
420
+ </ul>
421
+ </div>
422
+ <div class="mt-8">
423
+ <button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 border border-transparent rounded-md text-base font-medium">
424
+ Assinar Plano
425
+ </button>
426
+ </div>
427
+ </div>
428
+
429
+ <!-- Student Plus Plan -->
430
+ <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-200 card-hover transform scale-105">
431
+ <div class="flex items-center justify-between">
432
+ <h3 class="text-lg font-bold text-gray-900">Estudante Mais</h3>
433
+ <span class="bg-purple-100 text-purple-800 text-xs font-semibold px-2.5 py-0.5 rounded">Recomendado</span>
434
+ </div>
435
+ <div class="mt-4 flex items-baseline text-4xl font-extrabold">
436
+ R$21,90<span class="ml-1 text-xl font-medium text-gray-500">/mês</span>
437
+ </div>
438
+ <p class="mt-5 text-gray-600">
439
+ Para estudantes que precisam de mais recursos e espaço.
440
+ </p>
441
+ <div class="mt-6">
442
+ <ul class="space-y-4">
443
+ <li class="flex items-start">
444
+ <div class="flex-shrink-0 text-green-500">
445
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
446
  </div>
447
+ <p class="ml-3 text-gray-700">80MB para upload de documentos</p>
448
+ </li>
449
+ <li class="flex items-start">
450
+ <div class="flex-shrink-0 text-green-500">
451
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
452
  </div>
453
+ <p class="ml-3 text-gray-700">Prioridade no atendimento do chatbot</p>
454
+ </li>
455
+ <li class="flex items-start">
456
+ <div class="flex-shrink-0 text-green-500">
457
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
458
  </div>
459
+ <p class="ml-3 text-gray-700">Feedback detalhado com análise avançada</p>
460
+ </li>
461
+ <li class="flex items-start">
462
+ <div class="flex-shrink-0 text-green-500">
463
+ <i class="fas fa-check"></i>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
464
  </div>
465
+ <p class="ml-3 text-gray-700">Criação de 2 turmas compartilhadas</p>
466
+ </li>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
467
  </ul>
468
  </div>
469
+ <div class="mt-8">
470
+ <button class="w-full bg-purple-600 hover:bg-purple-700 text-white px-6 py-3 border border-transparent rounded-md text-base font-medium">
471
+ Assinar Plano
472
+ </button>
 
 
473
  </div>
474
+ </div>
475
+
476
+ <!-- Group Plan -->
477
+ <div class="bg-white p-8 rounded-xl shadow-sm border border-gray-200 card-hover">
478
+ <div class="flex items-center justify-between">
479
+ <h3 class="text-lg font-bold text-gray-900">Plano Galera</h3>
480
  </div>
481
+ <div class="mt-4 flex items-baseline text-4xl font-extrabold">
482
+ R$46,90<span class="ml-1 text-xl font-medium text-gray-500">/mês</span>
483
+ </div>
484
+ <p class="mt-5 text-gray-600">
485
+ Ideal para grupos de estudo ou pequenas turmas.
486
+ </p>
487
+ <div class="mt-6">
488
+ <ul class="space-y-4">
489
+ <li class="flex items-start">
490
+ <div class="flex-shrink-0 text-green-500">
491
+ <i class="fas fa-check"></i>
492
+ </div>
493
+ <p class="ml-3 text-gray-700">Até 7 usuários</p>
494
+ </li>
495
+ <li class="flex items-start">
496
+ <div class="flex-shrink-0 text-green-500">
497
+ <i class="fas fa-check"></i>
498
+ </div>
499
+ <p class="ml-3 text-gray-700">250MB de espaço compartilhado</p>
500
+ </li>
501
+ <li class="flex items-start">
502
+ <div class="flex-shrink-0 text-green-500">
503
+ <i class="fas fa-check"></i>
504
+ </div>
505
+ <p class="ml-3 text-gray-700">Gestão centralizada de turmas</p>
506
+ </li>
507
+ <li class="flex items-start">
508
+ <div class="flex-shrink-0 text-green-500">
509
+ <i class="fas fa-check"></i>
510
+ </div>
511
+ <p class="ml-3 text-gray-700">Relatórios coletivos de desempenho</p>
512
+ </li>
513
  </ul>
514
  </div>
515
+ <div class="mt-8">
516
+ <button class="w-full bg-indigo-600 hover:bg-indigo-700 text-white px-6 py-3 border border-transparent rounded-md text-base font-medium">
517
+ Assinar Plano
518
+ </button>
519
+ </div>
520
+ </div>
521
+ </div>
522
+
523
+ <div class="mt-12 bg-white p-8 rounded-xl shadow-sm border border-gray-200 max-w-2xl mx-auto">
524
+ <h3 class="text-lg font-bold text-gray-900 text-center">Plano Educador</h3>
525
+ <div class="mt-4 flex items-baseline justify-center text-4xl font-extrabold">
526
+ R$35,90<span class="ml-1 text-xl font-medium text-gray-500">/mês</span>
527
+ </div>
528
+ <p class="mt-5 text-gray-600 text-center">
529
+ Para professores e tutores que precisam de mais recursos educacionais.
530
+ </p>
531
+ <div class="mt-6 grid grid-cols-1 md:grid-cols-2 gap-6">
532
+ <ul class="space-y-4">
533
+ <li class="flex items-start">
534
+ <div class="flex-shrink-0 text-green-500">
535
+ <i class="fas fa-check"></i>
536
+ </div>
537
+ <p class="ml-3 text-gray-700">100MB para upload de materiais</p>
538
+ </li>
539
+ <li class="flex items-start">
540
+ <div class="flex-shrink-0 text-green-500">
541
+ <i class="fas fa-check"></i>
542
+ </div>
543
+ <p class="ml-3 text-gray-700">Criação de até 5 turmas</p>
544
+ </li>
545
+ </ul>
546
+ <ul class="space-y-4">
547
+ <li class="flex items-start">
548
+ <div class="flex-shrink-0 text-green-500">
549
+ <i class="fas fa-check"></i>
550
+ </div>
551
+ <p class="ml-3 text-gray-700">Dashboard avançado de desempenho</p>
552
+ </li>
553
+ <li class="flex items-start">
554
+ <div class="flex-shrink-0 text-green-500">
555
+ <i class="fas fa-check"></i>
556
+ </div>
557
+ <p class="ml-3 text-gray-700">Relatórios personalizados por aluno</p>
558
+ </li>
559
+ </ul>
560
+ </div>
561
+ <div class="mt-8 text-center">
562
+ <button class="bg-green-600 hover:bg-green-700 text-white px-6 py-3 border border-transparent rounded-md text-base font-medium">
563
+ Assinar Plano Educador
564
+ </button>
565
  </div>
566
  </div>
567
  </div>
568
+ </div>
569
+
570
+ <!-- Roadmap -->
571
+ <div id="roadmap" class="bg-white py-16">
572
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
573
+ <div class="lg:text-center">
574
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Roadmap</h2>
575
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
576
+ Nosso plano de desenvolvimento
577
+ </p>
578
+ <p class="mt-4 max-w-2xl text-xl text-gray-500 lg:mx-auto">
579
+ Fases estratégicas para implementação e crescimento da plataforma.
580
+ </p>
581
  </div>
582
+
583
+ <div class="mt-16">
584
+ <div class="relative">
585
+ <div class="hidden md:block absolute top-0 left-1/2 w-1 h-full bg-gray-200 transform -translate-x-1/2"></div>
586
+
587
+ <!-- MVP Phase -->
588
+ <div class="relative mb-16 md:mb-8">
589
+ <div class="md:flex items-center">
590
+ <div class="md:w-1/2 md:pr-8 md:text-right">
591
+ <h3 class="text-xl font-bold text-gray-900">MVP (Fase Atual)</h3>
592
+ <p class="mt-2 text-gray-600">
593
+ Versão web com funcionalidades básicas de monitoria e feedback. Integração experimental com alunos da UFF para validação.
594
+ </p>
595
+ <div class="mt-4">
596
+ <span class="bg-indigo-100 text-indigo-800 text-xs font-medium px-2.5 py-0.5 rounded">Em Andamento</span>
597
+ </div>
598
  </div>
599
+ <div class="hidden md:block md:w-1/2">
600
+ <div class="bg-indigo-600 text-white rounded-lg p-4 shadow-lg">
601
+ <div class="flex items-center">
602
+ <div class="flex-shrink-0 bg-indigo-100 bg-opacity-20 rounded-full p-2">
603
+ <i class="fas fa-rocket"></i>
604
+ </div>
605
+ <div class="ml-3">
606
+ <h4 class="font-bold">Próximos Passos</h4>
607
+ <ul class="mt-2 text-sm space-y-1">
608
+ <li>Validação do MVP na UFF</li>
609
+ <li>Captação de investimento-anjo</li>
610
+ </ul>
611
+ </div>
612
+ </div>
613
+ </div>
614
  </div>
615
  </div>
616
  </div>
617
+
618
+ <!-- Phase 2 -->
619
+ <div class="relative mb-16 md:mb-8">
620
+ <div class="md:flex items-center">
621
+ <div class="hidden md:block md:w-1/2 md:pr-8">
622
+ <div class="bg-purple-600 text-white rounded-lg p-4 shadow-lg">
623
+ <div class="flex items-center">
624
+ <div class="flex-shrink-0 bg-purple-100 bg-opacity-20 rounded-full p-2">
625
+ <i class="fas fa-mobile-alt"></i>
626
+ </div>
627
+ <div class="ml-3">
628
+ <h4 class="font-bold">Parcerias em Negociação</h4>
629
+ <ul class="mt-2 text-sm space-y-1">
630
+ <li>Universidade Federal Fluminense</li>
631
+ <li>IBmec e Santander Explorer</li>
632
+ </ul>
633
+ </div>
634
+ </div>
635
+ </div>
636
  </div>
637
+ <div class="md:w-1/2 md:pl-8">
638
+ <h3 class="text-xl font-bold text-gray-900">Fase 2 (2º Sem 2025)</h3>
639
+ <p class="mt-2 text-gray-600">
640
+ Lançamento do aplicativo mobile e módulo de análise preditiva. Expansão de parcerias com instituições de ensino.
641
+ </p>
642
+ <div class="mt-4">
643
+ <span class="bg-purple-100 text-purple-800 text-xs font-medium px-2.5 py-0.5 rounded">Planejado</span>
644
+ </div>
645
  </div>
646
  </div>
647
  </div>
648
+
649
+ <!-- Phase 3 -->
650
+ <div class="relative">
651
+ <div class="md:flex items-center">
652
+ <div class="md:w-1/2 md:pr-8 md:text-right">
653
+ <h3 class="text-xl font-bold text-gray-900">Fase 3 (2025/2026)</h3>
654
+ <p class="mt-2 text-gray-600">
655
+ Implementação de modelos LLM próprios treinados em dados educacionais brasileiros. Versão final com todos os módulos integrados.
656
+ </p>
657
+ <div class="mt-4">
658
+ <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2.5 py-0.5 rounded">Futuro</span>
659
+ </div>
660
  </div>
661
+ <div class="hidden md:block md:w-1/2">
662
+ <div class="bg-blue-600 text-white rounded-lg p-4 shadow-lg">
663
+ <div class="flex items-center">
664
+ <div class="flex-shrink-0 bg-blue-100 bg-opacity-20 rounded-full p-2">
665
+ <i class="fas fa-brain"></i>
666
+ </div>
667
+ <div class="ml-3">
668
+ <h4 class="font-bold">Diferenciais Competitivos</h4>
669
+ <ul class="mt-2 text-sm space-y-1">
670
+ <li>Curadoria científica da UFF</li>
671
+ <li>Tutoria com RAG para respostas seguras</li>
672
+ <li>Preço acessível e fácil manipulação</li>
673
+ </ul>
674
+ </div>
675
+ </div>
676
+ </div>
677
  </div>
678
  </div>
679
  </div>
 
682
  </div>
683
  </div>
684
 
685
+ <!-- Team Section -->
686
+ <div class="bg-gray-50 py-16">
687
+ <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
688
+ <div class="lg:text-center">
689
+ <h2 class="text-base text-indigo-600 font-semibold tracking-wide uppercase">Equipe</h2>
690
+ <p class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-gray-900 sm:text-4xl">
691
+ Conheça nosso time
692
+ </p>
693
+ </div>
694
+
695
+ <div class="mt-16 grid grid-cols-1 gap-12 md:grid-cols-2 lg:grid-cols-3">
696
+ <!-- Wesley -->
697
+ <div class="bg-white p-8 rounded-xl shadow-sm text-center">
698
+ <img class="mx-auto h-32 w-32 rounded-full object-cover" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="Wesley Lopes">
699
+ <h3 class="mt-6 text-lg font-bold text-gray-900">Wesley Lopes</h3>
700
+ <p class="text-indigo-600">Gestão & Análise Tecnológica</p>
701
+ <p class="mt-4 text-gray-600">
702
+ Responsável pela gestão do projeto e definição da rota tecnológica da plataforma.
703
+ </p>
704
+ <div class="mt-6 flex justify-center space-x-4">
705
+ <a href="#" class="text-gray-400 hover:text-gray-500">
706
+ <i class="fab fa-linkedin"></i>
707
+ </a>
708
+ <a href="#" class="text-gray-400 hover:text-gray-500">
709
+ <i class="fab fa-github"></i>
710
+ </a>
711
+ </div>
712
+ </div>
713
+
714
+ <!-- Vitor & Sandra -->
715
+ <div class="bg-white p-8 rounded-xl shadow-sm text-center">
716
+ <div class="flex justify-center -space-x-2">
717
+ <img class="h-32 w-32 rounded-full object-cover border-2 border-white" src="https://images.unsplash.com/photo-1566492031773-4f4e44671857?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="Vitor Vicente">
718
+ <img class="h-32 w-32 rounded-full object-cover border-2 border-white" src="https://images.unsplash.com/photo-1554151228-14d9def656e4?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="Sandra Brignol">
719
+ </div>
720
+ <h3 class="mt-6 text-lg font-bold text-gray-900">Vitor Vicente & Sandra Brignol</h3>
721
+ <p class="text-purple-600">Financeiro & Estatística</p>
722
+ <p class="mt-4 text-gray-600">
723
+ Responsáveis pela saúde financeira do projeto e análise de dados estatísticos educacionais.
724
+ </p>
725
+ <div class="mt-6 flex justify-center space-x-4">
726
+ <a href="#" class="text-gray-400 hover:text-gray-500">
727
+ <i class="fab fa-linkedin"></i>
728
+ </a>
729
+ <a href="#" class="text-gray-400 hover:text-gray-500">
730
+ <i class="fas fa-envelope"></i>
731
+ </a>
732
+ </div>
733
+ </div>
734
+
735
+ <!-- Felipe & Fabricio -->
736
+ <div class="bg-white p-8 rounded-xl shadow-sm text-center">
737
+ <div class="flex justify-center -space-x-2">
738
+ <img class="h-32 w-32 rounded-full object-cover border-2 border-white" src="https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="Felipe Seeman">
739
+ <img class="h-32 w-32 rounded-full object-cover border-2 border-white" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80" alt="Fabricio Costa">
740
+ </div>
741
+ <h3 class="mt-6 text-lg font-bold text-gray-900">Felipe Seeman & Fabricio Costa</h3>
742
+ <p class="text-blue-600">Gestão de Pessoas & Design</p>
743
+ <p class="mt-4 text-gray-600">
744
+ Responsáveis pela experiência do usuário e gestão de equipe, garantindo a melhor interface possível.
745
+ </p>
746
+ <div class="mt-6 flex justify-center space-x-4">
747
+ <a href="#" class="text-gray-400 hover:text-gray-500">
748
+ <i class="fab fa-behance"></i>
749
+ </a>
750
+ <a href="#" class="text-gray-400 hover:text-gray-500">
751
+ <i class="fab fa-dribbble"></i>
752
+ </a>
753
+ </div>
754
+ </div>
755
+ </div>
756
+ </div>
757
+ </div>
758
+
759
+ <!-- CTA Section -->
760
+ <div class="gradient-bg text-white">
761
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
762
+ <div class="lg:flex lg:items-center lg:justify-between">
763
+ <div class="lg:w-1/2">
764
+ <h2 class="text-3xl font-extrabold tracking-tight sm:text-4xl">
765
+ Pronto para revolucionar sua experiência educacional?
766
+ </h2>
767
+ <p class="mt-4 text-lg text-indigo-100">
768
+ Junte-se a nós nessa jornada de inovação em educação com inteligência artificial.
769
+ </p>
770
+ </div>
771
+ <div class="mt-8 lg:mt-0 lg:w-1/2 lg:pl-8">
772
+ <div class="bg-white rounded-lg p-6 shadow-lg">
773
+ <h3 class="text-lg font-medium text-gray-900 mb-4">Experimente gratuitamente</h3>
774
+ <form class="space-y-4">
775
+ <div>
776
+ <label for="email" class="sr-only">Email</label>
777
+ <input id="email" name="email" type="email" required class="block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:ring-indigo-500 focus:border-indigo-500" placeholder="Seu melhor email">
778
+ </div>
779
+ <div>
780
+ <label for="role" class="sr-only">Você é</label>
781
+ <select id="role" name="role" class="block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
782
+ <option>Estudante</option>
783
+ <option>Professor</option>
784
+ <option>Instituição de Ensino</option>
785
+ <option>Investidor</option>
786
+ </select>
787
+ </div>
788
+ <div>
789
+ <button type="submit" class="w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
790
+ Solicitar Acesso
791
+ </button>
792
+ </div>
793
+ </form>
794
+ </div>
795
+ </div>
796
+ </div>
797
+ </div>
798
+ </div>
799
+
800
+ <!-- Footer -->
801
+ <footer class="bg-gray-800">
802
+ <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:px-8">
803
+ <div class="grid grid-cols-2 md:grid-cols-4 gap-8">
804
+ <div>
805
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Sapians</h3>
806
+ <p class="mt-4 text-gray-400 text-sm">
807
+ Plataforma de IA educacional desenvolvida para revolucionar o aprendizado e ensino no Brasil.
808
+ </p>
809
+ </div>
810
+ <div>
811
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Recursos</h3>
812
+ <ul class="mt-4 space-y-2">
813
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Tutoria Inteligente</a></li>
814
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Feedback Personalizado</a></li>
815
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Análise Preditiva</a></li>
816
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Gestão de Turmas</a></li>
817
+ </ul>
818
+ </div>
819
+ <div>
820
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Legal</h3>
821
+ <ul class="mt-4 space-y-2">
822
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Privacidade</a></li>
823
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Termos</a></li>
824
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">LGPD</a></li>
825
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Acessibilidade</a></li>
826
+ </ul>
827
+ </div>
828
+ <div>
829
+ <h3 class="text-white text-sm font-semibold tracking-wider uppercase">Contato</h3>
830
+ <ul class="mt-4 space-y-2">
831
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">contato@sapians.com</a></li>
832
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Parcerias</a></li>
833
+ <li><a href="#" class="text-gray-400 hover:text-white text-sm">Trabalhe Conosco</a></li>
834
+ </ul>
835
+ </div>
836
+ </div>
837
+ <div class="mt-12 border-t border-gray-700 pt-8 flex flex-col md:flex-row justify-between items-center">
838
+ <p class="text-gray-400 text-sm">
839
+ &copy; 2024 Sapians. Todos os direitos reservados.
840
+ </p>
841
+ <div class="mt-4 md:mt-0 flex space-x-6">
842
+ <a href="#" class="text-gray-400 hover:text-white">
843
+ <i class="fab fa-facebook-f"></i>
844
+ </a>
845
+ <a href="#" class="text-gray-400 hover:text-white">
846
+ <i class="fab fa-instagram"></i>
847
+ </a>
848
+ <a href="#" class="text-gray-400 hover:text-white">
849
+ <i class="fab fa-linkedin-in"></i>
850
+ </a>
851
+ <a href="#" class="text-gray-400 hover:text-white">
852
+ <i class="fab fa-github"></i>
853
+ </a>
854
+ </div>
855
+ </div>
856
+ </div>
857
+ </footer>
858
+
859
+ <!-- Mobile menu -->
860
  <script>
861
+ // Simple mobile menu toggle
862
+ document.querySelector('[aria-label="Open main menu"]').addEventListener('click', function() {
863
+ // This would toggle a mobile menu in a real implementation
864
+ alert('Menu mobile seria aberto aqui em uma implementação completa');
865
+ });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
866
  </script>
867
  <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=wesleybiochat/custo-planilha" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
868
  </html>
prompts.txt CHANGED
@@ -1 +1,3 @@
1
- Descrição do Item Quantidade Custo Unitário (USD/mês) Custo Total (USD/mês) Observações Servidores EC2 (Backend/Microserviços) 4 instâncias (t3.xlarge) $150 $600 Para APIs, microsserviços e carga de 10k usuários. Escaláveis horizontalmente. EC2 com GPU (LLM Deepseek) 2 instâncias (g4dn.xlarge) $500 $1,000 Para inferência do modelo LLM e treinamento eventual. Amazon RDS (PostgreSQL) 1 instância (db.m5.large) $200 $200 Banco de dados estruturado para histórico acadêmico e usuários. Amazon DocumentDB (MongoDB) 1 instância (db.r5.large) $250 $250 Dados não estruturados (feedbacks, logs). Amazon ElastiCache (Redis) 1 instância (cache.t3.medium) $70 $70 Cache para consultas frequentes. AWS Lambda 1 milhão de requisições/mês $0.20 por 1M reqs $20 Processamento assíncrono e funções serverless. Amazon S3 (Armazenamento) 1 TB $0.023/GB $23 Armazenamento de documentos, backups e dados estáticos. Transferência de Dados (Data Out) 500 GB $0.09/GB $45 Custos de saída de dados para usuários. AWS CloudFront (CDN) 1 TB de transferência $0.085/GB $85 Aceleração de conteúdo estático e dinâmico. AWS CloudWatch (Monitoramento) - $50 $50 Métricas, logs e alertas. Certificados SSL/TLS 1 certificado $0 (AWS Certificate Manager) $0 Criptografia em trânsito via ACM. WAF (Web Application Firewall) - $20 $20 Proteção contra ataques na camada de aplicação. Backup (S3 Glacier) 500 GB $0.004/GB $2 Armazenamento de backups em cold storage. Conformidade (LGPD/WCAG) Consultoria externa $1,500/mês $1,500 Auditorias e adequação legal (estimativa para serviços terceirizados). Total Mensal - - $3,865 Custo Anual (12 meses) - - $46,380 Sem considerar descontos ou otimizações. Observações Adicionais: Custos Variáveis: O uso de GPU (g4dn.xlarge) pode aumentar significativamente se o modelo LLM exigir processamento intensivo contínuo. A transferência de dados e requisições Lambda podem escalar rapidamente com o crescimento de usuários. Otimizações: Uso de Reserved Instances ou Savings Plans na AWS pode reduzir custos em até 40%. Implementação de autoscaling para ajustar recursos conforme demanda. Deepseek/AnythingLLM: Como o LLM é open source, não há custo de licença, apenas infraestrutura para execução. MVP vs. Fases Posteriores: O MVP pode iniciar com menos recursos (ex: 2 instâncias EC2 e 1 GPU), reduzindo o custo inicial para ~$2,000/mês. Crie uma planilha com esses dados
 
 
 
1
+ Descrição do Item Quantidade Custo Unitário (USD/mês) Custo Total (USD/mês) Observações Servidores EC2 (Backend/Microserviços) 4 instâncias (t3.xlarge) $150 $600 Para APIs, microsserviços e carga de 10k usuários. Escaláveis horizontalmente. EC2 com GPU (LLM Deepseek) 2 instâncias (g4dn.xlarge) $500 $1,000 Para inferência do modelo LLM e treinamento eventual. Amazon RDS (PostgreSQL) 1 instância (db.m5.large) $200 $200 Banco de dados estruturado para histórico acadêmico e usuários. Amazon DocumentDB (MongoDB) 1 instância (db.r5.large) $250 $250 Dados não estruturados (feedbacks, logs). Amazon ElastiCache (Redis) 1 instância (cache.t3.medium) $70 $70 Cache para consultas frequentes. AWS Lambda 1 milhão de requisições/mês $0.20 por 1M reqs $20 Processamento assíncrono e funções serverless. Amazon S3 (Armazenamento) 1 TB $0.023/GB $23 Armazenamento de documentos, backups e dados estáticos. Transferência de Dados (Data Out) 500 GB $0.09/GB $45 Custos de saída de dados para usuários. AWS CloudFront (CDN) 1 TB de transferência $0.085/GB $85 Aceleração de conteúdo estático e dinâmico. AWS CloudWatch (Monitoramento) - $50 $50 Métricas, logs e alertas. Certificados SSL/TLS 1 certificado $0 (AWS Certificate Manager) $0 Criptografia em trânsito via ACM. WAF (Web Application Firewall) - $20 $20 Proteção contra ataques na camada de aplicação. Backup (S3 Glacier) 500 GB $0.004/GB $2 Armazenamento de backups em cold storage. Conformidade (LGPD/WCAG) Consultoria externa $1,500/mês $1,500 Auditorias e adequação legal (estimativa para serviços terceirizados). Total Mensal - - $3,865 Custo Anual (12 meses) - - $46,380 Sem considerar descontos ou otimizações. Observações Adicionais: Custos Variáveis: O uso de GPU (g4dn.xlarge) pode aumentar significativamente se o modelo LLM exigir processamento intensivo contínuo. A transferência de dados e requisições Lambda podem escalar rapidamente com o crescimento de usuários. Otimizações: Uso de Reserved Instances ou Savings Plans na AWS pode reduzir custos em até 40%. Implementação de autoscaling para ajustar recursos conforme demanda. Deepseek/AnythingLLM: Como o LLM é open source, não há custo de licença, apenas infraestrutura para execução. MVP vs. Fases Posteriores: O MVP pode iniciar com menos recursos (ex: 2 instâncias EC2 e 1 GPU), reduzindo o custo inicial para ~$2,000/mês. Crie uma planilha com esses dados
2
+ Descrição do Item Quantidade Custo Unitário (USD/mês) Custo Total (USD/mês) Observações Servidores EC2 (Backend/Microserviços) 4 instâncias (t3.xlarge) $150 $600 Para APIs, microsserviços e carga de 10k usuários. Escaláveis horizontalmente. EC2 com GPU (LLM Deepseek) 2 instâncias (g4dn.xlarge) $500 $1,000 Para inferência do modelo LLM e treinamento eventual. Amazon RDS (PostgreSQL) 1 instância (db.m5.large) $200 $200 Banco de dados estruturado para histórico acadêmico e usuários. Amazon DocumentDB (MongoDB) 1 instância (db.r5.large) $250 $250 Dados não estruturados (feedbacks, logs). Amazon ElastiCache (Redis) 1 instância (cache.t3.medium) $70 $70 Cache para consultas frequentes. AWS Lambda 1 milhão de requisições/mês $0.20 por 1M reqs $20 Processamento assíncrono e funções serverless. Amazon S3 (Armazenamento) 1 TB $0.023/GB $23 Armazenamento de documentos, backups e dados estáticos. Transferência de Dados (Data Out) 500 GB $0.09/GB $45 Custos de saída de dados para usuários. AWS CloudFront (CDN) 1 TB de transferência $0.085/GB $85 Aceleração de conteúdo estático e dinâmico. AWS CloudWatch (Monitoramento) - $50 $50 Métricas, logs e alertas. Certificados SSL/TLS 1 certificado $0 (AWS Certificate Manager) $0 Criptografia em trânsito via ACM. WAF (Web Application Firewall) - $20 $20 Proteção contra ataques na camada de aplicação. Backup (S3 Glacier) 500 GB $0.004/GB $2 Armazenamento de backups em cold storage. Conformidade (LGPD/WCAG) Consultoria externa $1,500/mês $1,500 Auditorias e adequação legal (estimativa para serviços terceirizados). Total Mensal - - $3,865 Custo Anual (12 meses) - - $46,380 Sem considerar descontos ou otimizações. Observações Adicionais: Custos Variáveis: O uso de GPU (g4dn.xlarge) pode aumentar significativamente se o modelo LLM exigir processamento intensivo contínuo. A transferência de dados e requisições Lambda podem escalar rapidamente com o crescimento de usuários. Otimizações: Uso de Reserved Instances ou Savings Plans na AWS pode reduzir custos em até 40%. Implementação de autoscaling para ajustar recursos conforme demanda. Deepseek/AnythingLLM: Como o LLM é open source, não há custo de licença, apenas infraestrutura para execução. MVP vs. Fases Posteriores: O MVP pode iniciar com menos recursos (ex: 2 instâncias EC2 e 1 GPU), reduzindo o custo inicial para ~$2,000/mês. Crie um arquivo em excel com esses dados
3
+ Especificação Técnica do Sapians Versão 1.0 --- 1. Introdução Este documento descreve a especificação técnica da plataforma Sapians, uma solução de Inteligência Artificial (IA) focada em educação e consultoria empresarial. O objetivo é detalhar a arquitetura, funcionalidades, requisitos e tecnologias utilizadas para atender às demandas de instituições de ensino, alunos e empresas. --- 2. Objetivo Desenvolver uma plataforma integrada (web e mobile) que ofereça: - Monitoria inteligente em tempo real para alunos. - Feedback personalizado com base em IA. - Análise preditiva de desempenho acadêmico.. - Consultoria adaptável para instituições de ensino. --- 3. Requisitos Funcionais Módulo 1: Sistema de Tutoria Inteligente -Atendimento 24/7: Chatbot integrado com Anything LLM (Open soucer)customizados. - Adaptação Individual: Algoritmos de recomendação baseados em histórico de interações do usuário. Módulo 2: Sistema de Feedback Inteligente - Geração de Feedback Automático: LLM para análise de respostas escrita. -Personalização: Classificação de feedback por disciplina, nível de dificuldade e perfil do aluno. - Dashboard para Professores: Visualização de métricas como taxa de engajamento e eficácia do feedback. - Feedback em tempo real a professores após as aulas sistema que permite o aluno avaliar o nível de compreensão do conteúdo da aula - Avaliação e bem estar do usuário pesquisa semanal afim de compreender o bem estar do aluno Módulo 3: Sistema de Busca e Solicitações Automáticas - Buscador Semântico: Indexação de conteúdos acadêmicos (artigos, resumos, materiais institucionais). - Comunidade: A comunidade de assuntos permite que o usuário ao invés de realizar um novo upload de um documento, ele realize a busca daquele assunto para encontrar um chat já treinado. -Turmas: Ao criar um chat especializado o usuário tem a permissão de criar uma turma para compartilhar esse mesmo chat com outros usuários da mesma sala de aula Módulo 4: Análise de Desempenho Aplicado -Previsão de Desempenho: Modelos de ML para identificar alunos em risco de evasão ou baixo rendimento. -Relatórios para Gestores: Dados sobre eficácia de metodologias de ensino e sugestões de otimização. Módulo 5: Soluções Personalizadas para Instituições - Consultoria em EDTEC (Educational Technology): Diagnóstico de necessidades e implementação de soluções de IA. --- 4. Requisitos Não Funcionais - Performance: - Tempo de resposta do chatbot: ≤ 2 segundos. - Suporte a até 10.000 usuários simultâneos (escalável horizontalmente). - Segurança: - Criptografia de dados em repouso (AES-256) e em trânsito (TLS 1.3). - Autenticação via OAuth 2.0 e MFA (Autenticação Multifatorial). - Conformidade: - Adequação à LGPD (Lei Geral de Proteção de Dados Brasileira). - Certificação de acessibilidade (WCAG 2.1) para usuários com deficiência. - Disponibilidade: SLA de 99,9% para instituições contratantes. --- 5. Arquitetura da Solução Frontend - Web: React.js com interface responsiva. - Mobile: Aplicativo nativo (Android/iOS) desenvolvido em Flutter. - Chatbot: Widget integrado às plataformas web/mobile com interface de voz e texto. Backend - Microserviços: Arquitetura API Anything LLM - API Gateway: Gerenciamento de endpoints e load balancing (Node.js + NestJS). - Banco de Dados: - PostgreSQL para dados estruturados (histórico acadêmico, usuários). - MongoDB para dados não estruturados (feedbacks, logs de interação). - Redis para cache de consultas frequentes. IA/ML - Modelos LLM: (Llma - Anything LLm associado ao RAG) + modelos finetunados - Pipeline de NLP: - Biblioteca SpaCy para pré-processamento de textos em português. - Modelos customizados (PyTorch/TensorFlow) para análise de desempenho. - Ferramentas de Monitoramento: MLflow para tracking de modelos e Prometheus/Grafana para métricas em tempo real. (avaliação em reunião para 3 fase) --- 6. Tecnologias Utilizadas - IA/ML: GPT-4, TensorFlow, PyTorch, Hugging Face Transformers. - Backend: Node.js, Python (FastAPI), Docker, Kubernetes, AnythingLLM. - Frontend: React.js, Flutter, WebSocket para comunicação em tempo real. - Infraestrutura**: AWS (EC2, S3, Lambda) ou Google Cloud (opção em estudo) Azure (estamos em um processo de aceitação)(Estamos atualmente com um crédito de 300 dolares na AWS EC2 até julho, mas nosso objetivo é obter um crédito maior da Azure que oferece até 150 mil dolares para Fundadores de Startups) (podemos discutir algumas dessas tecnologias em reunião) - Ferramentas de DevOps: GitLab CI/CD, Jenkins. --- 7. Segurança e Conformidade - Proteção de Dados: - Anonimização de dados sensíveis (ex: histórico de alunos). - Auditorias trimestrais por parceiros da UFF. - Acesso Restrito: - RBAC (Controle de Acesso Baseado em Função) para gestores institucionais. - Isolamento de ambientes de produção e testes. --- 8. Plano de Desenvolvimento 1. MVP (Fase Atual): - Versão web com funcionalidades básicas de monitoria e feedback. - Integração experimental com os alunos da UFF para validação. 2. Fase 2 (segundo semestre de 2025): - Lançamento do aplicativo mobile e módulo de análise preditiva. - Parceria fechadas(Universidade Federal Fluminense) em Análise: com IBmec e Santander Explorer(Crowdfunding). 3. Fase 3 (2025/2026): - Implementação de modelos LLM próprios treinados em dados educacionais brasileiros. - Disponibilização da versão final --- 9. Estratégia de Monetização - Modelo Freemium: - Versão básica gratuita com anúncios.(Fase 1) - Instituição: Personalizado por número de usuários. - Editais e Projetos: Captação de recursos via editais públicos (ex: Finep, CNPq). - Planos de assinatura: (Fase 2) - Estudante: R$ 12,90/mês (acesso a todas funcionalidades da plataforma, 50 mb de documentos para upload) -Estudante Mais: 21,90/mês(acesso acesso a todas funcionalidades da plataforma, 80mb de espaço para upload) - Plano Galera: R$ 46,90/mês (acesso a todas funcionalidades da plataforma, até 7 usuários 250mb de espaço para upload) Plano educador: 35,90/mês ( 100 mb de espaço para upload) --- 10. Diferenciais Competitivos - Curadoria Científica: Conteúdo validado por mestres/doutores da UFF. - Tutoria acompanhada por RAG que torna a resposta segura e mais confiável - Parceria Estratégica: Apoio da UFF para pesquisa em EDTEC e validação de impacto. - Plataforma segmentada com serviços focados no público educacional - Preço coerente Fácil manipulação pelos usuários(pois eles podem treinar sua própria IA) - Flexibilidade: API modular permite integração parcial ou total conforme necessidades do cliente. (Fase 3) --- Equipe Técnica: Gestão: Wesley Lopes Financeiro e Estatística: Vitor Vicente e Sandra Brignol Gestão de Pessoas: Wesley Lopes e Felipe Seeman Análise de Rota Tecnológica: Wesley Lopes Designer: Fabricio Costa Próximos Passos: 1- Validação do MVP na UFF 2 - captação de investimento-anjo 3 - Estudo para a Fase 2 e 3 Crie esse projeto web e aplicativo mobile