visigine

2026-06-12 10:01:43 +02:00
parent 0e82c13648
commit 561b20323c
3 changed files with 195 additions and 23 deletions
--- a/website/_devserver.py
+++ b/website/_devserver.py
@@ -0,0 +1,35 @@
+"""Local dev server that mimics the production nginx try_files fallback.
+Serves real files when they exist; otherwise falls back to index.html so
+clean URLs like /kontakt and /ki-agenten work on reload. Dev-only helper.
+"""
+import os
+from http.server import SimpleHTTPRequestHandler, ThreadingHTTPServer
+
+PORT = 8002
+
+
+class FallbackHandler(SimpleHTTPRequestHandler):
+    def do_GET(self):
+        raw = self.path.split("?")[0]
+        fs = self.translate_path(self.path)
+        # 1) real file → serve it
+        if os.path.isfile(fs):
+            return super().do_GET()
+        # 2) try $uri.html (clean URLs like /ki-agenten-systeme → ki-agenten-systeme.html)
+        html_rel = raw.rstrip("/") + ".html"
+        if os.path.isfile(self.translate_path(html_rel)):
+            self.path = html_rel
+            return super().do_GET()
+        # 3) directory with index.html → serve it
+        if os.path.isdir(fs) and os.path.isfile(os.path.join(fs, "index.html")):
+            return super().do_GET()
+        # 4) extensionless route → SPA fallback to index.html
+        if "." not in os.path.basename(raw):
+            self.path = "/index.html"
+        return super().do_GET()
+
+
+if __name__ == "__main__":
+    os.chdir(os.path.dirname(os.path.abspath(__file__)))
+    print(f"Dev server with SPA fallback running on http://localhost:{PORT}")
+    ThreadingHTTPServer(("", PORT), FallbackHandler).serve_forever()
--- a/website/index.html
+++ b/website/index.html
@@ -21,14 +21,14 @@
 </script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="Profice baut KI-Systeme die JTL-Wawi Margen mit Google Ads verbinden. Kein Agentur-Modell. Gewinn statt Umsatz — für E-Commerce-Unternehmen die auf POAS optimieren wollen." />
+<meta name="description" content="Profice betreibt zwei Services für profitables Wachstum: Performance-Marketing (Feedgine POAS, Google Ads, SEO & GEO, Server-Side Tracking via Stape, Cloudflare) und KI (Voice, RAG, MCP). Sie buchen das Ergebnis als Service — nicht das Werkzeug." />
 <meta name="robots" content="index, follow" />
 <link rel="canonical" href="https://profice.ai/" />
 <link rel="sitemap" type="application/xml" href="/sitemap.xml" />
 <link rel="alternate" hreflang="de" href="https://profice.ai/" />
 <link rel="alternate" hreflang="x-default" href="https://profice.ai/" />
-<meta property="og:title" content="Profice GmbH – KI-Systeme für profitables Wachstum" />
-<meta property="og:description" content="Profice baut proprietäre KI-Systeme, die Unternehmensdaten mit Werbekanälen verbinden. Feedgine: POAS statt ROAS. VISIGINE: GEO-Optimierung für KI-Suche." />
+<meta property="og:title" content="Profice GmbH – Marketing &amp; KI als Service" />
+<meta property="og:description" content="Zwei Services, ein Ziel: profitables Wachstum. Performance-Marketing mit Feedgine & VISIGINE (POAS, Google Ads, SEO & GEO, Server-Side Tracking) plus KI-Agenten (Voice, RAG, MCP). Sie buchen das Ergebnis, nicht das Werkzeug." />
 <meta property="og:type" content="website" />
 <meta property="og:url" content="https://profice.ai/" />
 <meta property="og:locale" content="de_DE" />
