import React from "react"; import Head from "next/head"; import Link from "next/link"; // Define the type for a single case study interface CaseStudy { id: string; title: string; image: string; alt: string; link?: string; // Optional link property } interface CaseStudiesGridProps { caseStudies: CaseStudy[]; } const CaseStudiesGrid: React.FC = ({ caseStudies }) => { return ( <>
{caseStudies.map((study) => (
console.log(`Clicked on case study: ${study.title}`) } role="button" tabIndex={0} aria-label={`Read more about ${study.title}`} onKeyDown={(e) => { if (e.key === "Enter" || e.key === " ") { console.log(`Keyboard interaction with: ${study.title}`); } }} >
{study.alt}

{study.title}

))}
); }; // Complete sample data with all 11 case studies const miningCaseStudies = [ { id: "1", title: "Ensuring Operational Continuity for Magnetite Mine in Steelpoort, South Africa", image: "/updatedImages/Blog1.webp", alt: "Worker in orange safety vest examining documents", link: "/case-studies/ensuring-operational-continuity-for-magnetite-mine-in-steelpoort-south-africa", }, { id: "2", title: "Addressing Drillhole Backlogs to Enhance Mineral Resource Accuracy", image: "/updatedImages/Blog2.webp", alt: "Excavators at a mining site", link: "/case-studies/addressing-drillhole-backlogs-to-enhance-mineral-resource-accuracy", }, { id: "3", title: "Comprehensive Support for Vanadium Mine Development, Driving Project Value to $1.05", image: "/updatedImages/Blog12.webp", alt: "Yellow mining trucks on a road", link: "/case-studies/comprehensive-support-for-vanadium-mine-development-driving-project-value-to-1-05", }, { id: "4", title: "Optimising Iron Ore Mine Planning for Increased Production and Efficiency", image: "/updatedImages/Blog13.webp", alt: "Mining equipment at an iron ore mine", link: "/case-studies/optimising-iron-ore-mine-planning-for-increased-production-and-efficiency", }, { id: "5", title: "Innovative Tunnel Design for Environmentally Sensitive Iron Ore Mining", image: "/updatedImages/Blog14.webp", alt: "Mining tunnel", link: "/case-studies/innovative-tunnel-design-for-environmentally-sensitive-iron-ore-mining", }, { id: "6", title: "Strategic Turnaround for Improved Manganese Mine Performance", image: "/updatedImages/Blog6.webp", alt: "Mining site with machinery", link: "/case-studies/strategic-turnaround-for-improved-manganese-mine-performance", }, { id: "7", title: "Transforming Operational and Financial Stability Through Strategic Change Management", image: "/updatedImages/Blog7.webp", alt: "Workers in safety gear at a mining site", link: "/case-studies/transforming-operational-and-financial-stability-through-strategic-change-management", }, { id: "8", title: "Strategic Management and Competent Person Sign-Off for Tailings Reclamation", image: "/images/insights5.webp", alt: "Mining equipment", link: "/case-studies/strategic-management-and-competent-person-sign-off-for-tailings-reclamation", }, { id: "9", title: "Drill and Blast Assessment for New Mining Operation", image: "/updatedImages/Blog15.webp", alt: "Environmental assessment at mining site", link: "/case-studies/environmental-impact-assessment-for-new-mining-operation", }, { id: "10", title: "Workplace Safety Strategy for Underground Coal Mine", image: "/updatedImages/Blog10.webp", alt: "Underground coal mining operation", link: "/case-studies/cost-optimization-strategy-for-underground-coal-mine", }, { id: "11", title: "Labour Brokering Framework for Platinum Group Metal Extraction", image: "/updatedImages/Blog11.webp", alt: "Platinum mining operation", link: "/case-studies/risk-management-framework-for-platinum-group-metal-extraction", }, ]; const CaseStudiesExample = () => { return ; }; export default CaseStudiesExample;