iteration UI overhaul

src/pages/index.astro

@@ -4,6 +4,7 @@ import ToolCard from '../components/ToolCard.astro';
 import ToolFilters from '../components/ToolFilters.astro';
 import ToolMatrix from '../components/ToolMatrix.astro';
 import AIQueryInterface from '../components/AIQueryInterface.astro';
+import TargetedScenarios from '../components/TargetedScenarios.astro';
 import { getToolsData } from '../utils/dataService.js';
 
 const data = await getToolsData();
@@ -139,7 +140,9 @@ const phases = data.phases;
     </p>
   </div>
 </section>
-  
+
+<TargetedScenarios />
+
   <section id="filters-section" style="padding: 2rem 0;">
     <div style="text-align: center; margin-bottom: 2rem;">
       <h3 style="color: var(--color-text); margin-bottom: 0.5rem;">Alle verfügbaren Werkzeuge durchsuchen</h3>
@@ -192,15 +195,11 @@ const phases = data.phases;
         methodologySection.scrollIntoView({ behavior: 'smooth', block: 'start' });
       }
     } else if (approach === 'targeted') {
-      // Show targeted scenarios section (implemented in Phase 3)
+      // Show targeted scenarios section
       const targetedSection = document.getElementById('targeted-section');
       if (targetedSection) {
         targetedSection.classList.add('active');
         targetedSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
-      } else {
-        // For now, show a placeholder message
-        alert('Gezielte Szenarien werden in Phase 3 implementiert. Verwenden Sie vorerst die Standard-Werkzeugauswahl unten.');
-        document.getElementById('filters-section').scrollIntoView({ behavior: 'smooth' });
       }
     }
   };