import { PlaceholderWidgets } from './deleteme_placeholders';

const GRADIENT = 'linear-gradient(to right, #0166FF 10%, #009AFE 55%, #4AEEFF 100%)';

export default function DashboardPage() {
  return (
    <div className="flex flex-col h-full px-4 sm:px-6 pt-8 sm:pt-12 pb-6 max-w-4xl mx-auto w-full overflow-y-auto">
      <h1
        className="text-xl sm:text-2xl font-bold mb-1 tracking-tight w-fit"
        style={{ backgroundImage: GRADIENT, WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text' }}
      >
        Let's get started
      </h1>
      <p className="text-muted-foreground text-xs mb-6">Your workspace at a glance.</p>

      {/* ▼▼▼ EXAMPLE PLACEHOLDERS — safe to delete. See deleteme_placeholders.tsx. ▼▼▼ */}
      <PlaceholderWidgets />
      {/* ▲▲▲ EXAMPLE PLACEHOLDERS ▲▲▲ */}
    </div>
  );
}