feat: ai search

components/Header.tsx

@@ -9,6 +9,8 @@ import { useEffect, useState, useRef } from 'react';
 import { cn } from './ui';
 import { useAnalytics } from './analytics/useAnalytics';
 import { AnalyticsEvents } from './analytics/analytics-events';
+import { Search } from 'lucide-react';
+import { AISearchResults } from './search/AISearchResults';
 
 export default function Header() {
   const t = useTranslations('Navigation');
@@ -16,6 +18,7 @@ export default function Header() {
   const { trackEvent } = useAnalytics();
   const [isScrolled, setIsScrolled] = useState(false);
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const [isSearchOpen, setIsSearchOpen] = useState(false);
   const mobileMenuRef = useRef<HTMLDivElement>(null);
 
   // Extract locale from pathname
@@ -274,6 +277,19 @@ export default function Header() {
               <div
                 className="animate-in fade-in zoom-in-95 fill-mode-both"
                 style={{ animationDuration: '600ms', animationDelay: '700ms' }}
+              >
+                <button
+                  onClick={() => setIsSearchOpen(true)}
+                  className="hover:text-accent transition-colors p-2"
+                  aria-label="Search"
+                >
+                  <Search className="w-5 h-5 md:w-6 md:h-6" />
+                </button>
+              </div>
+
+              <div
+                className="animate-in fade-in zoom-in-95 fill-mode-both"
+                style={{ animationDuration: '600ms', animationDelay: '800ms' }}
               >
                 <Button
                   href={`/${currentLocale}/${currentLocale === 'de' ? 'kontakt' : 'contact'}`}
@@ -445,6 +461,11 @@ export default function Header() {
           </nav>
         </div>
       </header>
+
+      <AISearchResults
+        isOpen={isSearchOpen}
+        onClose={() => setIsSearchOpen(false)}
+      />
     </>
   );
 }