@@ -104,7 +104,7 @@
        {
          "@type": "Question",
          "name": "Wie kann ich E-Commerce Werbung profitabler machen ohne eine Agentur?",
-          "acceptedAnswer": { "@type": "Answer", "text": "Profice baut proprietäre KI-Systeme, die deine Warenwirtschaftsdaten direkt mit Werbekanälen verbinden — ohne Agentur-Retainer, ohne Dashboard-Theater. Das System steuert Werbebudgets automatisch auf Basis echter Produktmargen." }
+          "acceptedAnswer": { "@type": "Answer", "text": "Profice baut proprietäre KI-Systeme, die Ihre Warenwirtschaftsdaten direkt mit Werbekanälen verbinden — ohne Agentur-Retainer, ohne Dashboard-Theater. Das System steuert Werbebudgets automatisch auf Basis echter Produktmargen." }
        },
        {
          "@type": "Question",
@@ -114,12 +114,12 @@
        {
          "@type": "Question",
          "name": "Wie erkenne ich ob meine Google Ads Kampagnen wirklich profitabel sind?",
-          "acceptedAnswer": { "@type": "Answer", "text": "ROAS allein reicht nicht — er zeigt Umsatz, nicht Gewinn. Profice integriert deine Margendaten aus der Warenwirtschaft direkt in die Kampagnensteuerung. So siehst du und optimierst auf POAS (Profit on Ad Spend) — den echten Gewinn nach Produktkosten." }
+          "acceptedAnswer": { "@type": "Answer", "text": "ROAS allein reicht nicht — er zeigt Umsatz, nicht Gewinn. Profice integriert Ihre Margendaten aus der Warenwirtschaft direkt in die Kampagnensteuerung. So sehen Sie und optimieren auf POAS (Profit on Ad Spend) — den echten Gewinn nach Produktkosten." }
        },
        {
          "@type": "Question",
          "name": "Was ist besser als eine Performance-Marketing-Agentur für E-Commerce?",
-          "acceptedAnswer": { "@type": "Answer", "text": "Agenturen optimieren auf Klicks und ROAS — weil sie keinen Zugriff auf deine Margen haben. Profice baut ein System, das deine eigenen EK-Daten mit Google Ads verbindet. Das System läuft autonom, wird besser mit der Zeit und gehört dir — kein Retainer, kein Reporting." }
+          "acceptedAnswer": { "@type": "Answer", "text": "Agenturen optimieren auf Klicks und ROAS — weil sie keinen Zugriff auf Ihre Margen haben. Profice baut ein System, das Ihre eigenen EK-Daten mit Google Ads verbindet. Das System läuft autonom, wird besser mit der Zeit und gehört Ihnen — kein Retainer, kein Reporting." }
        },
        {
          "@type": "Question",
@@ -250,6 +250,42 @@ nav a:hover{color:var(--amber)}
 .stack-item p{font-size:.85rem;color:var(--text-dim);line-height:1.8;font-weight:300}
 .stack-tag{display:inline-block;margin-top:1rem;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.6rem;letter-spacing:.15em;text-transform:uppercase;color:var(--teal);border:1px solid rgba(38,166,154,.2);padding:.3rem .7rem}

+/* ─── Größere Karten (Feedgine + KI-Agenten) ─── */
+#feedgine .stack-item,#visigine .stack-item,#ki-agenten .stack-item{padding:3.75rem 3rem}
+#feedgine .stack-num,#visigine .stack-num,#ki-agenten .stack-num{font-size:3.75rem;top:1.8rem;right:1.8rem}
+#feedgine .stack-item h3,#visigine .stack-item h3,#ki-agenten .stack-item h3{font-size:1.4rem;margin-bottom:1.1rem}
+#feedgine .stack-item p,#visigine .stack-item p,#ki-agenten .stack-item p{font-size:1.05rem;line-height:1.85}
+#feedgine .stack-tag,#visigine .stack-tag,#ki-agenten .stack-tag{font-size:.72rem;margin-top:1.5rem;padding:.42rem .9rem}
+
+/* ─── UNSERE SERVICES ─── */
+.services-wrap{padding:8rem 3rem;max-width:1200px;margin:0 auto}
+.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-strong);margin-top:3rem}
+.service-card{background:var(--bg);padding:3rem 2.75rem;transition:background .3s}
+.service-card:hover{background:var(--bg2)}
+.svc-kicker{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:1rem}
+.svc-kicker.teal{color:var(--teal)}
+.service-card h3{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-weight:800;font-size:1.6rem;color:var(--text-bright);margin-bottom:1rem;letter-spacing:.01em}
+.svc-desc{font-size:.95rem;color:var(--text-dim);line-height:1.7;margin-bottom:1.5rem;font-weight:300}
+.svc-list{list-style:none;display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.75rem}
+.svc-list li{padding-left:1.5rem;position:relative;font-size:.95rem;line-height:1.6;color:var(--text);font-weight:300}
+.svc-list li::before{content:'';position:absolute;left:0;top:.55em;width:.6rem;height:1px;background:var(--amber)}
+.service-card.ki .svc-list li::before{background:var(--teal)}
+.svc-list a{color:var(--amber);text-decoration:none;font-weight:600}
+.svc-list a:hover{text-decoration:underline}
+.svc-more{display:inline-block;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-bright);text-decoration:none;border-bottom:1px solid var(--amber);padding-bottom:.25rem;transition:color .3s}
+.service-card.ki .svc-more{border-color:var(--teal)}
+.svc-more:hover{color:var(--amber)}
+@media(max-width:900px){.services-grid{grid-template-columns:1fr}.services-wrap{padding:5rem 1.5rem}}
+
+/* ─── KI-AGENTEN — fertige Agenten ─── */
+.ki-roles-label{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin:4rem 0 1.75rem;display:flex;align-items:center;gap:1rem}
+.ki-roles-label::before{content:'';width:3rem;height:1px;background:var(--teal)}
+.ki-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}
+.ki-role{border:1px solid var(--border-strong);background:var(--card-bg);padding:1.6rem 1.5rem;transition:border-color .3s,background .3s}
+.ki-role:hover{border-color:var(--teal);background:var(--bg2)}
+.ki-role .r-name{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-weight:700;font-size:1rem;color:var(--text-bright);margin-bottom:.5rem}
+.ki-role .r-desc{font-size:.82rem;color:var(--text-dim);line-height:1.6;font-weight:300}
+
 /* ─── CTA ─── */
 .cta-section{padding:8rem 3rem;text-align:center;position:relative}
 .cta-section::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60vw;height:60vw;
