import { Users } from "lucide-react";
import { Header } from "@/components/layout/header";

export default function PeoplePage() {
  return (
    <div className="space-y-6">
      <Header
        title="People"
        description="Contact directory from scanned response cards"
        icon={Users}
      />
      <div className="glass-card flex flex-col items-center justify-center rounded-2xl p-12 text-center">
        <Users className="mb-4 size-12 text-muted-foreground/40" />
        <h2 className="text-lg font-semibold">People directory</h2>
        <p className="mt-1 max-w-sm text-sm text-muted-foreground">
          A deduplicated contact list aggregated from your response cards will
          appear here once the people module is built out.
        </p>
      </div>
    </div>
  );
}