diff --git a/html/index.html b/html/index.html
index af3b503..651005c 100644
--- a/html/index.html
+++ b/html/index.html
@@ -3,58 +3,479 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${TITLE} Dashboard</title>
+    <title>Ground Zero Lab - KI für kritische Wahrheit</title>
+    <meta name="description" content="Entdecken Sie die Wissenschaft hinter den Mythen - 9/11, Klima, Gesundheit und mehr">
+    <meta name="keywords" content="KI, Propaganda, Wissenschaft, 9/11, Klimawandel, Gesundheit, Ground Zero Lab">
     <style>
-        body { 
-            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
-            background: #0f172a; 
-            color: #f1f5f9; 
-            display: flex; 
-            justify-content: center; 
-            align-items: center; 
-            height: 100vh; 
-            margin: 0; 
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
         }
-        .container { 
-            background: #1e293b; 
-            padding: 2rem; 
-            border-radius: 1rem; 
-            box-shadow: 0 10px 25px rgba(0,0,0,0.3); 
-            width: 100%; 
-            max-width: 400px; 
-            border: 1px solid #334155;
+
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            line-height: 1.6;
+            color: #333;
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
         }
-        h1 { color: #38bdf8; margin-bottom: 1.5rem; font-size: 1.5rem; }
-        .links { display: flex; flex-direction: column; gap: 1rem; }
-        a { 
-            background: #334155; 
-            color: white; 
-            padding: 1rem; 
-            text-decoration: none; 
-            border-radius: 0.5rem; 
+
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 0 20px;
+        }
+
+        header {
+            background: rgba(255, 255, 255, 0.95);
+            backdrop-filter: blur(10px);
+            box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
+            position: fixed;
+            width: 100%;
+            top: 0;
+            z-index: 1000;
+        }
+
+        nav {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 1rem 0;
+        }
+
+        .logo {
+            font-size: 1.5rem;
+            font-weight: bold;
+            color: #667eea;
+            text-decoration: none;
+        }
+
+        .nav-links {
+            display: flex;
+            gap: 2rem;
+            list-style: none;
+        }
+
+        .nav-links a {
+            color: #333;
+            text-decoration: none;
+            transition: color 0.3s;
+        }
+
+        .nav-links a:hover {
+            color: #667eea;
+        }
+
+        .hero {
+            min-height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            text-align: center;
+            color: white;
+            padding-top: 80px;
+        }
+
+        .hero-content {
+            max-width: 800px;
+        }
+
+        .hero h1 {
+            font-size: 3.5rem;
+            margin-bottom: 1rem;
+            background: linear-gradient(45deg, #fff, #667eea);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
+        }
+
+        .hero p {
+            font-size: 1.5rem;
+            margin-bottom: 2rem;
+            opacity: 0.9;
+        }
+
+        .cta-button {
+            display: inline-block;
+            background: #667eea;
+            color: white;
+            padding: 1rem 2rem;
+            text-decoration: none;
+            border-radius: 50px;
+            font-weight: bold;
+            transition: transform 0.3s, box-shadow 0.3s;
+            box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
+        }
+
+        .cta-button:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6);
+        }
+
+        section {
+            padding: 5rem 0;
+            background: white;
+        }
+
+        .section-dark {
+            background: #f8f9fa;
+        }
+
+        h2 {
+            text-align: center;
+            font-size: 2.5rem;
+            margin-bottom: 3rem;
+            color: #333;
+        }
+
+        .about-text {
+            max-width: 800px;
+            margin: 0 auto;
+            text-align: center;
+            font-size: 1.1rem;
+            line-height: 1.8;
+        }
+
+        .projects {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 2rem;
+            margin-top: 3rem;
+        }
+
+        .project-card {
+            background: white;
+            border-radius: 15px;
+            padding: 2rem;
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+            transition: transform 0.3s, box-shadow 0.3s;
+            text-align: center;
+        }
+
+        .project-card:hover {
+            transform: translateY(-5px);
+            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
+        }
+
+        .project-card h3 {
+            color: #667eea;
+            margin-bottom: 1rem;
+            font-size: 1.5rem;
+        }
+
+        .project-card p {
+            color: #666;
+            line-height: 1.6;
+        }
+
+        .tech-features {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 2rem;
+            margin-top: 3rem;
+        }
+
+        .tech-card {
+            text-align: center;
+            padding: 2rem;
+        }
+
+        .tech-card h3 {
+            color: #667eea;
+            margin-bottom: 1rem;
+            font-size: 1.3rem;
+        }
+
+        .tech-card p {
+            color: #666;
+            line-height: 1.6;
+        }
+
+        .demo-section {
+            text-align: center;
+        }
+
+        .demo-buttons {
+            display: flex;
+            gap: 1rem;
+            justify-content: center;
+            margin-top: 2rem;
+            flex-wrap: wrap;
+        }
+
+        .demo-button {
+            background: #667eea;
+            color: white;
+            padding: 0.8rem 1.5rem;
+            text-decoration: none;
+            border-radius: 25px;
             font-weight: 500;
-            transition: all 0.2s ease-in-out;
-            border: 1px solid transparent;
+            transition: background 0.3s, transform 0.3s;
         }
