{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "education100",
  "title": "Institutional Quick Facts",
  "description": "A quick facts grid displaying key institutional statistics with values, labels, and descriptions. Perfect for university at-a-glance pages and prospective student information.",
  "dependencies": [
    "clsx",
    "tailwind-merge",
    "lucide-react"
  ],
  "registryDependencies": [
    "badge"
  ],
  "files": [
    {
      "path": "registry/education100/education100.tsx",
      "content": "\"use client\";\n\nimport { Badge } from \"@/components/ui/badge\";\nimport { cn } from \"@/lib/utils\";\n\ninterface QuickFact {\n  value: string;\n  label: string;\n  description?: string;\n}\n\ninterface Education100Props {\n  badge?: { label: string; variant?: \"default\" | \"secondary\" | \"outline\" };\n  heading: string;\n  description?: string;\n  facts?: QuickFact[];\n  className?: string;\n}\n\nexport const education100Demo: Education100Props = {\n  badge: { label: \"At a Glance\", variant: \"secondary\" },\n  heading: \"Quick Facts\",\n  description:\n    \"Key numbers that define who we are and what we've accomplished.\",\n  facts: [\n    {\n      value: \"1890\",\n      label: \"Year Founded\",\n      description: \"Over 130 years of academic excellence\",\n    },\n    {\n      value: \"22,000+\",\n      label: \"Students\",\n      description: \"Undergraduate and graduate enrollment\",\n    },\n    {\n      value: \"1,800+\",\n      label: \"Faculty Members\",\n      description: \"World-class educators and researchers\",\n    },\n    {\n      value: \"200+\",\n      label: \"Degree Programs\",\n      description: \"Across 12 schools and colleges\",\n    },\n    {\n      value: \"15:1\",\n      label: \"Student-Faculty Ratio\",\n      description: \"Personalized attention for every student\",\n    },\n    {\n      value: \"95%\",\n      label: \"Placement Rate\",\n      description: \"Employment within 6 months of graduation\",\n    },\n    {\n      value: \"$500M+\",\n      label: \"Financial Aid\",\n      description: \"Awarded annually to students\",\n    },\n    {\n      value: \"300+\",\n      label: \"Student Organizations\",\n      description: \"Clubs, sports, and activities\",\n    },\n  ],\n};\n\nexport function Education100({\n  badge,\n  heading,\n  description,\n  facts = [],\n  className,\n}: Education100Props) {\n  return (\n    <section className={cn(\"py-24 w-full\", className)}>\n      <div className=\"container mx-auto px-4 md:px-6\">\n        <div className=\"mx-auto max-w-3xl text-center\">\n          {badge && (\n            <Badge variant={badge.variant} className=\"mb-4\">\n              {badge.label}\n            </Badge>\n          )}\n          <h2 className=\"text-3xl font-bold tracking-tight md:text-4xl\">\n            {heading}\n          </h2>\n          {description && (\n            <p className=\"mt-4 text-lg text-muted-foreground\">{description}</p>\n          )}\n        </div>\n\n        {facts.length > 0 && (\n          <div className=\"mx-auto mt-16 grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-4\">\n            {facts.map((fact, i) => (\n              <div\n                key={i}\n                className=\"rounded-xl border p-6 text-center transition-colors hover:bg-muted/50\"\n              >\n                <p className=\"text-3xl font-bold text-primary\">{fact.value}</p>\n                <p className=\"mt-2 font-medium\">{fact.label}</p>\n                {fact.description && (\n                  <p className=\"mt-1 text-sm text-muted-foreground\">\n                    {fact.description}\n                  </p>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/beste/block/education100.tsx"
    }
  ],
  "type": "registry:block"
}