Hugging Face's logo

Spaces:
madstuntman11
/
helloworldapp
Running

App Files Community
madstuntman11 commited on
Commit
27a7086
·
verified ·
1 Parent(s): cd29ef7

use this images

Browse files
Files changed (1) hide show
  1. index.html +27 -35
index.html CHANGED
@@ -74,28 +74,30 @@
74
  </style>
75
  </head>
76
  <body>
 
77
  <!-- Слайд 1: Титульный -->
78
- <div class="slide justify-center bg-leanq-green text-white">
79
  <div class="mb-8">
80
  <!-- Логотип текстом, если нет картинки, или замените на img -->
81
  <div class="text-5xl font-extrabold tracking-tighter">
82
- Leanq<span class="text-white">></span>Al
83
  </div>
84
  </div>
85
- <h1 class="text-6xl font-extrabold leading-tight mb-6">
86
  Использование AI <br>
87
- <span class="text-white">под контролем</span>
88
  </h1>
89
- <p class="text-2xl text-white/90 max-w-2xl leading-relaxed">
90
  Единый доступ к 400+ нейросетям для команд через Telegram. Управляемо, безопасно, эффективно.
91
  </p>
92
 
93
- <div class="slide-footer border-white/20">
94
- <span class="text-white/80">Leanq AI Presentation 2025</span>
95
- <span class="text-white/80">1</span>
96
  </div>
97
  </div>
98
- <!-- Слайд 2: Проблема в цифрах (Крючок) -->
 
99
  <div class="slide justify-center">
100
  <div class="flex flex-col items-start justify-center h-full">
101
  <div class="text-[180px] font-extrabold text-leanq-dark leading-none -ml-2">
@@ -140,15 +142,12 @@
140
  <p>Мы понимаем AI изнутри: от архитектуры моделей до интеграции. Это позволяет нам предлагать не просто "доступ к чату", а технологически выверенное решение.</p>
141
  </div>
142
  </div>
143
-
144
  <!-- Место для логотипов клиентов -->
145
  <div class="mt-auto mb-8">
146
  <p class="text-sm text-gray-400 mb-4 uppercase tracking-wider font-semibold">Нам доверяют</p>
147
- <!-- Вставьте картинку с логотипами сюда -->
148
- <img src="slide3_clients.png" alt="Clients: tango vk LUK cisco Gelato" class="h-12 opacity-60 grayscale object-contain object-left">
149
  </div>
150
-
151
- <div class="slide-footer">
152
  <span>О компании</span>
153
  <span>3</span>
154
  </div>
@@ -230,11 +229,10 @@
230
  </ul>
231
  </div>
232
  <div class="w-1/2 h-full bg-gray-100 rounded-xl overflow-hidden border border-gray-200 flex items-center justify-center relative">
233
- <!-- Место для скриншота чата -->
234
- <img src="slide6_chat.png" alt="Telegram Chat Interface" class="absolute inset-0 w-full h-full object-cover object-top">
235
  <span class="bg-white/80 backdrop-blur px-4 py-2 rounded text-sm absolute z-10" style="display:none;">Скриншот чата Telegram</span>
236
  </div>
237
- </div>
238
  <div class="slide-footer">
239
  <span>Доступность</span>
240
  <span>6</span>
@@ -295,10 +293,9 @@
295
  </div>
296
  </div>
297
  <div class="w-1/2 bg-gray-50 rounded-xl border border-gray-200 overflow-hidden shadow-inner relative">
298
- <!-- Место для скриншота аналитики -->
299
- <img src="slide8_analytics.png" alt="Analytics Dashboard" class="absolute inset-0 w-full h-full object-contain p-4">
300
  </div>
301
- </div>
302
  <div class="slide-footer">
303
  <span>Безопасность</span>
304
  <span>8</span>
@@ -329,10 +326,9 @@
329
  </ul>
330
  </div>
331
  <div class="w-1/2 h-full bg-white border border-gray-200 rounded-xl shadow-lg relative order-1 overflow-hidden">
332
- <!-- Место д��я скриншота документа/графика -->
333
- <img src="slide9_doc.png" alt="Generated Document Preview" class="absolute inset-0 w-full h-full object-cover object-top">
334
  </div>
335
- </div>
336
  <div class="slide-footer">
337
  <span>Продуктивность</span>
338
  <span>9</span>
