export default function Dashboard() {
  return (
    <div className="p-6">
      <h1 className="text-2xl font-bold text-text-primary mb-2">Dashboard</h1>
      <p className="text-text-secondary">
        Welcome to your Rentman Clone workspace. Content coming soon.
      </p>

      {/* Placeholder cards */}
      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mt-8">
        {['Projects', 'Equipment', 'Crew', 'Revenue'].map((title) => (
          <div
            key={title}
            className="bg-surface rounded-lg border border-border p-5"
          >
            <h3 className="text-sm font-medium text-text-secondary">{title}</h3>
            <p className="text-2xl font-bold text-text-primary mt-1">—</p>
          </div>
        ))}
      </div>
    </div>
  );
}