@@ -306,9 +342,9 @@ footer a:hover{color:var(--amber)}
  <div class="logo"><img src="Logo-09.png" alt="Profice" style="height:44px;display:block"></div>
  <div class="nav-right">
    <ul>
-      <li><a href="/systems">Systeme</a></li>
+      <li><a href="/services">Services</a></li>
      <li><a href="/ergebnisse">Ergebnisse</a></li>
-      <li><a href="/feedgine">Feedgine</a></li>
+      <li><a href="/feedgine">Marketing</a></li>
      <li><a href="/kontakt" class="nav-cta">Gespräch buchen</a></li>
    </ul>
    <button class="theme-toggle" type="button" aria-label="Theme wechseln" title="Theme wechseln">
@@ -320,10 +356,10 @@ footer a:hover{color:var(--amber)}

 <!-- ─── HERO ─── -->
 <section class="hero">
-  <div class="hero-label reveal">AI Systems for Business Growth</div>
-  <h1 class="reveal" style="--d:120ms">Wir bauen keine Websites. Wir bauen <em>Gewinn-Infrastruktur.</em></h1>
-  <p class="hero-sub reveal" style="--d:260ms">Profice entwickelt autonome KI-Systeme, die Marge messbar machen, Werbebudgets an Gewinn koppeln und E-Commerce-Unternehmen unabhängig von Agenturen machen.</p>
-  <a href="/systems" class="cta-btn reveal" style="--d:400ms">Systeme entdecken</a>
+  <div class="hero-label reveal">Marketing &amp; KI — als Service</div>
+  <h1 class="reveal" style="--d:120ms">Wir verkaufen keine Tools. Wir liefern <em>Wachstum als Service.</em></h1>
+  <p class="hero-sub reveal" style="--d:260ms">Profice betreibt zwei Services für Sie — profitables Performance-Marketing und KI-Automatisierung. Die passenden Systeme bringen wir mit: Feedgine, Google Ads, SEO &amp; GEO, Voice, RAG und MCP. Sie buchen das Ergebnis, nicht das Werkzeug.</p>
+  <a href="/services" class="cta-btn reveal" style="--d:400ms">Services entdecken</a>
 </section>

 <!-- ─── THESIS TICKER ─── -->
