From 12dc13c08940f1ac85e0c19e41a7ba6df9a40292 Mon Sep 17 00:00:00 2001
From: Claude Code <noreply@anthropic.com>
Date: Sun, 26 Apr 2026 09:31:11 +0200
Subject: [PATCH] =?UTF-8?q?Vorschau:=20Trust=20vor=20Contact=20+=20Navbar?=
 =?UTF-8?q?=20Versprechen->=C3=9Cber=20uns?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Trust-Section (Unser Versprechen) wandert vor die Contact-CTA, damit Vertrauen vor der Conversion-Aufforderung steht
- Divider angepasst: Demos -> Trust (diagonal-dark), Trust -> Contact (gradient-dark-to-base), Contact -> Footer (diagonal-dark mit Footer-Navy als Fill)
- Navbar-Label Versprechen -> Über uns (klarer fuer Erstbesucher) und neue Reihenfolge: Funktionen, Live-Lagebilder, Über uns, Kontakt (folgt der Scroll-Reihenfolge)
- Mobile-Menu identisch angepasst

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 vorschau/index.html | 36 ++++++++++++++++++++++--------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/vorschau/index.html b/vorschau/index.html
index 5c3731e..fecad7c 100644
--- a/vorschau/index.html
+++ b/vorschau/index.html
@@ -56,9 +56,9 @@
                 <img src="/assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img">
             </a>
             <ul class="nav-menu">
-                <li><a href="#demos">Live-Lagebilder</a></li>
                 <li><a href="#features">Funktionen</a></li>
-                <li><a href="#trust">Versprechen</a></li>
+                <li><a href="#demos">Live-Lagebilder</a></li>
+                <li><a href="#trust">Über uns</a></li>
                 <li><a href="#contact">Kontakt</a></li>
             </ul>
             <button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
@@ -70,9 +70,9 @@
     <!-- Mobile Menu -->
     <div class="mobile-menu" id="mobile-menu" aria-hidden="true">
         <ul>
-            <li><a href="#demos">Live-Lagebilder</a></li>
             <li><a href="#features">Funktionen</a></li>
-            <li><a href="#trust">Versprechen</a></li>
+            <li><a href="#demos">Live-Lagebilder</a></li>
+            <li><a href="#trust">Über uns</a></li>
             <li><a href="#contact">Kontakt</a></li>
         </ul>
     </div>
@@ -365,16 +365,7 @@
         </div>
     </section>
 
-    <!-- Contact CTA -->
-    <section class="section section-base" id="contact">
-        <div class="container cta-container">
-            <h2 class="section-title">Interesse am AegisSight Monitor?</h2>
-            <p class="cta-text">Sprechen Sie mit uns über Ihren Einsatzfall.</p>
-            <button class="btn btn-primary btn-lg" onclick="openContactModal()">Kontakt aufnehmen</button>
-        </div>
-    </section>
-
-    <!-- Diagonal: -> Trust -->
+    <!-- Diagonal: Demos -> Trust -->
     <div class="divider divider-diagonal-dark">
         <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L1440,0 L1440,60 Z" fill="#132844"/></svg>
     </div>
@@ -416,6 +407,23 @@
         </div>
     </section>
 
+    <!-- Gradient: Trust -> Contact -->
+    <div class="divider divider-gradient-dark-to-base"></div>
+
+    <!-- Contact CTA -->
+    <section class="section section-base" id="contact">
+        <div class="container cta-container">
+            <h2 class="section-title">Interesse am AegisSight Monitor?</h2>
+            <p class="cta-text">Sprechen Sie mit uns über Ihren Einsatzfall.</p>
+            <button class="btn btn-primary btn-lg" onclick="openContactModal()">Kontakt aufnehmen</button>
+        </div>
+    </section>
+
+    <!-- Diagonal: Contact -> Footer -->
+    <div class="divider divider-diagonal-dark">
+        <svg viewBox="0 0 1440 60" preserveAspectRatio="none"><path d="M0,60 L1440,0 L1440,60 Z" fill="#0A1832"/></svg>
+    </div>
+
     <!-- Footer -->
     <footer class="footer">
         <div class="container">