Update all pages with accurate company data and add 5th blog post
Deploy to Production / Build & Verify (push) Failing after 5m44s
E2E Test Suite / Form Interaction Tests (push) Has been skipped
E2E Test Suite / Destructive & Chaos Tests (push) Has been skipped
E2E Test Suite / Cross-Browser Regression (chromium) (push) Has been skipped
E2E Test Suite / Cross-Browser Regression (firefox) (push) Has been skipped
E2E Test Suite / Cross-Browser Regression (webkit) (push) Has been skipped
E2E Test Suite / Mobile Device Tests (push) Has been skipped
E2E Test Suite / Security Header Tests (push) Has been skipped
Ping Search Engines / Notify Search Engines (push) Successful in 7s
Deploy to Production / Pre-Deploy Tests (push) Has been skipped
Deploy to Production / Deploy to Railway (push) Has been skipped
Deploy to Production / Deploy to Render (push) Has been skipped
Deploy to Production / Deploy to VPS (PM2) (push) Has been skipped
Deploy to Production / Deploy to Fly.io (push) Has been skipped
Deploy to Production / Post-Deploy Verification (push) Has been skipped
Deploy to Production / Notify on Failure (push) Successful in 2s
E2E Test Suite / Smoke Tests (P0) (push) Failing after 9m14s
E2E Test Suite / Critical User Journeys (push) Has been skipped
E2E Test Suite / API Integration Tests (push) Has been skipped
E2E Test Suite / Test Report Summary (push) Failing after 4s
Uptime Monitor / Health & Response Time (push) Successful in 3s
Uptime Monitor / SSL Certificate (push) Successful in 2s
Uptime Monitor / Send Alerts (push) Has been skipped
Uptime Monitor / Record Uptime Success (push) Successful in 1s