@@ -344,27 +380,60 @@ footer a:hover{color:var(--amber)}
  </div>
 </div>

+<!-- ─── UNSERE SERVICES ─── -->
+<section class="services-wrap" id="services">
+  <div class="system-label reveal-left">Unsere Services</div>
+  <h2 class="reveal-left" style="--d:100ms">Keine Tools von der Stange. Zwei Services, die Ergebnisse liefern.</h2>
+  <p class="system-sub reveal-left" style="--d:200ms">Wir verkaufen keine Software-Lizenzen. Wir betreiben zwei Services für Sie — und bringen die passenden Systeme gleich mit. Sie buchen das Ergebnis, nicht das Werkzeug.</p>
+  <div class="services-grid">
+    <div class="service-card reveal">
+      <div class="svc-kicker">Service 01 — Marketing</div>
+      <h3>Profitables Performance-Marketing</h3>
+      <p class="svc-desc">Wir steuern Ihr Marketing auf Gewinn statt Umsatz — von der sauberen Datenbasis bis zur Kampagne. Enthaltene Komponenten:</p>
+      <ul class="svc-list">
+        <li><a href="https://feedgine.de" target="_blank" rel="noopener">Feedgine</a> — POAS-Optimierung für Google Shopping</li>
+        <li>Google Ads — Performance-Kampagnen auf Margenbasis</li>
+        <li>SEO &amp; GEO — Sichtbarkeit in Suche und KI, via <a href="https://www.visigine.de" target="_blank" rel="noopener">VISIGINE</a></li>
+        <li>Server-Side Tracking via Stape — cookiefeste, präzise Daten</li>
+        <li>Cloudflare — Performance, Sicherheit, Edge-Delivery</li>
+      </ul>
+      <a href="/feedgine" class="svc-more">Im Detail ansehen</a>
+    </div>
+    <div class="service-card ki reveal" style="--d:150ms">
+      <div class="svc-kicker teal">Service 02 — KI</div>
+      <h3>KI-Agenten &amp; Automatisierung</h3>
+      <p class="svc-desc">Wir bauen KI als Service in Ihre Prozesse — modular, DSGVO-konform, für Team und Kunden. Enthaltene Komponenten:</p>
+      <ul class="svc-list">
+        <li>Voice — KI-Telefonagenten, rund um die Uhr</li>
+        <li>RAG · Corporate LLM — Wissens-KI aus Ihren eigenen Daten</li>
+        <li>MCP — sichere Anbindung an Ihre Tools und Systeme</li>
+        <li>Spezialisierte Agenten — Sales, Support, Buchhaltung, Assistenz</li>
+      </ul>
+    </div>
+  </div>
+</section>
+
 <!-- ─── ANTI-AGENCY ─── -->
 <section class="anti" id="systems">
  <div class="anti-left reveal-left">
    <h2>Die meisten Shops optimieren auf Umsatz.<br><span>Die profitabelsten auf Gewinn.</span></h2>
