From 6b7ac42d1dc822d4c97bc06ac92f56e0386de1e6 Mon Sep 17 00:00:00 2001
From: Timo Uttenweiler <timo@leadflow.dev>
Date: Fri, 27 Mar 2026 17:03:12 +0100
Subject: [PATCH] Style suche hero like admin maps header

---
 app/suche/page.tsx | 22 +++++++++++++++-------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/app/suche/page.tsx b/app/suche/page.tsx
index 855aeea..5b18924 100644
--- a/app/suche/page.tsx
+++ b/app/suche/page.tsx
@@ -68,13 +68,21 @@ export default function SuchePage() {
       }}
     >
       {/* Hero */}
-      <div style={{ textAlign: "center", marginBottom: 32 }}>
-        <h2 style={{ fontSize: 22, fontWeight: 500, color: "#ffffff", margin: 0, marginBottom: 8 }}>
-          Leads finden
-        </h2>
-        <p style={{ fontSize: 13, color: "#9ca3af", margin: 0 }}>
-          Suchbegriff eingeben — wir finden passende Unternehmen mit Kontaktdaten.
-        </p>
+      <div className="relative rounded-2xl border border-[#1e1e2e] p-6 overflow-hidden mb-6"
+        style={{ background: "linear-gradient(135deg, rgba(59,130,246,0.08) 0%, rgba(139,92,246,0.08) 100%)" }}>
+        <div className="absolute inset-0" style={{ background: "linear-gradient(135deg, rgba(59,130,246,0.04) 0%, transparent 60%)" }} />
+        <div className="relative">
+          <div className="flex items-center gap-2 text-xs mb-2" style={{ color: "#3b82f6" }}>
+            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg>
+            <span>Lead-Suche</span>
+          </div>
+          <h1 style={{ fontSize: 22, fontWeight: 500, color: "#ffffff", margin: 0, marginBottom: 6 }}>
+            Leads finden
+          </h1>
+          <p style={{ fontSize: 13, color: "#9ca3af", margin: 0 }}>
+            Suchbegriff eingeben — wir finden passende Unternehmen mit Kontaktdaten.
+          </p>
+        </div>
       </div>
 
       {/* Search Card */}