---
import Base from "../../layouts/Base.astro";
const items = [
  { slug: "cloud-migration", title: "Sichere Cloud-Migration (AWS/Azure)", summary: "Landing Zone, Zero-Trust, Pipeline & Observability in 6 Wochen." },
  { slug: "k8s-hardening", title: "Kubernetes Hardening & GitOps", summary: "CIS Benchmarks, OPA Policies-as-Code, ArgoCD Rollouts." }
];
---
<Base path="/de/cases" title="Referenzen – Valtrix">
  <h1 class="text-3xl font-bold mt-8">Referenzen</h1>
  <div class="grid md:grid-cols-2 gap-6 mt-6">
    {items.map(i => (
      <a href={`/de/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">Case ansehen</span>
      </a>
    ))}
  </div>
</Base>