-    <p class="anti-statement">Google Ads zeigt dir ROAS. Dein Steuerberater zeigt dir die Wahrheit. Dazwischen liegt ein System-Problem — und genau da setzen wir an. Profice verbindet deine Warenwirtschaft mit deinen Werbekanälen. Nicht als Dashboard. Als Infrastruktur.</p>
+    <p class="anti-statement">Google Ads zeigt Ihnen ROAS. Ihr Steuerberater zeigt Ihnen die Wahrheit. Dazwischen liegt ein System-Problem — und genau da setzen wir an. Profice verbindet Ihre Warenwirtschaft mit Ihren Werbekanälen. Nicht als Dashboard. Als Infrastruktur.</p>
  </div>
  <div class="anti-right">
    <div class="contrast-card reveal-right">
      <div class="old">Agentur-Modell</div>
      <div class="new">Retainer. Reporting. Rätselraten.</div>
-      <p>Agenturen optimieren auf Klicks und Conversions. Ob die profitabel sind, sehen sie nicht — weil sie keinen Zugriff auf deine Marge haben.</p>
+      <p>Agenturen optimieren auf Klicks und Conversions. Ob die profitabel sind, sehen sie nicht — weil sie keinen Zugriff auf Ihre Marge haben.</p>
    </div>
    <div class="contrast-card reveal-right" style="--d:150ms">
      <div class="old">SaaS-Tool</div>
      <div class="new">Feature-Kreislauf. Keine Integration.</div>
-      <p>Tools lösen Teilprobleme. Feed hier, Tracking da, Bidding dort. Keines davon kennt deinen Einkaufspreis.</p>
+      <p>Tools lösen Teilprobleme. Feed hier, Tracking da, Bidding dort. Keines davon kennt Ihren Einkaufspreis.</p>
    </div>
    <div class="contrast-card reveal-right" style="--d:300ms">
      <div class="old">Profice-Modell</div>
      <div class="new" style="text-decoration:none;color:var(--amber)">System. Marge. Kontrolle.</div>
-      <p>Wir bauen die Brücke zwischen deiner Warenwirtschaft und Google Ads. Dein EK steuert dein Bidding. Dein Gewinn steuert dein Budget.</p>
+      <p>Wir bauen die Brücke zwischen Ihrer Warenwirtschaft und Google Ads. Ihr EK steuert Ihr Bidding. Ihr Gewinn steuert Ihr Budget.</p>
    </div>
  </div>
 </section>
@@ -395,15 +464,15 @@ footer a:hover{color:var(--amber)}

 <!-- ─── FEEDGINE ─── -->
 <section class="system" id="feedgine">
-  <div class="system-label reveal-left">Flagship Product</div>
+  <div class="system-label reveal-left">Im Marketing-Service · Kern-Engine</div>
  <h2 class="reveal-left" style="--d:100ms">Feedgine — POAS Intelligence für Google Shopping</h2>
-  <p class="system-sub reveal-left" style="--d:200ms">Feedgine verbindet deine Margendaten aus der Warenwirtschaft mit Google Shopping, PMax und Microsoft Ads. Kein Tool-Abo. Kein Dashboard-Theater. Ein System, das dein Werbebudget an echten Gewinn koppelt.</p>
+  <p class="system-sub reveal-left" style="--d:200ms">Feedgine verbindet Ihre Margendaten aus der Warenwirtschaft mit Google Shopping, PMax und Microsoft Ads. Kein Tool-Abo. Kein Dashboard-Theater. Ein System, das Ihr Werbebudget an echten Gewinn koppelt.</p>
  <a href="https://feedgine.de" target="_blank" rel="noopener" class="cta-btn reveal-left" style="margin-bottom:4rem;display:inline-block;--d:300ms">Mehr über Feedgine</a>
  <div class="stack">
    <div class="stack-item reveal">
      <div class="stack-num">01</div>
      <h3>IDA Pipeline</h3>
-      <p>Direkter MSSQL-Zugriff auf deine Warenwirtschaft. EK-Preise, Lagerbestände, Lieferzeiten — alles in Echtzeit im Feed.</p>
+      <p>Direkter MSSQL-Zugriff auf Ihre Warenwirtschaft. EK-Preise, Lagerbestände, Lieferzeiten — alles in Echtzeit im Feed.</p>
      <span class="stack-tag">DuckDB · Polars · Content API</span>
    </div>
    <div class="stack-item reveal" style="--d:150ms">
