---
import Base from "../../layouts/Base.astro";
const items = [
  { slug: "cloud-migration", title: "Secure Cloud Migration (AWS/Azure)", summary: "Landing zone, zero-trust, pipeline & observability in 6 weeks." },
  { slug: "k8s-hardening", title: "Kubernetes Hardening & GitOps", summary: "CIS benchmarks, OPA policies-as-code, ArgoCD rollouts." }
];
---
<Base path="/en/cases" title="Case Studies – Valtrix">
  <h1 class="text-3xl font-bold mt-8">Case Studies</h1>
  <div class="grid md:grid-cols-2 gap-6 mt-6">
    {items.map(i => (
      <a href={`/en/cases/${i.slug}`} class="p-6 border rounded-brand card hover:shadow-sm transition-shadow block">
        <h2 class="font-semibold text-lg">{i.title}</h2>
        <p class="mt-2 text-textMuted">{i.summary}</p>
        <span class="mt-3 inline-block text-primary underline">View case</span>
      </a>
    ))}
  </div>
</Base>
