{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "pricing-enterprise-sla-card",
  "title": "Pricing Enterprise Sla Card",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-react/blocks/pricing-enterprise-sla-card/PricingEnterpriseSlaCard.tsx",
      "content": "'use client'\n\nimport * as React from 'react'\nimport { ArrowRight, Building2, Calendar, CheckCircle2, Lock, Server } from 'lucide-react'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { cn } from '@/lib/utils'\n\nexport interface SlaGuarantee {\n  title: string\n  metric: string\n  description: string\n  icon: string\n}\n\nexport interface ComplianceCert {\n  id: string\n  name: string\n  status: string\n  badgeVariant?: 'default' | 'outline' | 'secondary'\n}\n\nexport interface PricingEnterpriseSlaCardProps {\n  title?: string\n  description?: string\n  guarantees?: SlaGuarantee[]\n  certifications?: ComplianceCert[]\n  className?: string\n}\n\nconst DEFAULT_GUARANTEES: SlaGuarantee[] = [\n  {\n    title: 'High-Availability SLA',\n    metric: '99.999%',\n    description: 'Financial penalty-backed monthly uptime commitment across multi-region clusters.',\n    icon: 'ShieldCheck',\n  },\n  {\n    title: 'P1 Incident Response',\n    metric: '< 15 mins',\n    description: 'Direct paging to designated Staff Infrastructure Commanders 24/7/365.',\n    icon: 'Headphones',\n  },\n  {\n    title: 'Global Edge TTFB',\n    metric: '< 12ms',\n    description: 'Sub-15ms Time-To-First-Byte guaranteed via Anycast network mesh.',\n    icon: 'Zap',\n  },\n  {\n    title: 'Custom Legal & DPA',\n    metric: 'Bespoke',\n    description: 'Dedicated legal counsel review, redline allowances, and customized BAAs.',\n    icon: 'Scale',\n  },\n]\n\nconst DEFAULT_CERTS: ComplianceCert[] = [\n  { id: 'soc2', name: 'SOC 2 Type II Certified', status: 'Continuous Audit' },\n  { id: 'hipaa', name: 'HIPAA Compliant BAA', status: 'Available' },\n  { id: 'iso27001', name: 'ISO/IEC 27001:2022', status: 'Certified' },\n  { id: 'gdpr', name: 'GDPR & CCPA Verified', status: 'Compliant' },\n  { id: 'fedramp', name: 'FedRAMP In-Process', status: 'High Baseline' },\n]\n\nexport function PricingEnterpriseSlaCard({\n  title = 'Mission-critical infrastructure with contractual legal guarantees.',\n  description = 'Tailored enterprise licensing, custom security reviews, isolated VPC deployments, and white-glove migration engineering.',\n  guarantees = DEFAULT_GUARANTEES,\n  certifications = DEFAULT_CERTS,\n  className,\n}: PricingEnterpriseSlaCardProps) {\n  const [isMeetingRequested, setIsMeetingRequested] = React.useState(false)\n\n  function requestMeeting() {\n    setIsMeetingRequested(true)\n    setTimeout(() => {\n      setIsMeetingRequested(false)\n    }, 3000)\n  }\n\n  return (\n    <section\n      data-slot=\"pricing-enterprise-sla-card\"\n      className={cn('bg-background relative overflow-hidden py-16 sm:py-24', className)}\n    >\n      <div className=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n        {/* Section Header */}\n        <div className=\"mx-auto max-w-3xl space-y-4 text-center\">\n          <a\n            href=\"#enterprise-contract\"\n            className=\"group border-border/80 bg-secondary/60 hover:bg-secondary text-foreground inline-flex items-center gap-2 rounded-full border px-3.5 py-1 text-xs font-medium shadow-2xs transition-colors\"\n          >\n            <Building2 className=\"text-primary size-3.5\" />\n            <span>Enterprise Custom Contracting</span>\n            <ArrowRight className=\"text-muted-foreground size-3 transition-transform group-hover:translate-x-0.5\" />\n          </a>\n\n          <h2 className=\"text-foreground text-3xl font-bold tracking-tight sm:text-4xl\">{title}</h2>\n\n          <p className=\"text-muted-foreground text-base sm:text-lg\">{description}</p>\n        </div>\n\n        {/* Main Enterprise Showcase Container */}\n        <div className=\"border-border bg-card mt-12 overflow-hidden rounded-2xl border shadow-sm\">\n          <div className=\"divide-border grid grid-cols-1 divide-y lg:grid-cols-12 lg:divide-x lg:divide-y-0\">\n            {/* Left: SLA Guarantees & Contractual Commitments (7 Cols) */}\n            <div className=\"space-y-8 p-8 lg:col-span-7\">\n              <div className=\"space-y-1\">\n                <div className=\"text-primary text-xs font-bold tracking-wider uppercase\">Service Level Agreement</div>\n                <h3 className=\"text-foreground text-xl font-bold\">Penalty-Backed Contractual Metrics</h3>\n                <p className=\"text-muted-foreground text-xs\">\n                  Every commitment is codified into your master service agreement with direct financial remedies.\n                </p>\n              </div>\n\n              {/* Guarantees 2x2 Grid */}\n              <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n                {guarantees.map((item, idx) => (\n                  <div key={idx} className=\"border-border bg-muted/20 space-y-2 rounded-xl border p-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <span className=\"text-foreground text-xs font-bold\">{item.title}</span>\n                      <span className=\"text-primary font-mono text-xs font-bold\">{item.metric}</span>\n                    </div>\n                    <p className=\"text-muted-foreground text-xs leading-relaxed\">{item.description}</p>\n                  </div>\n                ))}\n              </div>\n\n              {/* Compliance & Governance Strip */}\n              <div className=\"space-y-3 pt-2\">\n                <div className=\"text-muted-foreground flex items-center gap-2 text-xs font-bold tracking-wider uppercase\">\n                  <Lock className=\"text-primary size-3.5\" />\n                  <span>Security & Regulatory Attestations</span>\n                </div>\n                <div className=\"flex flex-wrap gap-2\">\n                  {certifications.map((cert) => (\n                    <Badge\n                      key={cert.id}\n                      variant=\"outline\"\n                      className=\"border-border bg-background text-foreground gap-1.5 px-3 py-1 text-xs font-medium\"\n                    >\n                      <CheckCircle2 className=\"text-success size-3\" />\n                      <span>{cert.name}</span>\n                      <span className=\"text-muted-foreground font-mono text-xs\">({cert.status})</span>\n                    </Badge>\n                  ))}\n                </div>\n              </div>\n            </div>\n\n            {/* Right: Direct Enterprise Solution Consultation Card (5 Cols) */}\n            <div className=\"bg-muted/30 flex flex-col justify-between space-y-6 p-8 lg:col-span-5\">\n              <div className=\"space-y-4\">\n                <div className=\"border-border flex items-center justify-between border-b pb-3\">\n                  <div className=\"flex items-center gap-2\">\n                    <Server className=\"text-primary size-4\" />\n                    <span className=\"text-foreground text-sm font-semibold\">Custom Private Deployment</span>\n                  </div>\n                  <Badge variant=\"outline\" className=\"border-success/30 bg-success/10 text-success font-mono text-xs\">\n                    Tailored\n                  </Badge>\n                </div>\n\n                <div className=\"space-y-2.5\">\n                  <div className=\"text-foreground text-xs font-bold\">Included with Custom Tier:</div>\n                  <ul className=\"text-muted-foreground space-y-2 text-xs\">\n                    <li className=\"flex items-center gap-2\">\n                      <CheckCircle2 className=\"text-success size-3.5 shrink-0\" />\n                      <span>Dedicated AWS / GCP VPC peering or self-hosted air-gap</span>\n                    </li>\n                    <li className=\"flex items-center gap-2\">\n                      <CheckCircle2 className=\"text-success size-3.5 shrink-0\" />\n                      <span>Custom SAML 2.0 / Okta / Azure AD SCIM provisioning</span>\n                    </li>\n                    <li className=\"flex items-center gap-2\">\n                      <CheckCircle2 className=\"text-success size-3.5 shrink-0\" />\n                      <span>Dedicated Solution Architect & design system migration team</span>\n                    </li>\n                    <li className=\"flex items-center gap-2\">\n                      <CheckCircle2 className=\"text-success size-3.5 shrink-0\" />\n                      <span>Invoiced payment via ACH, Wire Transfer, or AWS Marketplace</span>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n\n              {/* Action Block */}\n              <div className=\"border-border space-y-3 border-t pt-4\">\n                <Button className=\"w-full gap-2 shadow-xs\" size=\"lg\" onClick={requestMeeting}>\n                  <Calendar className=\"size-4\" />\n                  <span>\n                    {isMeetingRequested ? 'Direct Routing to Architect...' : 'Book Enterprise Technical Review'}\n                  </span>\n                </Button>\n                <div className=\"text-muted-foreground text-center text-xs\">\n                  Average executive response time: <strong>under 20 minutes</strong>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "~/components/blocks/pricing-enterprise-sla-card/PricingEnterpriseSlaCard.tsx"
    },
    {
      "path": "packages/registry-react/blocks/pricing-enterprise-sla-card/index.ts",
      "content": "export { PricingEnterpriseSlaCard } from './PricingEnterpriseSlaCard'\nexport type { ComplianceCert, PricingEnterpriseSlaCardProps, SlaGuarantee } from './PricingEnterpriseSlaCard'\n",
      "type": "registry:block",
      "target": "~/components/blocks/pricing-enterprise-sla-card/index.ts"
    }
  ],
  "dependencies": [
    "lucide-react"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/react/badge.json",
    "https://uipkge.dev/r/react/button.json"
  ],
  "description": "Enterprise contract specification block detailing 99.999% SLA metrics, SOC2/HIPAA compliance, and dedicated VPC architecture.",
  "categories": [
    "pricing",
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "pricing"
}