{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "pricing-enterprise-sla-card",
  "title": "Pricing Enterprise Sla Card",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/pricing-enterprise-sla-card/PricingEnterpriseSlaCard.vue",
      "content": "<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\nimport { ArrowRight, Building2, Calendar, CheckCircle2, Lock, Server } from 'lucide-vue-next'\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  class?: 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\nconst props = withDefaults(defineProps<PricingEnterpriseSlaCardProps>(), {\n  title: 'Mission-critical infrastructure with contractual legal guarantees.',\n  description:\n    'Tailored enterprise licensing, custom security reviews, isolated VPC deployments, and white-glove migration engineering.',\n})\n\nconst activeGuarantees = computed(() => props.guarantees ?? DEFAULT_GUARANTEES)\nconst activeCertifications = computed(() => props.certifications ?? DEFAULT_CERTS)\n\nconst isMeetingRequested = ref(false)\n\nfunction requestMeeting() {\n  isMeetingRequested.value = true\n  setTimeout(() => {\n    isMeetingRequested.value = false\n  }, 3000)\n}\n</script>\n\n<template>\n  <section\n    data-slot=\"pricing-enterprise-sla-card\"\n    :class=\"cn('bg-background relative overflow-hidden py-16 sm:py-24', props.class)\"\n  >\n    <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\n      <!-- Section Header -->\n      <div class=\"mx-auto max-w-3xl space-y-4 text-center\">\n        <a\n          href=\"#enterprise-contract\"\n          class=\"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 class=\"text-primary size-3.5\" />\n          <span>Enterprise Custom Contracting</span>\n          <ArrowRight class=\"text-muted-foreground size-3 transition-transform group-hover:translate-x-0.5\" />\n        </a>\n\n        <h2 class=\"text-foreground text-3xl font-bold tracking-tight sm:text-4xl\">\n          {{ title }}\n        </h2>\n\n        <p class=\"text-muted-foreground text-base sm:text-lg\">\n          {{ description }}\n        </p>\n      </div>\n\n      <!-- Main Enterprise Showcase Container -->\n      <div class=\"border-border bg-card mt-12 overflow-hidden rounded-2xl border shadow-sm\">\n        <div class=\"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 class=\"space-y-8 p-8 lg:col-span-7\">\n            <div class=\"space-y-1\">\n              <div class=\"text-primary text-xs font-bold tracking-wider uppercase\">Service Level Agreement</div>\n              <h3 class=\"text-foreground text-xl font-bold\">Penalty-Backed Contractual Metrics</h3>\n              <p class=\"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 class=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              <div\n                v-for=\"(item, idx) in activeGuarantees\"\n                :key=\"idx\"\n                class=\"border-border bg-muted/20 space-y-2 rounded-xl border p-4\"\n              >\n                <div class=\"flex items-center justify-between\">\n                  <span class=\"text-foreground text-xs font-bold\">{{ item.title }}</span>\n                  <span class=\"text-primary font-mono text-xs font-bold\">{{ item.metric }}</span>\n                </div>\n                <p class=\"text-muted-foreground text-xs leading-relaxed\">\n                  {{ item.description }}\n                </p>\n              </div>\n            </div>\n\n            <!-- Compliance & Governance Strip -->\n            <div class=\"space-y-3 pt-2\">\n              <div class=\"text-muted-foreground flex items-center gap-2 text-xs font-bold tracking-wider uppercase\">\n                <Lock class=\"text-primary size-3.5\" />\n                <span>Security & Regulatory Attestations</span>\n              </div>\n              <div class=\"flex flex-wrap gap-2\">\n                <Badge\n                  v-for=\"cert in activeCertifications\"\n                  :key=\"cert.id\"\n                  variant=\"outline\"\n                  class=\"border-border bg-background text-foreground gap-1.5 px-3 py-1 text-xs font-medium\"\n                >\n                  <CheckCircle2 class=\"text-success size-3\" />\n                  <span>{{ cert.name }}</span>\n                  <span class=\"text-muted-foreground font-mono text-xs\">({{ cert.status }})</span>\n                </Badge>\n              </div>\n            </div>\n          </div>\n\n          <!-- Right: Direct Enterprise Solution Consultation Card (5 Cols) -->\n          <div class=\"bg-muted/30 flex flex-col justify-between space-y-6 p-8 lg:col-span-5\">\n            <div class=\"space-y-4\">\n              <div class=\"border-border flex items-center justify-between border-b pb-3\">\n                <div class=\"flex items-center gap-2\">\n                  <Server class=\"text-primary size-4\" />\n                  <span class=\"text-foreground text-sm font-semibold\">Custom Private Deployment</span>\n                </div>\n                <Badge variant=\"outline\" class=\"border-success/30 bg-success/10 text-success font-mono text-xs\">\n                  Tailored\n                </Badge>\n              </div>\n\n              <div class=\"space-y-2.5\">\n                <div class=\"text-foreground text-xs font-bold\">Included with Custom Tier:</div>\n                <ul class=\"text-muted-foreground space-y-2 text-xs\">\n                  <li class=\"flex items-center gap-2\">\n                    <CheckCircle2 class=\"text-success size-3.5 shrink-0\" />\n                    <span>Dedicated AWS / GCP VPC peering or self-hosted air-gap</span>\n                  </li>\n                  <li class=\"flex items-center gap-2\">\n                    <CheckCircle2 class=\"text-success size-3.5 shrink-0\" />\n                    <span>Custom SAML 2.0 / Okta / Azure AD SCIM provisioning</span>\n                  </li>\n                  <li class=\"flex items-center gap-2\">\n                    <CheckCircle2 class=\"text-success size-3.5 shrink-0\" />\n                    <span>Dedicated Solution Architect & design system migration team</span>\n                  </li>\n                  <li class=\"flex items-center gap-2\">\n                    <CheckCircle2 class=\"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 class=\"border-border space-y-3 border-t pt-4\">\n              <Button class=\"w-full gap-2 shadow-xs\" size=\"lg\" @click=\"requestMeeting\">\n                <Calendar class=\"size-4\" />\n                <span>{{\n                  isMeetingRequested ? 'Direct Routing to Architect...' : 'Book Enterprise Technical Review'\n                }}</span>\n              </Button>\n              <div class=\"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</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/pricing-enterprise-sla-card/PricingEnterpriseSlaCard.vue"
    },
    {
      "path": "packages/registry-vue/blocks/pricing-enterprise-sla-card/index.ts",
      "content": "export { default as PricingEnterpriseSlaCard } from './PricingEnterpriseSlaCard.vue'\nexport type { ComplianceCert, PricingEnterpriseSlaCardProps, SlaGuarantee } from './PricingEnterpriseSlaCard.vue'\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/pricing-enterprise-sla-card/index.ts"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/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"
}