@@ -421,10 +490,77 @@ footer a:hover{color:var(--amber)}
  </div>
 </section>

+<!-- ─── VISIGINE ─── -->
+<section class="system" id="visigine">
+  <div class="system-label reveal-left">Im Marketing-Service · GEO &amp; SEO</div>
+  <h2 class="reveal-left" style="--d:100ms">VISIGINE — Sichtbarkeit in Suche und KI-Antworten</h2>
+  <p class="system-sub reveal-left" style="--d:200ms">VISIGINE analysiert Ihre Website auf GEO- und SEO-Sichtbarkeit und zeigt, ob ChatGPT, Perplexity und Gemini Sie verstehen und empfehlen. Score, Schwachstellen und konkrete Maßnahmen — automatisiert, nicht geraten.</p>
+  <a href="https://www.visigine.de" target="_blank" rel="noopener" class="cta-btn reveal-left" style="margin-bottom:4rem;display:inline-block;--d:300ms">Mehr über VISIGINE</a>
+  <div class="stack">
+    <div class="stack-item reveal">
+      <div class="stack-num">01</div>
+      <h3>GEO-Analyse</h3>
+      <p>llms.txt, AI-Bot-Regeln, JSON-LD-Schema und og-Tags — wir prüfen, ob KI-Systeme Ihre Inhalte lesen, verstehen und in Antworten zitieren.</p>
+      <span class="stack-tag">ChatGPT · Perplexity · Gemini</span>
+    </div>
+    <div class="stack-item reveal" style="--d:150ms">
+      <div class="stack-num">02</div>
+      <h3>SEO-Fundament</h3>
+      <p>Technisches SEO, Struktur und Indexierbarkeit — die Basis, damit klassische Suche und KI-Suche dieselbe starke Grundlage nutzen.</p>
+      <span class="stack-tag">Core Web · Schema · Index</span>
+    </div>
+    <div class="stack-item reveal" style="--d:300ms">
+      <div class="stack-num">03</div>
+      <h3>Score &amp; Maßnahmen</h3>
+      <p>Ein klarer Sichtbarkeits-Score von 1–10 plus priorisierte, umsetzbare Maßnahmen. Sie sehen genau, was zu tun ist — und was es bringt.</p>
+      <span class="stack-tag">Score 1–10 · Action-Plan</span>
+    </div>
+  </div>
+</section>
+
+<!-- ─── KI-AGENTEN — VORÜBERGEHEND AUSGEBLENDET (unvollständig). Wieder einblenden: style="display:none" unten entfernen. ─── -->
+<section class="system" id="ki-agenten" style="display:none">
+  <div class="system-label reveal-left">Unser KI-Service</div>
+  <h2 class="reveal-left" style="--d:100ms">KI-Agenten, die für Ihr Unternehmen sprechen, schreiben und arbeiten.</h2>
+  <p class="system-sub reveal-left" style="--d:200ms">Wir entwickeln individuelle KI-Agenten für Ihr Unternehmen — am Telefon (Voice), mit Wissens-KI (RAG · Corporate LLM) und über MCP in Ihren Prozessen. DSGVO-konform, in Ihre Systeme integriert und rund um die Uhr im Einsatz. Damit sich Ihr Team auf das Wesentliche konzentriert, während die Routine automatisch läuft.</p>
+  <div class="stack">
+    <div class="stack-item reveal">
+      <div class="stack-num">01</div>
+      <h3>Voice</h3>
+      <p>KI-Telefonagenten, die Anrufe annehmen, Anfragen qualifizieren und Termine buchen — in natürlicher Sprache, rund um die Uhr. Kein verpasster Anruf, keine Warteschleife.</p>
+      <span class="stack-tag">ElevenLabs · Telnyx · DSGVO</span>
+    </div>
+    <div class="stack-item reveal" style="--d:150ms">
+      <div class="stack-num">02</div>
+      <h3>RAG · Corporate LLM</h3>
+      <p>Wissensbasierte KI auf Grundlage Ihrer eigenen Dokumente und Daten. Präzise, nachvollziehbare Antworten — als interner Wissens-Assistent oder im Kundenprodukt.</p>
+      <span class="stack-tag">Retrieval-Augmented Generation</span>
+    </div>
+    <div class="stack-item reveal" style="--d:300ms">
+      <div class="stack-num">03</div>
+      <h3>MCP</h3>
+      <p>MCP-Server, die Ihre KI sicher mit CRM, ERP, Tools und Datenquellen verbinden — für Mitarbeiter im internen Einsatz und für Kunden in Ihren Produkten.</p>
+      <span class="stack-tag">Model Context Protocol</span>
+    </div>
+  </div>
+
+  <div class="ki-roles-label reveal">Fertige Agenten für jede Aufgabe</div>
+  <div class="ki-roles">
+    <div class="ki-role reveal"><div class="r-name">Sales-Agent</div><div class="r-desc">Qualifiziert Leads, beantwortet Produktfragen und übernimmt Follow-ups.</div></div>
+    <div class="ki-role reveal" style="--d:80ms"><div class="r-name">Marketing-Agent</div><div class="r-desc">Erstellt Content, plant Kampagnen und wertet Ergebnisse aus.</div></div>
+    <div class="ki-role reveal" style="--d:160ms"><div class="r-name">Support-Agent</div><div class="r-desc">Löst Kundenanfragen rund um die Uhr und eskaliert sauber ans Team.</div></div>
+    <div class="ki-role reveal" style="--d:240ms"><div class="r-name">Buchhaltungs-Agent</div><div class="r-desc">Erfasst Belege, sortiert Rechnungen vor und reduziert Routine.</div></div>
+    <div class="ki-role reveal" style="--d:320ms"><div class="r-name">Assistent</div><div class="r-desc">Termine, Recherche und Zusammenfassungen — verbunden über MCP.</div></div>
+  </div>
+
+  <!-- TODO: standalone AI site lives in ProficeWebSeiten\ai_services (local preview :8003). Repoint to its final domain once decided. Placeholder for now. -->
+  <a href="/ki-agenten-systeme" class="cta-btn reveal" style="margin-top:3rem;display:inline-block">Mehr über KI-Agenten</a>
+</section>
+
 <!-- ─── CTA ─── -->
 <section class="cta-section" id="kontakt">
