import { BarChart3Icon, RocketIcon, SparklesIcon } from "lucide-react"import { BentoCard, BentoGrid } from "@/components/ui/bento-grid"export default function BentoGridDemo() {  return (    <BentoGrid className="w-full max-w-2xl auto-rows-[14rem]">      <BentoCard        name="Smart workflows"        className="col-span-1"        background={<div className="absolute inset-0 bg-gradient-to-br from-violet-500/20 via-transparent to-transparent" />}        Icon={SparklesIcon}        description="Automate repetitive work and keep every project moving forward."        href="/workflows"        cta="Explore workflows"      />      <BentoCard        name="Clear insights"        className="col-span-1"        background={<div className="absolute inset-0 bg-gradient-to-br from-sky-500/20 via-transparent to-transparent" />}        Icon={BarChart3Icon}        description="See the metrics that matter with simple, real-time reporting."        href="/analytics"        cta="View analytics"      />      <BentoCard        name="Launch faster"        className="col-span-1"        background={<div className="absolute inset-0 bg-gradient-to-br from-amber-500/20 via-transparent to-transparent" />}        Icon={RocketIcon}        description="Bring ideas to life with flexible tools your whole team can use."        href="/get-started"        cta="Get started"      />    </BentoGrid>  )}