"use client"; import { useState, useEffect } from "react"; import Image from "next/legacy/image"; import Link from "next/link"; import { useCaseStudies, useClients } from "@/lib/hooks/useCaseStudy"; import { getImageUrl } from "@/lib/imageUtils"; import one from "@/public/images/case/one.png"; const CaseItems = () => { const [activeTabIndex, setActiveTabIndex] = useState(0); const { caseStudies, loading: casesLoading } = useCaseStudies(); const { clients, loading: clientsLoading } = useClients(); const handleTabClick = (index: number) => { setActiveTabIndex(index); }; // Filter case studies by category const caseStudiesData = caseStudies.filter((cs) => !cs.client); const clientCaseStudies = caseStudies.filter((cs) => cs.client); if (casesLoading || clientsLoading) { return (

Loading case studies...

); } return (

Case Studies

Discover how we help enterprises solve complex challenges with secure, scalable solutions. Our case studies highlight real business outcomes accelerated delivery, reduced costs, improved reliability, and data-driven growth powered by modern cloud, AI, and platform engineering.

{caseStudiesData.map((caseStudy) => (
{caseStudy.title}
{caseStudy.category_name || 'Case Study'}

{caseStudy.title}

))} {caseStudiesData.length === 0 && (

No case studies found.

)}
{clientCaseStudies.map((caseStudy, index) => (

{caseStudy.client?.name || caseStudy.title}

{caseStudy.excerpt || caseStudy.client?.description}

Read More
{caseStudy.client?.name
))} {clientCaseStudies.length === 0 && (

No client case studies found.

)}
); }; export default CaseItems;