const CHAPTERS = [
  { n: "01", title: "Lo strategist", subtitle: "Chi vi affianca, con quale metodo e con quali precedenti." },
  { n: "02", title: "Il problema",   subtitle: "I nodi rilevati nella discovery, ognuno chiamato per nome." },
  { n: "03", title: "La soluzione",  subtitle: "L'elevazione speculare a ciascun nodo — con il risultato concreto." },
  { n: "04", title: "L'esecuzione",  subtitle: "Scope, deliverable, ciò che non è incluso, timeline." },
  { n: "05", title: "Le opzioni",    subtitle: "Tre intensità progressive con valore di mercato e pricing." },
];

export function IndexSection() {
  return (
    <div className="h-full flex flex-col justify-center px-16 py-24 space-y-8">
      <p className="text-xs font-mono tracking-widest text-muted-foreground uppercase">Sommario</p>
      <h2 className="text-5xl font-light text-foreground">
        Cinque <span className="text-primary">capitoli.</span>
      </h2>

      <div className="divide-y divide-border">
        {CHAPTERS.map((c) => (
          <div key={c.n} className="flex items-baseline justify-between py-5 gap-8">
            <div className="flex items-baseline gap-6">
              <span className="text-2xl font-mono text-primary">{c.n}</span>
              <span className="text-xl text-foreground">{c.title}</span>
            </div>
            <span className="text-sm text-muted-foreground text-right max-w-xs">{c.subtitle}</span>
          </div>
        ))}
      </div>
    </div>
  );
}
