feat(ai-search): add interactive WebGL Orb, Markdown support, and Sentry tracking

components/home/Hero.tsx

@@ -6,8 +6,9 @@ import { useTranslations, useLocale } from 'next-intl';
 import dynamic from 'next/dynamic';
 import { useAnalytics } from '../analytics/useAnalytics';
 import { AnalyticsEvents } from '../analytics/analytics-events';
+import AIOrb from '../search/AIOrb';
 import { useState } from 'react';
-import { Search, Sparkles } from 'lucide-react';
+import { ChevronRight } from 'lucide-react';
 import { AISearchResults } from '../search/AISearchResults';
 const HeroIllustration = dynamic(() => import('./HeroIllustration'), { ssr: false });
 
@@ -76,24 +77,26 @@ export default function Hero({ data }: { data?: any }) {
             </div>
             <form
               onSubmit={handleSearchSubmit}
-              className="w-full max-w-2xl bg-white/10 backdrop-blur-md border border-white/20 rounded-full p-2 flex items-center mt-8 mb-10 transition-all focus-within:bg-white/15 focus-within:border-accent"
+              className="w-full max-w-2xl bg-white/10 backdrop-blur-md border border-white/20 rounded-2xl p-2 flex items-center mt-8 mb-10 transition-all focus-within:bg-white/15 focus-within:border-accent shadow-lg relative"
             >
-              <Sparkles className="w-6 h-6 text-accent ml-4 hidden sm:block" />
+              <div className="absolute left-2 w-12 h-12 flex items-center justify-center opacity-80 pointer-events-none">
+                <AIOrb isThinking={false} />
+              </div>
               <input
                 type="text"
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                placeholder="Suchen Sie nach einem Kabel (z.B. N2XY, NYM-J)..."
-                className="flex-1 bg-transparent border-none text-white px-4 py-3 placeholder:text-white/60 focus:outline-none text-lg"
+                placeholder="Projekt beschreiben oder Kabel suchen..."
+                className="flex-1 bg-transparent border-none text-white pl-12 pr-2 py-4 placeholder:text-white/50 focus:outline-none text-lg lg:text-xl"
               />
               <Button
                 type="submit"
                 variant="accent"
                 size="lg"
-                className="rounded-full px-8 py-3 shrink-0"
+                className="rounded-xl px-6 py-4 shrink-0 flex items-center shadow-md font-bold cursor-pointer hover:bg-accent hover:brightness-110"
               >
-                <Search className="w-5 h-5 mr-2 -ml-2" />
-                Suchen
+                Fragen
+                <ChevronRight className="w-5 h-5 ml-2 -mr-1" />
               </Button>
             </form>
 
@@ -103,7 +106,7 @@ export default function Hero({ data }: { data?: any }) {
                   href="/contact"
                   variant="white"
                   size="lg"
-                  className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg hover:scale-105 transition-transform"
+                  className="group w-full sm:w-auto h-14 md:h-16 px-8 md:px-10 text-base md:text-lg hover:scale-105 transition-all outline-none"
                   onClick={() =>
                     trackEvent(AnalyticsEvents.BUTTON_CLICK, {
                       label: data?.ctaLabel || t('cta'),