@@ -359,11 +355,10 @@
359
  </div>
360
  </div>
361
  <div class="w-2/3 bg-gray-50 border border-gray-200 rounded-xl relative overflow-hidden flex items-center justify-center">
362
- <!-- ВСТАВИТЬ СКРИНШОТ МАЙНДМЭПА -->
363
- <img src="slide10_mindmap.png" alt="Mind Map Example" class="absolute inset-0 w-full h-full object-contain">
364
  <p class="absolute bottom-2 right-4 text-xs text-gray-400 bg-white/80 px-2 py-1 rounded">Пример генерации структуры стратегии</p>
365
  </div>
366
- </div>
367
  <div class="slide-footer">
368
  <span>Визуализация</span>
369
  <span>10</span>
@@ -436,9 +431,8 @@
436
 
437
  <div class="w-1/3 flex flex-col items-center justify-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm">
438
  <div class="w-24 h-24 rounded-full bg-gray-200 mb-4 overflow-hidden">
439
- <img src="photo_vector.jpg" class="w-full h-full object-cover" alt="Employee">
440
- </div>
441
- <div class="text-center">
442
  <div class="font-bold text-gray-900">Оксана Николаевна Н.</div>
443
  <div class="text-xs text-gray-500">Консалтинговая компания "Вектор"</div>
444
  </div>
@@ -484,9 +478,8 @@
484
 
485
  <div class="w-1/3 flex flex-col items-center justify-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm">
486
  <div class="w-24 h-24 rounded-full bg-gray-200 mb-4 overflow-hidden">
487
- <img src="photo_fuel.jpg" class="w-full h-full object-cover" alt="Employee">
488
- </div>
489
- <div class="text-center">
490
  <div class="font-bold text-gray-900">Анатолий К.</div>
491
  <div class="text-xs text-gray-500">Руководитель IT-департамента</div>
492
  </div>
@@ -531,9 +524,8 @@
531
 
532
  <div class="w-1/3 flex flex-col items-center justify-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm">
533
  <div class="w-24 h-24 rounded-full bg-gray-200 mb-4 overflow-hidden">
534
- <img src="photo_arch.jpg" class="w-full h-full object-cover" alt="Employee">
535
- </div>
536
- <div class="text-center">
537
  <div class="font-bold text-gray-900">Артак М.</div>
538
  <div class="text-xs text-gray-500">Ведущий архитектор</div>
539
  </div>
 
74
  </style>
75
  </head>
76
  <body>
77
+
78
  <!-- Слайд 1: Титульный -->
79
+ <div class="slide justify-center">
80
  <div class="mb-8">
81
  <!-- Логотип текстом, если нет картинки, или замените на img -->
82
  <div class="text-5xl font-extrabold tracking-tighter">
83
+ Leanq<span class="text-leanq-green">></span>Al
84
  </div>
85
  </div>
86
+ <h1 class="text-6xl font-extrabold text-leanq-dark leading-tight mb-6">
87
  Использование AI <br>
88
+ <span class="text-leanq-green">под контролем</span>
89
  </h1>
90
+ <p class="text-2xl text-gray-600 max-w-2xl leading-relaxed">
91
  Единый доступ к 400+ нейросетям для команд через Telegram. Управляемо, безопасно, эффективно.
92
  </p>
93
 
94
+ <div class="slide-footer">
95
+ <span>Leanq AI Presentation 2025</span>
96
+ <span>1</span>
97
  </div>
98
  </div>
99
+
100
+ <!-- Слайд 2: Проблема в цифрах (Крючок) -->
101
  <div class="slide justify-center">
102
  <div class="flex flex-col items-start justify-center h-full">
103
  <div class="text-[180px] font-extrabold text-leanq-dark leading-none -ml-2">
 
142
  <p>Мы понимаем AI изнутри: от архитектуры моделей до интеграции. Это позволяет нам предлагать не просто "доступ к чату", а технологически выверенное решение.</p>
143
  </div>
144
  </div>
 
145
  <!-- Место для логотипов клиентов -->
146
  <div class="mt-auto mb-8">
147
  <p class="text-sm text-gray-400 mb-4 uppercase tracking-wider font-semibold">Нам доверяют</p>
148
+ <img src="https://huggingface.co/spaces/madstuntman11/helloworldapp/resolve/main/images/slide3_clients.png" alt="Clients: tango vk LUK cisco Gelato" class="h-12 opacity-60 grayscale object-contain object-left">
 
