new website landingpage

public/retriex.html

@@ -329,7 +329,9 @@
         <div class="container">
             <div class="row align-items-center g-5">
                 <div class="col-lg-7">
-                    <div class="hero-badge mb-4">Steuerbare KI für produktive Wissensarbeit</div>
+                    <div class="hero-badge mb-4">Steuerbare KI</div>
+                    <div class="hero-badge mb-4">Produktive Wissensarbeit</div>
+                    <div class="hero-badge mb-4">Verlässliche Antworten</div>
                     <h1 class="mb-4 gr-ci-blue">Aus Unternehmenswissen werden verlässliche KI-Antworten.</h1>
                     <p class="lead mb-4">
                         Das RetrieX RAG-System macht Dokumente, Regeln und Produktwissen in einer steuerbaren
@@ -365,20 +367,20 @@
                             <p class="mb-0" style="color: var(--rx-muted); line-height: 1.8;">
                                 Statt isolierter Chat-Experimente entsteht mit RetrieX eine kontrollierbare
                                 Wissensschicht,
-                                die Inhalte strukturiert verfügbar macht und Antworten auf belastbare Grundlagen stellt.
+                                die Inhalte strukturiert verfügbar macht und KI-Antworten auf belastbare Grundlagen stellt.
                             </p>
                         </div>
                         <div class="row g-3">
                             <div class="col-sm-6">
                                 <div class="mini-stat">
                                     <div class="label">Wissensbasis</div>
-                                    <div class="value">Dokumente, Regeln, Produktwissen</div>
+                                    <div class="value">Dokumente,<br>Regeln, Produktwissen</div>
                                 </div>
                             </div>
                             <div class="col-sm-6">
                                 <div class="mini-stat">
                                     <div class="label">Steuerung</div>
-                                    <div class="value">Governance, Modelle, Konfigurationen</div>
+                                    <div class="value">Governance,<br>KI-Modelle, Konfigurationen</div>
                                 </div>
                             </div>
                             <div class="col-sm-6">
@@ -399,23 +401,27 @@
             </div>
         </div>
     </section>
-    <section class="text-center section hero" style="background: #f5f8fa;">
+    <section class="text-center section hero">
-        <h2 class="gr-ci-blue">Unsere KI + Ihre Server = DSGVO-konform*</h2>
+        <div class="container">
-        <div class="text-secondary"><small>* Bei DSGVO-konformem Betrieb durch Sie und Ihren Provider ist auch die Verarbeitung sensibler Daten (Kunden, Bestllungen etc.) möglich. Gerne beraten wir Sie zur passenden Infrastruktur.</small></div>
+            <h2><span class="gr-ci-blue">Ihr Wissen. Ihr Wettbewerbsvorteil.</span></h2>
-        <img src="assets/img/banner-dsgvo.png" style="max-width:70%">
+            <div class="section-text mx-auto">Wenn Unternehmenswissen strukturiert nutzbar wird, entsteht daraus ein echter Vorteil für Vertrieb, Service und Wachstum.</div>
+        </div>
+        <img src="assets/img/banner-rag.webp" style="max-width:70%">
     </section>
-    <section class="section" id="problem">
+
+    <section class="section bg-white" id="problem">
         <div class="container">
             <div class="row justify-content-center">
                 <div class="col-xl-9 text-center">
                     <div class="section-kicker">Problem</div>
-                    <h2 class="gr-ci-blue">Wissen ist vorhanden – aber nicht wirksam organisiert.</h2>
+                    <h2 class="gr-ci-blue">Wissen ist vorhanden – aber es ist nicht wirksam organisiert.</h2>
                     <p class="section-text mx-auto">
                         Richtlinien, PDFs, Produktinformationen und Fachwissen liegen verteilt in Systemen und
                         Dokumenten.
                         Teams suchen zu lange, Antworten bleiben uneinheitlich und KI bleibt ohne saubere Wissensbasis
                         unscharf.
                     </p>
+                    <img src="assets/img/files.webp" />
                 </div>
             </div>
         </div>
@@ -428,8 +434,7 @@
                     <div class="section-kicker">Lösung</div>
                     <h2 class="gr-ci-blue">RetrieX macht daraus ein nutzbares KI-System.</h2>
                     <p class="section-text">