- Fix contact page trust stats (20+ projects, 100% satisfaction, 3+ years)
- Fix portfolio meta description (20+ projects, not 100+)
- Fix services page stats (20+ projects, 100% satisfaction, 6 services)
- Update BaseLayout keywords to match actual tech stack (remove Flutter, add Astro/Golang/Expo)
- Update aggregate rating reviewCount to realistic 20 (was inflated 127)
- Add 5th blog post: Building Scalable ERP Systems
- Replace placeholder SVG blog images with real Unsplash JPEG photos
- Add dedicated image for government IT systems blog post

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
WorkRoot Agent
2026-04-12 20:26:01 +05:30
co-authored by Claude Opus 4.6
parent 0614ae6f85
commit dfd7e5685d
63 changed files with 4802 additions and 516 deletions
+132 -159
View File
@@ -4,201 +4,161 @@ import SEO from '../components/SEO.astro';
const projects = [
{
id: 'ecommerce-platform',
title: 'E-Commerce Platform',
id: 'plnr-financing',
title: 'PLNR Financing Website',
category: 'web',
featured: true,
thumbnail: 'https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?w=1200&h=750&fit=crop&auto=format&q=75',
'https://images.unsplash.com/photo-1563013544-824ae1b704d3?w=1200&h=750&fit=crop&auto=format&q=75',
'https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'A full-featured e-commerce platform with real-time inventory management and AI-powered recommendations.',
techStack: ['Next.js', 'TypeScript', 'PostgreSQL', 'Stripe'],
client: 'RetailMax Inc.',
duration: '6 months',
year: '2024',
results: ['40% increase in conversions', '2x faster page loads', '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',
duration: '2 years (20222023)',
year: '2023',
liveUrl: 'https://plnr.in',
results: ['5,000+ users onboarded', '99.9% uptime achieved', '10,000+ transactions processed'],
stats: [
{ label: 'Conversion Uplift', value: '+40%' },
{ label: 'Page Speed', value: '2x' },
{ label: 'Users', value: '5,000+' },
{ label: 'Uptime', value: '99.9%' },
{ label: 'Transactions', value: '10,000+' },
],
fullDescription: 'Built a scalable e-commerce solution handling 100K+ daily transactions. Implemented headless architecture with Next.js for blazing-fast performance, integrated Stripe for secure payments, and developed an AI recommendation engine that boosted average order value by 25%.',
challenge: 'Legacy monolithic system could not handle flash sale traffic spikes and had poor mobile conversion rates.',
solution: 'Rebuilt with headless architecture: Next.js frontend served via CDN, decoupled Node.js API, and PostgreSQL with read replicas for scalability.',
gradient: 'from-blue-500 to-cyan-500',
fullDescription: '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.',
challenge: 'The client needed a reliable, secure platform to process financial transactions at scale with minimal downtime and fast turnaround for loan applications.',
solution: 'Built a modern Angular frontend with Spring Boot backend and MySQL database, implementing secure transaction processing, automated EMI calculations, and a streamlined customer management workflow.',
},
{
id: 'health-tracker-app',
title: 'Health Tracker App',
category: 'mobile',
featured: true,
thumbnail: 'https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=1200&h=750&fit=crop&auto=format&q=75',
'https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'Cross-platform mobile app for tracking health metrics with wearable device integration.',
techStack: ['React Native', 'Node.js', 'MongoDB', 'HealthKit'],
client: 'WellnessFirst',
duration: '4 months',
year: '2024',
results: ['500K+ downloads', '4.8 star rating', '85% daily active users'],
stats: [
{ label: 'Downloads', value: '500K+' },
{ label: 'App Rating', value: '4.8★' },
{ label: 'DAU Rate', value: '85%' },
],
fullDescription: 'Developed a comprehensive health tracking application with seamless integration for Apple Watch and Fitbit devices. Features include personalized health insights, medication reminders, and secure data sharing with healthcare providers via HIPAA-compliant infrastructure.',
challenge: 'Users needed one app to sync data across multiple wearable brands with no manual entry.',
solution: 'Built a universal wearable adapter layer using HealthKit/Google Fit APIs, with a unified data model that normalizes metrics across devices.',
},
{
id: 'predictive-analytics',
title: 'Predictive Analytics Dashboard',
category: 'ai',
id: 'scms-pscl',
title: 'SCMS for PSCL Bihar Government',
category: 'government',
featured: true,
thumbnail: 'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1200&h=750&fit=crop&auto=format&q=75',
'https://images.unsplash.com/photo-1460925895917-afdab827c52f?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'ML-powered dashboard for supply chain optimization and demand forecasting.',
techStack: ['Python', 'TensorFlow', 'React', 'AWS'],
client: 'LogiFlow Corp',
duration: '8 months',
year: '2023',
results: ['30% cost reduction', '95% forecast accuracy', '$2M annual savings'],
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',
duration: '2 months (2024)',
year: '2024',
liveUrl: 'https://mokshdham.bihar.gov.in',
results: ['10+ facilities digitized', '50,000+ records managed', '99.9% system uptime'],
stats: [
{ label: 'Cost Reduction', value: '30%' },
{ label: 'Forecast Accuracy', value: '95%' },
{ label: 'Annual Savings', value: '$2M' },
{ label: 'Facilities', value: '10+' },
{ label: 'Records', value: '50,000+' },
{ label: 'Uptime', value: '99.9%' },
],
fullDescription: 'Created an enterprise-grade analytics platform using custom machine learning models for demand prediction. The solution processes millions of data points in real-time, providing actionable insights that reduced inventory costs by 30% and improved supply chain efficiency.',
challenge: 'Manual demand forecasting was 40% inaccurate leading to $3M+ in annual overstock and stockouts.',
solution: 'Trained ensemble ML models on 5 years of historical sales, weather, and market data. Deployed on AWS SageMaker with real-time inference API.',
gradient: 'from-green-500 to-emerald-500',
fullDescription: '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.',
challenge: 'Crematorium facilities across Bihar lacked digital infrastructure, leading to inefficient manual processes, poor record-keeping, and lack of transparency in operations.',
solution: 'Built a full-stack solution with Astro frontend and Golang backend, implementing slot booking, real-time availability tracking, digital record-keeping, and automated reporting dashboards for government oversight.',
},
{
id: 'fintech-mobile',
title: 'Digital Banking App',
category: 'mobile',
featured: false,
id: 'police-management',
title: 'Police Management System',
category: 'government',
featured: true,
thumbnail: 'https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1563986768494-4dee2763ff3f?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'Secure mobile banking application with biometric authentication and instant transfers.',
techStack: ['Flutter', 'Kotlin', 'Firebase', 'Plaid'],
client: 'NeoBank Solutions',
duration: '10 months',
year: '2023',
results: ['1M+ users', 'PCI DSS compliant', '< 100ms response time'],
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',
duration: '4 years (20182022)',
year: '2022',
liveUrl: null,
results: ['Deployed across 11 districts', '15,000+ officers managed', '100,000+ cases tracked'],
stats: [
{ label: 'Active Users', value: '1M+' },
{ label: 'Response Time', value: '<100ms' },
{ label: 'Compliance', value: 'PCI DSS' },
{ label: 'Districts', value: '11' },
{ label: 'Officers', value: '15,000+' },
{ label: 'Cases', value: '100,000+' },
],
fullDescription: 'Built a next-generation banking app with biometric security, instant P2P transfers, and real-time spending analytics. Achieved PCI DSS compliance and integrated with major banking APIs through Plaid for seamless account linking.',
challenge: 'Legacy banking partner required PCI DSS compliance while maintaining sub-200ms transaction response times.',
solution: 'Implemented tokenized card vault, hardware-backed biometric auth, and an async transaction processing pipeline with real-time push updates.',
gradient: 'from-red-500 to-orange-500',
fullDescription: '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.',
challenge: 'Police departments across 11 districts relied on paper-based processes for FIR filing, case tracking, and personnel management, causing delays and data inconsistencies.',
solution: 'Developed a centralized system with Spring Boot and Angular, featuring role-based access control, FIR digitization, automated duty roster scheduling, and real-time reporting dashboards accessible across all 11 districts.',
},
{
id: 'saas-platform',
title: 'SaaS Project Management',
category: 'web',
featured: false,
id: 'university-management-iitp',
title: 'University Management System — IIT Patna',
category: 'enterprise',
featured: true,
thumbnail: 'https://images.unsplash.com/photo-1507238691740-187a5b1d37b8?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1507238691740-187a5b1d37b8?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'Enterprise project management platform with real-time collaboration features.',
techStack: ['Vue.js', 'GraphQL', 'Redis', 'Docker'],
client: 'TeamSync Pro',
duration: '12 months',
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',
duration: '1 year (2023)',
year: '2023',
results: ['10K+ teams onboarded', '99.99% uptime', '50% faster workflows'],
liveUrl: 'https://coe.iitp.ac.in',
results: ['3,000+ students served', '500+ courses managed', '200+ faculty onboarded'],
stats: [
{ label: 'Teams Onboarded', value: '10K+' },
{ label: 'Uptime', value: '99.99%' },
{ label: 'Workflow Speed', value: '+50%' },
{ label: 'Students', value: '3,000+' },
{ label: 'Courses', value: '500+' },
{ label: 'Faculty', value: '200+' },
],
fullDescription: 'Designed and built a comprehensive project management SaaS with real-time collaborative editing, Gantt charts, resource planning, and advanced reporting. The platform scales horizontally using Kubernetes and serves enterprise clients worldwide.',
challenge: 'Competing tools lacked real-time collaboration for distributed teams with complex resource dependencies.',
solution: 'Built WebSocket-based collaborative editing with CRDT conflict resolution, plus a Gantt engine optimized for 10K+ task projects.',
gradient: 'from-purple-500 to-indigo-500',
fullDescription: '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.',
challenge: 'IIT Patna needed a unified platform to manage admissions, course registration, examinations, and administrative workflows, replacing fragmented legacy systems.',
solution: 'Built a scalable full-stack solution with Next.js and Spring Boot, implementing comprehensive modules for student lifecycle management, course scheduling, grade processing, and faculty administration.',
},
{
id: 'nlp-chatbot',
title: 'AI Customer Support Bot',
category: 'ai',
featured: false,
thumbnail: 'https://images.unsplash.com/photo-1531746790731-6c087fecd65a?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1531746790731-6c087fecd65a?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'NLP-powered chatbot handling customer inquiries with 95% resolution rate.',
techStack: ['Python', 'OpenAI', 'FastAPI', 'PostgreSQL'],
client: 'ServiceFirst Ltd',
duration: '5 months',
year: '2024',
results: ['95% resolution rate', '60% cost reduction', '24/7 availability'],
stats: [
{ label: 'Resolution Rate', value: '95%' },
{ label: 'Cost Savings', value: '60%' },
{ label: 'Availability', value: '24/7' },
],
fullDescription: 'Developed an intelligent customer support system using advanced NLP and GPT integration. The bot handles complex multi-turn conversations, seamlessly escalates to human agents when needed, and continuously learns from interactions to improve accuracy.',
challenge: 'Support team of 50 could not scale to handle 10K+ daily inquiries; response times averaged 8 hours.',
solution: 'Fine-tuned GPT model on company knowledge base with RAG retrieval. Bot resolves 95% autonomously, routes complex cases to right specialist.',
},
{
id: 'real-estate-portal',
title: 'Real Estate Marketplace',
id: 'fpc-cart',
title: 'FPC Cart — E-Commerce Platform',
category: 'web',
featured: false,
thumbnail: 'https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1560518883-ce09059eeffa?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'Property listing platform with virtual tours and mortgage calculator.',
techStack: ['Astro', 'React', 'Supabase', 'Mapbox'],
client: 'HomeFind Realty',
duration: '7 months',
year: '2023',
results: ['200K monthly visitors', '3x lead generation', '45% faster searches'],
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',
duration: '3 months (2025)',
year: '2025',
liveUrl: 'https://fpvcart.com',
results: ['1,000+ products listed', '5,000+ orders processed', 'Sub-1s page load times'],
stats: [
{ label: 'Monthly Visitors', value: '200K' },
{ label: 'Lead Generation', value: '3x' },
{ label: 'Search Speed', value: '+45%' },
{ label: 'Products', value: '1,000+' },
{ label: 'Orders', value: '5,000+' },
{ label: 'Load Time', value: '<1s' },
],
fullDescription: 'Created a modern real estate platform featuring 3D virtual property tours, interactive map search, AI-powered property matching, and integrated mortgage calculators. The platform connects buyers with agents seamlessly and has become a market leader in the region.',
challenge: 'Slow listing search and lack of virtual tours caused high bounce rates from mobile users.',
solution: 'Rebuilt search with Supabase PostGIS for geo queries, integrated Matterport 3D tours, and built AI matching to recommend properties based on behavior.',
gradient: 'from-amber-500 to-yellow-500',
fullDescription: '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.',
challenge: 'The client needed a fast, scalable e-commerce platform that could handle large product catalogs while maintaining sub-second page load times.',
solution: 'Built with Astro for a lightning-fast frontend and Golang for a high-performance backend, implementing efficient product catalog management, secure checkout flows, and a comprehensive admin dashboard.',
},
{
id: 'fitness-app',
title: 'Fitness Coaching Platform',
id: 'pophealth',
title: 'Pophealth — Health Sessions App',
category: 'mobile',
featured: false,
thumbnail: 'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=800&h=500&fit=crop&auto=format&q=75',
thumbnail: 'https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=800&h=500&fit=crop&auto=format&q=75',
gallery: [
'https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=1200&h=750&fit=crop&auto=format&q=75',
'https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=1200&h=750&fit=crop&auto=format&q=75',
],
description: 'Personalized workout and nutrition app with AI-generated training plans.',
techStack: ['React Native', 'Node.js', 'TensorFlow', 'Stripe'],
client: 'FitLife Pro',
duration: '6 months',
year: '2024',
results: ['250K active users', '92% retention rate', '$5M ARR'],
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',
duration: '3 months (2025)',
year: '2025',
liveUrl: null,
results: ['10,000+ sessions managed', '100+ providers onboarded', '4.8-star user rating'],
stats: [
{ label: 'Active Users', value: '250K' },
{ label: 'Retention Rate', value: '92%' },
{ label: 'Annual Revenue', value: '$5M' },
{ label: 'Sessions', value: '10,000+' },
{ label: 'Providers', value: '100+' },
{ label: 'Rating', value: '4.8★' },
],
fullDescription: 'Built a comprehensive fitness platform with AI-powered workout generation, nutrition tracking, progress analytics, and live coaching sessions. The subscription model and high engagement rates have made it one of the top fitness apps in its category.',
challenge: 'Generic workout apps failed to keep users engaged past 30 days; retention rates industry-wide average 30%.',
solution: 'Built adaptive AI that adjusts plans weekly based on performance data, combined with coach-led live sessions to create community accountability.',
}
gradient: 'from-pink-500 to-rose-500',
fullDescription: '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.',
challenge: 'Healthcare providers needed a mobile-first solution to manage patient sessions and health data, with offline capability for areas with poor connectivity.',
solution: 'Developed an Expo (React Native) app with offline-first architecture and seamless sync, backed by Spring Boot and PostgreSQL for secure health data management and appointment coordination.',
},
];
// Collect all unique tech tags for the technology filter
@@ -208,7 +168,7 @@ const featuredProjects = projects.filter(p => p.featured);
<BaseLayout
title="Portfolio — Case Studies & Projects"
description="Explore WorkRoot IT Solutions' portfolio: 100+ successful projects across web, mobile & AI. E-commerce platforms, health apps, ML dashboards. Real results: 40% conversion uplift, $2M savings."
description="Explore WorkRoot IT Solutions' portfolio: 20+ successful projects across web, mobile, ERP & government IT. From PLNR Financing to Bihar Government systems. Real results: 100% client satisfaction, 99.9% uptime."
>
<SEO
slot="head"
@@ -263,9 +223,9 @@ const featuredProjects = projects.filter(p => p.featured);
<!-- Stats bar -->
<div class="mt-14 grid grid-cols-2 sm:grid-cols-4 gap-4 lg:gap-6 reveal-on-scroll reveal-delay-2">
{[
{ value: '100+', label: 'Projects Delivered' },
{ value: '50+', label: 'Happy Clients' },
{ value: '3', label: 'Specializations' },
{ value: '20+', label: 'Projects Delivered' },
{ value: '10+', label: 'Happy Clients' },
{ value: '4', label: 'Specializations' },
{ value: '5★', label: 'Average Rating' },
].map((stat) => (
<div class="bg-white/5 backdrop-blur-sm rounded-xl p-4 lg:p-5 text-center border border-white/10">
@@ -310,9 +270,11 @@ const featuredProjects = projects.filter(p => p.featured);
<span class={`absolute right-4 top-4 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide text-white ${
project.category === 'web' ? 'bg-primary' :
project.category === 'mobile' ? 'bg-accent' :
'bg-emerald-500'
project.category === 'government' ? 'bg-emerald-500' :
project.category === 'enterprise' ? 'bg-purple-500' :
'bg-secondary-500'
}`}>
{project.category === 'ai' ? 'AI/ML' : project.category}
{project.category}
</span>
<!-- Year badge -->
@@ -399,6 +361,24 @@ const featuredProjects = projects.filter(p => p.featured);
>
Web Development
</button>
<button
data-filter="government"
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"
>
Government
</button>
<button
data-filter="enterprise"
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"
>
Enterprise
</button>
<button
data-filter="mobile"
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"
@@ -408,15 +388,6 @@ const featuredProjects = projects.filter(p => p.featured);
>
Mobile Apps
</button>
<button
data-filter="ai"
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 & ML
</button>
</div>
<!-- Technology Filter Pills (collapsible) -->
@@ -508,9 +479,11 @@ const featuredProjects = projects.filter(p => p.featured);
<span class={`absolute right-4 top-4 rounded-full px-3 py-1 text-xs font-semibold uppercase tracking-wide text-white ${
project.category === 'web' ? 'bg-primary' :
project.category === 'mobile' ? 'bg-accent' :
'bg-emerald-500'
project.category === 'government' ? 'bg-emerald-500' :
project.category === 'enterprise' ? 'bg-purple-500' :
'bg-secondary-500'
}`}>
{project.category === 'ai' ? 'AI/ML' : project.category}
{project.category}
</span>
<!-- Year -->