Create index.html
Browse files- index.html +54 -0
index.html
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 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" />
|
| 6 |
+
<title>Stactiq — AI-Powered Soccer Intelligence</title>
|
| 7 |
+
<meta name="description" content="AI session generator and match analysis for coaches, clubs, and federations." />
|
| 8 |
+
<style>
|
| 9 |
+
:root { --bg:#0b0f12; --card:#10161b; --text:#e6f1ff; --muted:#9fb3c8; --accent:#39ff14; }
|
| 10 |
+
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,Segoe UI,Roboto,Inter,Arial}
|
| 11 |
+
.wrap{max-width:880px;margin:0 auto;padding:48px 20px}
|
| 12 |
+
.card{background:var(--card);border:1px solid #182029;border-radius:16px;padding:28px 24px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
|
| 13 |
+
h1{font-size:32px;margin:0 0 8px;letter-spacing:.2px}
|
| 14 |
+
h1 span{color:var(--accent)}
|
| 15 |
+
h2{font-size:20px;margin:28px 0 8px}
|
| 16 |
+
p,li{color:var(--muted)}
|
| 17 |
+
ul{padding-left:20px}
|
| 18 |
+
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
|
| 19 |
+
.btn{display:inline-block;border:1px solid #22303b;background:#0f1419;padding:10px 14px;border-radius:10px;color:var(--text);text-decoration:none}
|
| 20 |
+
.btn:hover{border-color:var(--accent)}
|
| 21 |
+
.badge{display:inline-block;background:linear-gradient(90deg,#00ffa3,#39ff14);color:#00150a;font-weight:700;border-radius:999px;padding:4px 10px;margin-bottom:12px}
|
| 22 |
+
footer{margin-top:28px;font-size:14px;color:#7e93a8}
|
| 23 |
+
</style>
|
| 24 |
+
</head>
|
| 25 |
+
<body>
|
| 26 |
+
<div class="wrap">
|
| 27 |
+
<div class="card">
|
| 28 |
+
<div class="badge">Stactiq</div>
|
| 29 |
+
<h1>⚽ <span>AI-Powered</span> Soccer Intelligence</h1>
|
| 30 |
+
<p>Welcome to <strong>Stactiq</strong>, a next-generation AI platform helping coaches, clubs, and federations design smarter training sessions.</p>
|
| 31 |
+
|
| 32 |
+
<h2>What We Build</h2>
|
| 33 |
+
<ul>
|
| 34 |
+
<li><strong>Session Generator:</strong> Create age-appropriate, tactical soccer sessions using AI.</li>
|
| 35 |
+
<li><strong>Match Analyzer:</strong> Detect team patterns and positional data from video.</li>
|
| 36 |
+
<li><strong>Coach Feedback AI:</strong> Summarize performance insights for each player or session.</li>
|
| 37 |
+
</ul>
|
| 38 |
+
|
| 39 |
+
<h2>Mission</h2>
|
| 40 |
+
<p>Democratize elite football intelligence—making high-quality coaching accessible everywhere.</p>
|
| 41 |
+
|
| 42 |
+
<h2>Links</h2>
|
| 43 |
+
<div class="links">
|
| 44 |
+
<a class="btn" href="https://stactiq.com" target="_blank" rel="noopener">Website</a>
|
| 45 |
+
<a class="btn" href="https://github.com/stactiq" target="_blank" rel="noopener">GitHub</a>
|
| 46 |
+
<a class="btn" href="https://youtube.com/@stactiq" target="_blank" rel="noopener">YouTube</a>
|
| 47 |
+
<a class="btn" href="mailto:hello@stactiq.com">Contact</a>
|
| 48 |
+
</div>
|
| 49 |
+
|
| 50 |
+
<footer>© Stactiq. Built on Hugging Face Spaces.</footer>
|
| 51 |
+
</div>
|
| 52 |
+
</div>
|
| 53 |
+
</body>
|
| 54 |
+
</html>
|