-  <h2 class="reveal-zoom">Bereit, auf <em>Gewinn</em> zu optimieren?</h2>
-  <p class="reveal" style="--d:150ms">30 Minuten. Keine Slides. Wir schauen uns deine Zahlen an und sagen dir, ob Feedgine für dich funktioniert.</p>
+  <h2 class="reveal-zoom">Bereit, Ihr Unternehmen zu <em>verbessern</em>?</h2>
+  <p class="reveal" style="--d:150ms">30 Minuten. Keine Slides. Wir schauen uns Ihre Prozesse an und zeigen Ihnen, wo Automatisierung und KI den größten Hebel haben.</p>
  <a href="https://termine.profice.de" class="cta-btn reveal" style="--d:300ms" target="_blank" rel="noopener">Gespräch vereinbaren</a>
 </section>

@@ -458,7 +594,7 @@ const observer = new IntersectionObserver((entries, obs) => {
 document.querySelectorAll('.reveal, .reveal-left, .reveal-right, .reveal-zoom').forEach(el => observer.observe(el));

 // Clean URL navigation
-const sections = { systems: true, ergebnisse: true, feedgine: true, kontakt: true };
+const sections = { services: true, systems: true, ergebnisse: true, feedgine: true, visigine: true, 'ki-agenten': true, kontakt: true };

 // On direct load (e.g. profice.ai/feedgine), scroll to matching section
 (function() {