Cases

<div class="case-card bg-white rounded-xl shadow-lg overflow-hidden animate-on-scroll" data-category="project_management"> <div class="case-image h-48 bg-gradient-to-br from-brand-blue to-blue-800 flex items-center justify-center"> <i class="fas fa-project-diagram text-white text-4xl"></i> </div> <div class="p-6"> <!-- Category Badge --> <div class="inline-block bg-blue-100 text-brand-blue px-3 py-1 rounded-full text-sm font-medium mb-3"> Project Management </div> <h3 class="text-xl font-bold text-gray-900 mb-3"> Project Management in SMB </h3> <p class="text-gray-600 mb-4 line-clamp-3"> Implemented structured project management in a growth company with 50+ employees. Result was 30% faster deliveries and better quality control. </p> <div class="flex items-center justify-between"> <span class="text-sm text-gray-500"> 2025 </span> <button class="text-brand-blue font-medium hover:underline"> Read more → </button> </div> </div> </div> <div class="case-card bg-white rounded-xl shadow-lg overflow-hidden animate-on-scroll" data-category="finance"> <div class="case-image h-48 bg-gradient-to-br from-brand-blue to-blue-800 flex items-center justify-center"> <i class="fas fa-chart-line text-white text-4xl"></i> </div> <div class="p-6"> <!-- Category Badge --> <div class="inline-block bg-blue-100 text-brand-blue px-3 py-1 rounded-full text-sm font-medium mb-3"> Finance </div> <h3 class="text-xl font-bold text-gray-900 mb-3"> Improved Cash Flow Reporting </h3> <p class="text-gray-600 mb-4 line-clamp-3"> Established automated reports and dashboards that provided better insight into cash flow and financial risk. </p> <div class="flex items-center justify-between"> <span class="text-sm text-gray-500"> 2025 </span> <button class="text-brand-blue font-medium hover:underline"> Read more → </button> </div> </div> </div> <div class="case-card bg-white rounded-xl shadow-lg overflow-hidden animate-on-scroll" data-category="hr"> <div class="case-image h-48 bg-gradient-to-br from-brand-blue to-blue-800 flex items-center justify-center"> <i class="fas fa-users text-white text-4xl"></i> </div> <div class="p-6"> <!-- Category Badge --> <div class="inline-block bg-blue-100 text-brand-blue px-3 py-1 rounded-full text-sm font-medium mb-3"> HR </div> <h3 class="text-xl font-bold text-gray-900 mb-3"> Complete Recruitment Process </h3> <p class="text-gray-600 mb-4 line-clamp-3"> Completed full recruitment from job description to onboarding of new manager. Process took 6 weeks from start to finish. </p> <div class="flex items-center justify-between"> <span class="text-sm text-gray-500"> 2025 </span> <button class="text-brand-blue font-medium hover:underline"> Read more → </button> </div> </div> </div>