import type { ConsultantProfile } from "@/lib/proposal/profile";

type Props = { consultant: ConsultantProfile };

export function FactsSection({ consultant }: Props) {
  return (
    <div className="h-full flex flex-col justify-center px-16 py-24 space-y-12">
      <div>
        <p className="text-xs font-mono tracking-widest text-muted-foreground uppercase">Tre fatti</p>
        <h2 className="text-5xl font-light text-foreground mt-4">
          Cosa porto al <span className="text-primary">tavolo.</span>
        </h2>
      </div>

      <div className="grid grid-cols-3 gap-6">
        {consultant.facts.map((fact, i) => (
          <div key={i} className="border border-border rounded-xl p-8 space-y-4">
            <p className="text-5xl font-light text-primary">{fact.value}</p>
            <p className="text-xs font-mono tracking-widest text-muted-foreground uppercase">{fact.label}</p>
            <p className="text-sm text-foreground font-medium">{fact.description}</p>
          </div>
        ))}
      </div>
    </div>
  );
}