-                        Statt isolierter Chat-Experimente entsteht eine kontrollierbare Wissensschicht mit Retrieval,
+                        So wird aus verstreutem Wissen eine steuerbare Wissenslandschaft, die Informationen gezielt nutzbar macht und verlässliche, halluzinationsarme Antworten ermöglicht.
-                        Modellsteuerung und administrativer Governance.
                     </p>
                 </div>
                 <div class="col-lg-6">
@@ -486,6 +491,14 @@
             </div>
         </div>
     </section>
+    <section class="text-center section hero bg-white">
+        <h2><span class="gr-ci-blue">RetrieX + sichere Infrastruktur = DSGVO-konform*</span></h2>
+        <div class="section-text mx-auto"><small>* Bei DSGVO-konformer Infrastruktur ist auch die
+            Verarbeitung sensibler Daten (Kunden, Bestllungen etc.) möglich. Gerne beraten wir Sie zur passenden
+            Infrastruktur.</small></div>
+        <img src="assets/img/banner-dsgvo.webp">
+    </section>
+
     <section class="section" id="usecases">
         <div class="container">
             <div class="row justify-content-center">
@@ -493,7 +506,7 @@
                     <div class="section-kicker">Differenzierung / Einsatzfelder</div>
                     <h2 class="gr-ci-blue">Warum RetrieX nicht nur ein Chat ist</h2>
                     <p class="section-text mx-auto">
-                        Weil nicht das Modell im Mittelpunkt steht, sondern die Qualität der Wissensbasis,
+                        Weil nicht das Modell (LLM) im Mittelpunkt steht, sondern die Qualität der Wissensbasis,
                         die Steuerung der Antworten und die betriebliche Nutzbarkeit.
                     </p>
                 </div>
@@ -544,7 +557,7 @@
                     <p class="section-text mx-auto">
                         RetrieX ist ein dokumentenbasiertes RAG-Assistenzsystem mit Retrieval-Augmented Generation.
                         Antworten entstehen nicht frei, sondern auf Basis aktivierter Wissensdokumente, strukturierter
-                        Suchlogik und – bei Produktanfragen – optionaler Live-Shopdaten.
+                        Suchlogik und – bei Produktanfragen – optionaler Live-Shopdaten aus Ihrem Shopsystem oder anderen Systemen wie ERP und WaWi.
                     </p>
                 </div>
             </div>
@@ -610,44 +623,59 @@
                 <div class="col-lg-12">
                     <div class="diff-card h-100">
 
-                        <div class="section-kicker mb-2">Ablauf</div>
+                        <div class="row mb-4">
-                        <h3 style="font-size: 1.4rem;">Vom Dokument zur gestreamten Antwort</h3>
+
+                            <div class="col-lg-7">
+                                <div class="section-kicker">Ablauf</div>
+                                <h2 class="gr-ci-blue">3 Schritte vom Dokument zur gestreamten Antwort</h2>
                                 <p class="mb-4">
                                     Der Systemfluss ist klar strukturiert und reproduzierbar aufgebaut:
                                 </p>
-                        <div class="row mb-4">
+                            </div>
-                            <div class="col-lg-8">
+                            <div class="col-lg-5">
-                                <div class="section-kicker">Nutzen</div>
+                                <img src="assets/img/stream.webp" class="img-fluid">
-                                <h2 class="gr-ci-blue">Mehr Wirkung für Management, Fachbereiche und Betrieb.</h2>
                             </div>
                         </div>
 
                         <div class="row g-4">
                             <div class="col-lg-4">
                                 <div class="feature-card">
-                                    <div class="icon-badge">M</div>
+                                    <div class="icon-badge">1</div>
-                                    <h3>Für Management</h3>
+
-                                    <p>
+                                    <h3>Dokumente & Wissensbasis</h3>
-                                        Bessere Nutzbarkeit von Unternehmenswissen und klarere Steuerbarkeit von KI.
+                                    <div class="text-center">
+                                        <img src="assets/img/docs_and_knowledge.webp" class="img-fluidd mb-2" style="max-height: 300px">
+                                    </div>                                    <p>
+                                        Dokumente bilden den fachlichen Ausgangspunkt. Inhalte werden nicht lose verwendet,
+                                        sondern kontrolliert als belastbare Wissensgrundlage in das System überführt.
                                     </p>
                                 </div>
                             </div>
