bento-grid/
├── BentoGrid.tsx   # BentoGrid + BentoCell components & demo data
├── index.ts        # Module entry point (re-exports)
└── block.json      # Block metadata configuration

import { BentoGrid } from "@/components/blocks/bento-grid";
 
export default function Page() {
  return <BentoGrid />;
}

import { BentoGrid, BentoCell } from "@/components/blocks/bento-grid";
import { Zap, Shield, Moon } from "lucide-react";
 
export default function Page() {
  return (
    <div className="grid grid-cols-12 gap-4 max-w-6xl mx-auto p-8">
      <BentoCell
        size="hero"
        icon={Zap}
        label="Core Feature"
        title="Ship Faster"
        description="Drop in production-ready blocks and go from idea to deployed in minutes."
        index={0}
      />
      <BentoCell
        size="md"
        icon={Shield}
        label="TypeScript"
        title="Type-safe"
        description="Full TypeScript types ship with every block."
        index={1}
      />
      <BentoCell
        size="md"
        icon={Moon}
        label="Theming"
        title="Dark by default"
        description="OKLCH color science. Gwen Noir ships out of the box."
        index={2}
      />
    </div>
  );
}