feat(portfolio): add outcome headlines, drop dead AI&ML filter

Apply portfolio CRO audit points 17-21:
- Add a one-line outcome headline above each project card description
  (grid + featured cards), styled with the primary accent per the
  design system (e.g. "Cut crematorium slot booking from hours to
  minutes across 10+ facilities.").
- Remove the "AI & ML" category filter chip — no project genuinely
  fits it (Pophealth is health/mobile) — and correct the ItemList
  structured-data description to drop the inaccurate AI/ML claim.
- Stats bar already surfaces the canonical proof set (11 Districts
  Deployed, 50,000+ Records Managed) shared with the homepage/services
  via ProofNumbers; the weak "4 Specializations" stat is gone.
- "View Case Study" CTAs open the inline case-study modal with full
  problem -> solution -> outcome (Challenge / Solution / Key Results),
  verified working via headless browser.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/pages/portfolio.astro

@@ -12,6 +12,7 @@ const projects = [
     gallery: [
       'https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=1200&h=750&fit=crop&auto=format&q=75',
     ],
+    outcome: 'Onboarded 5,000+ users and processed 10,000+ transactions at 99.9% uptime.',
     description: 'A comprehensive financing platform built for PLNR, enabling seamless loan processing, EMI calculations, and customer management. The platform features a modern Angular frontend with a robust Spring Boot backend and MySQL database, handling thousands of financial transactions securely.',
     techStack: ['Angular', 'Spring Boot', 'MySQL', 'TailwindCSS'],
     client: 'PLNR',
@@ -38,6 +39,7 @@ const projects = [
     gallery: [
       'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1200&h=750&fit=crop&auto=format&q=75',
     ],
+    outcome: 'Cut crematorium slot booking from hours to minutes across 10+ facilities.',
     description: 'Smart Crematorium Management System (SCMS) developed for Patna Smart City Limited under the Bihar Government. The system digitizes and streamlines crematorium operations including slot booking, real-time availability tracking, digital record-keeping, and automated reporting for transparent and efficient management of crematorium facilities across Bihar.',
     techStack: ['Astro', 'Golang', 'PostgreSQL', 'TailwindCSS'],
     client: 'PSCL, Bihar Government',
@@ -64,6 +66,7 @@ const projects = [
     gallery: [
       'https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?w=1200&h=750&fit=crop&auto=format&q=75',
     ],
+    outcome: 'Digitized FIR and case tracking for 15,000+ officers across 11 districts.',
     description: 'A comprehensive Police Management System developed for the Bihar State Government, deployed across 11 districts. The system handles personnel management, case tracking, FIR digitization, duty roster scheduling, and real-time reporting dashboards. Built to handle thousands of concurrent users with role-based access control and strict security compliance.',
     techStack: ['Spring Boot', 'Angular', 'TailwindCSS', 'MySQL'],
     client: 'Bihar Government',
@@ -90,6 +93,7 @@ const projects = [
     gallery: [
       'https://images.unsplash.com/photo-1507238691740-187a5b1d37b8?w=1200&h=750&fit=crop&auto=format&q=75',
     ],
+    outcome: 'Unified admissions, exams, and grading for 3,000+ students and 200+ faculty.',
     description: 'An end-to-end University Management System built for the Indian Institute of Technology, Patna. The platform manages student admissions, course registration, examination scheduling, grade management, faculty profiles, and administrative workflows. Designed for scalability and high availability to serve the entire IIT Patna academic community.',
     techStack: ['Next.js', 'Spring Boot', 'MySQL', 'TailwindCSS'],
     client: 'IIT Patna',
@@ -116,6 +120,7 @@ const projects = [
     gallery: [
       'https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=1200&h=750&fit=crop&auto=format&q=75',
     ],
+    outcome: 'Delivered sub-second page loads across a 1,000+ product catalog.',
     description: 'A high-performance e-commerce platform built for Renaissance Technology Pvt Ltd. FPC Cart features a lightning-fast Astro frontend with a Golang backend, delivering an exceptional shopping experience with product catalogs, cart management, secure checkout, order tracking, and an admin dashboard for inventory and sales management.',
     techStack: ['Astro', 'Golang', 'MySQL', 'TailwindCSS'],
     client: 'Renaissance Technology Pvt Ltd',
@@ -142,6 +147,7 @@ const projects = [
     gallery: [
       'https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=1200&h=750&fit=crop&auto=format&q=75',
     ],
+    outcome: 'Powered 10,000+ offline-first health sessions for 100+ providers.',
     description: 'A mobile health application built with Expo (React Native) and Spring Boot, designed to facilitate health session management, appointment booking, patient tracking, and wellness program coordination. The app works offline-first with seamless sync, providing healthcare providers a modern tool to manage patient sessions and health data securely.',
     techStack: ['Expo (React Native)', 'Spring Boot', 'PostgreSQL'],
     client: 'Healthcare Startup',
@@ -183,7 +189,7 @@ const featuredProjects = projects.filter(p => p.featured);
     "@context": "https://schema.org",
     "@type": "ItemList",
     "name": "WorkRoot IT Solutions — Project Portfolio",
-    "description": "Case studies and projects delivered by WorkRoot IT Solutions across web development, mobile apps, and AI/ML.",
+    "description": "Case studies and projects delivered by WorkRoot IT Solutions across web development, mobile apps, government, and enterprise systems.",
     "url": "https://workroot.in/portfolio",
     "numberOfItems": projects.length,
     "itemListElement": projects.map((project, index) => ({
@@ -285,7 +291,8 @@ const featuredProjects = projects.filter(p => p.featured);
               <!-- Content overlay -->
               <div class="absolute bottom-0 left-0 p-6">
                 <h3 class="text-xl font-bold text-white sm:text-2xl">{project.title}</h3>
-                <p class="mt-1.5 text-sm text-secondary-300 line-clamp-2">{project.description}</p>
+                <p class="mt-1.5 text-sm font-semibold leading-snug text-primary-300">{project.outcome}</p>
+                <p class="mt-1 text-sm text-secondary-300 line-clamp-2">{project.description}</p>
                 <!-- Stats pills on featured card -->
                 <div class="mt-3 flex flex-wrap gap-2">
                   {project.stats.slice(0, 2).map(stat => (
@@ -388,15 +395,6 @@ const featuredProjects = projects.filter(p => p.featured);
           >
             Mobile Apps
           </button>
-          <button
-            data-filter="ai-ml"
-            class="filter-btn rounded-full bg-white dark:bg-secondary-800 px-6 py-2.5 font-semibold text-secondary-600 dark:text-secondary-400 shadow-sm transition-all duration-300 hover:bg-secondary-100 dark:hover:bg-secondary-700 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-primary-400 focus:ring-offset-2"
-            role="tab"
-            aria-selected="false"
-            aria-controls="projects-grid"
-          >
-            AI &amp; ML
-          </button>
         </div>
 
         <!-- Technology Filter Pills (collapsible) -->
@@ -526,7 +524,11 @@ const featuredProjects = projects.filter(p => p.featured);
               <h3 class="text-xl font-bold text-secondary-900 dark:text-secondary-100 transition-colors group-hover:text-primary dark:group-hover:text-primary-400">
                 {project.title}
               </h3>
-              <p class="mt-2 line-clamp-2 text-sm text-secondary-600 dark:text-secondary-400">
+              <!-- Outcome headline -->
+              <p class="mt-2 text-sm font-semibold leading-snug text-primary dark:text-primary-400">
+                {project.outcome}
+              </p>
+              <p class="mt-1.5 line-clamp-2 text-sm text-secondary-600 dark:text-secondary-400">
                 {project.description}
               </p>