+
                             <div class="col-lg-4">
                                 <div class="feature-card">
-                                    <div class="icon-badge">F</div>
+                                    <div class="icon-badge">2</div>
-                                    <h3>Für Fachbereiche</h3>
+                                    <h3>Retrieval- & KI-Systemlogik</h3>
+                                    <div class="text-center">
+                                        <img src="assets/img/retrieval.webp" class="img-fluid mb-2" style="max-height: 300px">
+                                    </div>
                                     <p>
-                                        Schneller Zugriff auf relevantes Wissen in natürlicher Sprache.
+                                        RetrieX ermittelt gezielt die relevanten Inhalte, strukturiert den Kontext und führt
+                                        die passenden Informationen reproduzierbar in den Antwortprozess ein.
                                     </p>
                                 </div>
                             </div>
+
                             <div class="col-lg-4">
                                 <div class="feature-card">
-                                    <div class="icon-badge">O</div>
+                                    <div class="icon-badge">3</div>
-                                    <h3>Für Betrieb und Organisation</h3>
+                                    <h3>Gestreamte KI-Antwort</h3>
+                                    <div class="text-center">
+                                        <img src="assets/img/ki-anwser.webp" class="img-fluid mb-2" style="max-height: 300px">
+                                    </div>
                                     <p>
-                                        Versionierbare Inhalte, konfigurierbare Modelle und ein strukturierter
+                                        Auf dieser Grundlage wird die Antwort erzeugt und direkt ins Frontend gestreamt –
-                                        Admin-Rahmen.
+                                        nachvollziehbar, nutzbar und auf einen klar definierten Systemfluss gestützt.
                                     </p>
                                 </div>
                             </div>
@@ -663,7 +691,7 @@
             <div class="row justify-content-center mb-5">
                 <div class="col-xl-9 text-center">
                     <div class="section-kicker">Datenschutz & Hosting</div>
-                    <h2 class="gr-ci-blue">Für datensensible Unternehmensanwendungen nach DSGVO</h2>
+                    <h2 class="gr-ci-blue">Auch für datensensible Unternehmensanwendungen nach DSGVO</h2>
                     <p class="section-text mx-auto">
                         RetrieX ist für einen datenschutzorientierten Betrieb ausgelegt: mit eigener KI-Infrastruktur,
                         kontrollierbarer Systemarchitektur und der Möglichkeit, Daten in einer deutschen Serverumgebung
@@ -676,7 +704,7 @@
             <div class="row g-4 mb-4">
                 <div class="col-lg-4">
                     <div class="feature-card">
-                        <div class="icon-badge">DS</div>
+                        <div class="icon-badge">AI</div>
                         <h3>Eigene KI statt öffentliche Blackbox</h3>
                         <p>
                             RetrieX kann mit eigener LLM-Infrastruktur betrieben werden. Dadurch bleiben Datenflüsse,
@@ -688,11 +716,10 @@
                 <div class="col-lg-4">
                     <div class="feature-card">
                         <div class="icon-badge">DE</div>
-                        <h3>Serverbetrieb in Deutschland möglich</h3>
+                        <h3>Serverbetrieb in Deutschland</h3>
                         <p>
                             Das System ist so aufsetzbar, dass Verarbeitung und Hosting in einer deutschen
-                            Serverumgebung
+                            Serverumgebung erfolgen können. Das schafft zusätzliche Sicherheit für Unternehmen mit hohen
-                            erfolgen können. Das schafft zusätzliche Sicherheit für Unternehmen mit hohen
                             Datenschutzanforderungen.
                         </p>
                     </div>
@@ -738,8 +765,8 @@
                         <div class="section-kicker text-white-50">Nächster Schritt</div>
                         <h2>Unternehmenswissen endlich produktiv nutzbar machen.</h2>
                         <p>
-                            Zeigen Sie, wie Wissen, Regeln und Produktinformationen in einer steuerbaren KI-Oberfläche
+                            Wir zeigen, wie Wissen, Regeln und Produktinformationen in einer steuerbaren KI-Oberfläche
-                            zusammengeführt werden können – klar, nachvollziehbar und einsatzbereit.
+                            zusammengeführt werden können – klar, nachvollziehbar und produktiv einsetzbar.
                         </p>
                     </div>
                     <div class="col-lg-4 text-lg-end">