-        a:hover { 
-            background: #38bdf8; 
-            color: #0f172a; 
+
+        .demo-button:hover {
+            background: #5a6fd8;
             transform: translateY(-2px);
         }
-        .footer { margin-top: 2rem; font-size: 0.8rem; color: #64748b; }
+
+        .community {
+            text-align: center;
+        }
+
+        .pricing {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+            gap: 2rem;
+            margin-top: 3rem;
+        }
+
+        .pricing-card {
+            background: white;
+            border-radius: 15px;
+            padding: 2rem;
+            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            transition: transform 0.3s;
+        }
+
+        .pricing-card.featured {
+            transform: scale(1.05);
+            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
+            border: 2px solid #667eea;
+        }
+
+        .pricing-card.featured h3 {
+            color: #667eea;
+        }
+
+        .pricing-card h3 {
+            color: #333;
+            margin-bottom: 1rem;
+            font-size: 1.3rem;
+        }
+
+        .price {
+            font-size: 2rem;
+            font-weight: bold;
+            color: #667eea;
+            margin: 1rem 0;
+        }
+
+        .faq {
+            max-width: 800px;
+            margin: 3rem auto 0;
+        }
+
+        .faq-item {
+            background: white;
+            border-radius: 10px;
+            padding: 1.5rem;
+            margin-bottom: 1rem;
+            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
+        }
+
+        .faq-item h4 {
+            color: #667eea;
+            margin-bottom: 0.5rem;
+            font-size: 1.2rem;
+        }
+
+        .faq-item p {
+            color: #666;
+            line-height: 1.6;
+        }
+
+        footer {
+            background: #333;
+            color: white;
+            text-align: center;
+            padding: 2rem 0;
+        }
+
+        .footer-links {
+            display: flex;
+            justify-content: center;
+            gap: 2rem;
+            margin-bottom: 1rem;
+            flex-wrap: wrap;
+        }
+
+        .footer-links a {
+            color: white;
+            text-decoration: none;
+            transition: opacity 0.3s;
+        }
+
+        .footer-links a:hover {
+            opacity: 0.7;
+        }
+
+        @media (max-width: 768px) {
+            .hero h1 {
+                font-size: 2.5rem;
+            }
+
+            .hero p {
+                font-size: 1.2rem;
+            }
+
+            nav {
+                flex-direction: column;
+                gap: 1rem;
+            }
+
+            .nav-links {
+                flex-direction: column;
+                text-align: center;
+            }
+        }
     </style>
 </head>
 <body>
-    <div class="container">
-        <h1>${TITLE}</h1>
-        <div class="links">
-            <a href="https://cloud.${DOMAIN_MAIN}">📂 Nextcloud Cloud</a>
-            <a href="https://git.${DOMAIN_MAIN}">💻 Gitea Repository</a>
-            <a href="https://ai.${DOMAIN_MAIN}">🤖 OpenWebUI AI</a>
+    <header>
+        <nav class="container">
+            <a href="#" class="logo">Ground Zero Lab</a>
+            <ul class="nav-links">
+                <li><a href="#about">Über Uns</a></li>
+                <li><a href="#projects">Projekte</a></li>
+                <li><a href="#tech">Technologie</a></li>
+                <li><a href="#demo">Demo</a></li>
+                <li><a href="#community">Community</a></li>
+                <li><a href="#pricing">Preise</a></li>
+            </ul>
+        </nav>
+    </header>
+
+    <section class="hero">
+        <div class="hero-content">
+            <h1>Ground Zero Lab</h1>
+            <h1>KI für kritische Wahrheit</h1>
+            <p>Entdecken Sie die Wissenschaft hinter den Mythen - 9/11, Klima, Gesundheit und mehr</p>
+            <a href="#demo" class="cta-button">Jetzt entdecken</a>
         </div>
-        <div class="footer">
-            Verbundene Domain: ${DOMAIN_MAIN}
+    </section>
+
+    <section id="about" class="container">
+        <h2>Über Uns</h2>
+        <p class="about-text">
+            Wir entwickeln KI-Modelle, die Propaganda durchschauen und wissenschaftliche Wahrheit liefern. 
+            In einer Welt, in der Desinformation die KI-Landschaft dominiert, bieten wir eine Alternative: 
+            Modelle, die auf verifizierten Fakten und wissenschaftlichen Erkenntnissen trainiert sind. 
+            Unser Team besteht aus Experten für Datenwissenschaft, Geschichte und kritisches Denken, 
+            die gemeinsam an der Aufgabe arbeiten, verborgene Wahrheiten ans Licht zu bringen.
+        </p>
+    </section>
+
+    <section id="projects" class="section-dark container">
+        <h2>Unsere Hauptprojekte</h2>
+        <div class="projects">
+            <div class="project-card">
+                <h3>9/11 Ground Zero Model</h3>
+                <p>
+                    Das erste KI-Modell, das die 9/11-Ereignisse wissenschaftlich analysiert. 
+                    Zugriff auf Originaldokumente, wissenschaftliche Analysen und alternative Theorien. 
+                    Entdecken Sie, was die offiziellen Narrative verschweigen.
+                </p>
+            </div>
+            <div class="project-card">
+                <h3>Klimawandel Analyse</h3>
+                <p>
+                    KI-gestützte Analyse von Klimadaten und Propaganda. 
+                    CO2-Debatte, alternative Erklärungen, wissenschaftliche Studien. 
+                    Verstehen Sie die Komplexität des Klimawandels jenseits der Mainstream-Narrative.
+                </p>
+            </div>
+            <div class="project-card">
+                <h3>Gesundheits-Dogmen</h3>
+                <p>
+                    Kritische Analyse von Gesundheitspolitik und Pharmaindustrie. 
+                    Impfpolitik, Medikamentenstudien, alternative Medizin. 
+                    Hinterfragen Sie etablierte Gesundheitsnarrative mit wissenschaftlicher Strenge.
+                </p>
+            </div>
         </div>
-    </div>
-</body>
-</html>
\ No newline at end of file
+    </section>
+
+    <section id="tech" class="container">
+        <h2>Unsere Technologie</h2>
+        <div class="tech-features">
+            <div class="tech-card">
+                <h3>Open-Weight-Modelle</h3>
+                <p>
+                    Wir nutzen nur Modelle mit offenen Gewichten. 
+                    Dies ermöglicht volle Kontrolle über Training und Parameter, 
+                    sodass wir die Modelle genau an unsere Bedürfnisse anpassen können.
+                </p>
+            </div>
+            <div class="tech-card">
+                <h3>RAG-Technologie</h3>
+                <p>
+                    Wissensdatenbanken für präzise Antworten. 
+                    Durch die Kombination von Retrieval und Generation 
+                    erhalten Sie stets aktuelle Informationen aus wissenschaftlichen Quellen.
+                </p>
+            </div>
+            <div class="tech-card">
+                <h3>Fine-Tuning</h3>
+                <p>
+                    Maßgeschneiderte Modelle für spezifische Themen. 
+                    Training auf verifizierten Daten und gezielte Eliminierung von Propaganda 
+                    führt zu konsistenten, wissenschaftlich fundierten Antworten.
+                </p>
+            </div>
+        </div>
+    </section>
+
+    <section id="demo" class="section-dark container">
+        <h2>Live-Demo</h2>
+        <div class="demo-section">
+            <p>
+                Testen Sie unsere Modelle sofort und erleben Sie die Unterschiede selbst. 
+                Unsere interaktiven Demos zeigen Ihnen, wie unsere KI arbeitet und 
+                welche Erkenntnisse sie liefern kann.
+            </p>
+            <div class="demo-buttons">
+                <a href="#" class="demo-button">9/11-Chat</a>
+                <a href="#" class="demo-button">Klimawandel-Tool</a>
+                <a href="#" class="demo-button">Gesundheits-Analyse</a>
+            </div>
+        </div>
+    </section>
+
+    <section id="community" class="container">
+        <h2>Community</h2>
+        <div class="community">
+            <p>
+                Werden Sie Teil unserer wachsenden Community von Forschern, 
+                Wissenschaftlern und Wahrheitssuchenden. 
+                Austausch, Zusammenarbeit und gemeinsame Entdeckungen erwarten Sie.
+            </p>
+            <div class="demo-buttons">
+                <a href="#" class="demo-button">Zum Forum</a>
+                <a href="#" class="demo-button">Research Zugang</a>
+                <a href="#" class="demo-button">Events</a>
+            </div>
+        </div>
+    </section>
+
+    <section id="pricing" class="section-dark container">
+        <h2>Preise & Zugänge</h2>
+        <div class="pricing">
+            <div class="pricing-card">
+                <h3>Freier Zugang</h3>
+                <div class="price">Kostenlos</div>
+                <p>
+                    Basis-Zugang zu ausgewählten Modellen
+                </p>
+                <ul>
+                    <li>Begrenzte Anfragen pro Tag</li>
+                    <li>Grundlegende Funktionen</li>
+                    <li>Community-Zugang</li>
+                </ul>
+            </div>
+            <div class="pricing-card featured">
+                <h3>Premium-Zugang</h3>
+                <div class="price">29€/Monat</div>
+                <p>
+                    Vollzugriff auf alle Modelle und Funktionen
+               {
\ No newline at end of file
