About
A composed "About" page section with a header, a story card, a row of KPI metric cards with sparklines, and a team grid, styled as a ticket-stub themed admin/marketing page block.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Page About to your project and fits it to your theme.
Code
How Page About is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import PageAbout from "@/components/ui/page-about";
export default function PageAboutDemo() {
return (
<div className="min-h-screen w-full bg-background text-foreground">
<div className="mx-auto w-full max-w-4xl px-4 py-10">
<PageAbout />
</div>
</div>
);
}








