Spaces:

madstuntman11
/

quantumleap-mock-presentation

Running

App Files Files Community

madstuntman11 commited on Jun 19

Commit

3515291

verified ·

1 Parent(s): 1550db9

Сделай покруче - что-то футуристичное. - Initial Deployment

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +135 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Quantumleap Mock Presentation
-emoji: 🏆
 colorFrom: pink
-colorTo: pink
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: quantumleap-mock-presentation
+emoji: 🐳
 colorFrom: pink
+colorTo: purple
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,135 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>QuantumLeap AI</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Lexend:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <style>
+        @media print {
+            body {
+                background-color: white !important;
+                margin: 0 !important;
+            }
+            section {
+                margin: 0 !important;
+                box-shadow: none !important;
+                page-break-after: always;
+            }
+        }
+    </style>
+</head>
+<body class="bg-gray-100 py-8 font-['Inter']">
+    <!-- Слайд 1: Титульный -->
+    <section class="w-[1122px] h-[794px] bg-white shadow-lg mx-auto mb-8 flex flex-col items-center justify-center">
+        <div class="text-center">
+            <!-- Иконка мозга -->
+            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-16 h-16 text-indigo-600 mx-auto">
+                <path stroke-linecap="round" stroke-linejoin="round" d="M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33" />
+            </svg>
+            <h1 class="text-7xl font-bold text-slate-900 mt-6 font-['Lexend']">QuantumLeap AI</h1>
+            <p class="text-2xl text-slate-600 mt-4">Революция в анализе данных</p>
+        </div>
+        <div class="absolute bottom-8 right-8 text-sm text-slate-400">QuantumLeap AI © 2024</div>
+    </section>
+    <!-- Слайд 2: Проблема -->
+    <section class="w-[1122px] h-[794px] bg-white shadow-lg mx-auto mb-8 p-16">
+        <h2 class="text-4xl font-bold text-slate-900 text-center mb-16 font-['Lexend']">Сложности современного анализа</h2>
+        <div class="flex justify-between gap-12 h-[500px]">
+            <!-- Колонка 1 -->
+            <div class="flex-1 text-center flex flex-col items-center justify-center my-auto">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12 text-indigo-600 mx-auto">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
+                </svg>
+                <h3 class="text-xl font-semibold text-slate-900 mt-6 mb-3 font-['Lexend']">Перегрузка информацией</h3>
+                <p class="text-slate-700">Компании тонут в данных, не в силах извлечь из них ценные инсайты.</p>
+            </div>
+            <!-- Колонка 2 -->
+            <div class="flex-1 text-center flex flex-col items-center justify-center my-auto">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12 text-indigo-600 mx-auto">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+                <h3 class="text-xl font-semibold text-slate-900 mt-6 mb-3 font-['Lexend']">Медленные процессы</h3>
+                <p class="text-slate-700">Ручной анализ занимает недели, а решения нужны уже сегодня.</p>
+            </div>
+            <!-- Колонка 3 -->
+            <div class="flex-1 text-center flex flex-col items-center justify-center my-auto">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12 text-indigo-600 mx-auto">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                </svg>
+                <h3 class="text-xl font-semibold text-slate-900 mt-6 mb-3 font-['Lexend']">Неточные прогнозы</h3>
+                <p class="text-slate-700">Традиционные методы дают погрешность до 40% в прогнозировании.</p>
+            </div>
+            <!-- Колонка 4 -->
+            <div class="flex-1 text-center flex flex-col items-center justify-center my-auto">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-12 h-12 text-indigo-600 mx-auto">
+                    <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z" />
+                </svg>
+                <h3 class="text-xl font-semibold text-slate-900 mt-6 mb-3 font-['Lexend']">Разрозненные данные</h3>
+                <p class="text-slate-700">Информация хранится в разных системах без единой точки доступа.</p>
+            </div>
+        </div>
+        <div class="absolute bottom-8 right-8 text-sm text-slate-400">QuantumLeap AI © 2024</div>
+    </section>
+    <!-- Слайд 3: Наше решение -->
+    <section class="w-[1122px] h-[794px] bg-white shadow-lg mx-auto mb-8">
+        <div class="flex h-full">
+            <!-- Левая колонка с изображением -->
+            <div class="w-1/2 h-full bg-gray-100 flex items-center justify-center p-8">
+                <div class="bg-[url('https://images.unsplash.com/photo-1551288049-bebda4e38f71')] bg-cover bg-center w-full h-full rounded-lg"></div>
+            </div>
+            <!-- Правая колонка с текстом -->
+            <div class="w-1/2 p-16 flex flex-col justify-center">
+                <h2 class="text-3xl font-bold text-slate-900 mb-8 font-['Lexend']">Представляем QuantumLeap</h2>
+                <ul class="space-y-6">
+                    <li class="flex items-start">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-indigo-600 mt-1 mr-3 flex-shrink-0">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                        </svg>
+                        <span class="text-slate-700">Автоматический сбор и очистка данных.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-indigo-600 mt-1 mr-3 flex-shrink-0">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                        </svg>
+                        <span class="text-slate-700">Предсказательное моделирование в реальном времени.</span>
+                    </li>
+                    <li class="flex items-start">
+                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-indigo-600 mt-1 mr-3 flex-shrink-0">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
+                        </svg>
+                        <span class="text-slate-700">Интуитивно понятные визуализации и отчеты.</span>
+                    </li>
+                </ul>
+            </div>
+        </div>
+        <div class="absolute bottom-8 right-8 text-sm text-slate-400">QuantumLeap AI © 2024</div>
+    </section>
+    <!-- Слайд 4: Призыв к действию -->
+    <section class="w-[1122px] h-[794px] bg-white shadow-lg mx-auto mb-8 flex flex-col items-center justify-center text-center">
+        <div>
+            <h2 class="text-4xl font-bold text-slate-900 mb-8 font-['Lexend']">Готовы к прыжку?</h2>
+            <p class="text-xl text-slate-700 mb-12 max-w-2xl mx-auto">
+                Посетите наш сайт, чтобы запросить демо-версию и узнат�� больше о возможностях QuantumLeap AI.
+            </p>
+            <a href="#" class="bg-indigo-600 text-white px-8 py-3 rounded-lg font-bold inline-block hover:bg-indigo-700 transition-colors">
+                Запросить Демо
+            </a>
+            <p class="text-sm text-slate-500 mt-4">www.quantumleap.ai</p>
+        </div>
+        <div class="absolute bottom-8 right-8 text-sm text-slate-400">QuantumLeap AI © 2024</div>
+    </section>
+<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=madstuntman11/quantumleap-mock-presentation" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>