149
  </div>
150
+ <div class="slide-footer">
 
151
  <span>О компании</span>
152
  <span>3</span>
153
  </div>
 
229
  </ul>
230
  </div>
231
  <div class="w-1/2 h-full bg-gray-100 rounded-xl overflow-hidden border border-gray-200 flex items-center justify-center relative">
232
+ <img src="https://huggingface.co/spaces/madstuntman11/helloworldapp/resolve/main/images/slide6_chat.png" alt="Telegram Chat Interface" class="absolute inset-0 w-full h-full object-cover object-top">
 
233
  <span class="bg-white/80 backdrop-blur px-4 py-2 rounded text-sm absolute z-10" style="display:none;">Скриншот чата Telegram</span>
234
  </div>
235
+ </div>
236
  <div class="slide-footer">
237
  <span>Доступность</span>
238
  <span>6</span>
 
293
  </div>
294
  </div>
295
  <div class="w-1/2 bg-gray-50 rounded-xl border border-gray-200 overflow-hidden shadow-inner relative">
296
+ <img src="https://huggingface.co/spaces/madstuntman11/helloworldapp/resolve/main/images/slide8_analytics.png" alt="Analytics Dashboard" class="absolute inset-0 w-full h-full object-contain p-4">
 
297
  </div>
298
+ </div>
299
  <div class="slide-footer">
300
  <span>Безопасность</span>
301
  <span>8</span>
 
326
  </ul>
327
  </div>
328
  <div class="w-1/2 h-full bg-white border border-gray-200 rounded-xl shadow-lg relative order-1 overflow-hidden">
329
+ <img src="https://huggingface.co/spaces/madstuntman11/helloworldapp/resolve/main/images/slide9_doc.png" alt="Generated Document Preview" class="absolute inset-0 w-full h-full object-cover object-top">
 
330
  </div>
331
+ </div>
332
  <div class="slide-footer">
333
  <span>Продуктивность</span>
334
  <span>9</span>
 
355
  </div>
356
  </div>
357
  <div class="w-2/3 bg-gray-50 border border-gray-200 rounded-xl relative overflow-hidden flex items-center justify-center">
358
+ <img src="https://huggingface.co/spaces/madstuntman11/helloworldapp/resolve/main/images/slide10_mindmap.png" alt="Mind Map Example" class="absolute inset-0 w-full h-full object-contain">
 
359
  <p class="absolute bottom-2 right-4 text-xs text-gray-400 bg-white/80 px-2 py-1 rounded">Пример генерации структуры стратегии</p>
360
  </div>
361
+ </div>
362
  <div class="slide-footer">
363
  <span>Визуализация</span>
364
  <span>10</span>
 
431
 
432
  <div class="w-1/3 flex flex-col items-center justify-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm">
433
  <div class="w-24 h-24 rounded-full bg-gray-200 mb-4 overflow-hidden">
434
+ <img src="http://static.photos/office/200x200/1" class="w-full h-full object-cover" alt="Employee">
435
+ <div class="text-center">
 
436
  <div class="font-bold text-gray-900">Оксана Николаевна Н.</div>
437
  <div class="text-xs text-gray-500">Консалтинговая компания "Вектор"</div>
438
  </div>
 
478
 
479
  <div class="w-1/3 flex flex-col items-center justify-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm">
480
  <div class="w-24 h-24 rounded-full bg-gray-200 mb-4 overflow-hidden">
481
+ <img src="http://static.photos/industry/200x200/2" class="w-full h-full object-cover" alt="Employee">
482
+ <div class="text-center">
 
483
  <div class="font-bold text-gray-900">Анатолий К.</div>
484
  <div class="text-xs text-gray-500">Руководитель IT-департамента</div>
485
  </div>
 
524
 
525
  <div class="w-1/3 flex flex-col items-center justify-center bg-white p-4 rounded-xl border border-gray-100 shadow-sm">
526
  <div class="w-24 h-24 rounded-full bg-gray-200 mb-4 overflow-hidden">
527
+ <img src="http://static.photos/architecture/200x200/3" class="w-full h-full object-cover" alt="Employee">
528
+ <div class="text-center">
 
529
  <div class="font-bold text-gray-900">Артак М.</div>
530
  <div class="text-xs text-gray-500">Ведущий архитектор</div>
531
  </div>