{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "footer-brand-statement",
  "title": "Footer — Brand Statement",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/footer-brand-statement/FooterBrandStatement.vue",
      "content": "<script setup lang=\"ts\">\nimport { Github, Layers, Linkedin } from 'lucide-vue-next'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Separator } from '@/components/ui/separator'\n\nconst sections = [\n  { heading: 'Platform', links: ['Metric layer', 'Governance', 'Alerting', 'Embedding'] },\n  { heading: 'Company', links: ['About', 'Careers', 'Customers', 'Press kit'] },\n  { heading: 'Resources', links: ['Documentation', 'Guides', 'Benchmarks', 'Status'] },\n]\n</script>\n\n<template>\n  <footer data-slot=\"footer-brand-statement\" class=\"border-border bg-background border-t\">\n    <div class=\"mx-auto max-w-6xl px-6 py-16\">\n      <a href=\"#top\" class=\"flex w-fit items-center gap-2 font-semibold tracking-tight\">\n        <Layers class=\"text-primary size-5\" aria-hidden=\"true\" />\n        Northwind\n      </a>\n\n      <!-- The statement is the only oversized type on the page. Keep it to one\n           sentence; at this size a second one stops being read. -->\n      <p class=\"mt-8 max-w-3xl text-2xl leading-tight font-medium tracking-tight text-balance sm:text-3xl\">\n        Every number your company acts on should have one definition, one owner, and a history you can read.\n      </p>\n      <p class=\"text-muted-foreground mt-4 max-w-xl text-sm leading-relaxed\">\n        That is the whole product. Everything else here is detail.\n      </p>\n\n      <Separator class=\"my-12\" />\n\n      <div class=\"grid grid-cols-2 gap-8 sm:grid-cols-3\">\n        <div v-for=\"section in sections\" :key=\"section.heading\">\n          <p class=\"text-muted-foreground/70 text-xs font-medium tracking-wide uppercase\">{{ section.heading }}</p>\n          <ul class=\"mt-3 space-y-2\">\n            <li v-for=\"link in section.links\" :key=\"link\">\n              <a href=\"#\" class=\"text-muted-foreground hover:text-foreground text-sm transition-colors\">{{ link }}</a>\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <Separator class=\"my-10\" />\n\n      <div class=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n        <div class=\"text-muted-foreground flex flex-wrap items-center gap-x-4 gap-y-2 text-xs\">\n          <span>© 2026 Northwind Data, Inc.</span>\n          <a href=\"#privacy\" class=\"hover:text-foreground transition-colors\">Privacy</a>\n          <a href=\"#terms\" class=\"hover:text-foreground transition-colors\">Terms</a>\n          <a href=\"mailto:hello@northwind.example\" class=\"hover:text-foreground transition-colors\">\n            hello@northwind.example\n          </a>\n        </div>\n        <div class=\"flex items-center gap-2 sm:ml-auto\">\n          <Badge variant=\"outline\">SOC 2 Type II</Badge>\n          <Badge variant=\"outline\">GDPR</Badge>\n          <Button variant=\"ghost\" size=\"icon\" class=\"size-8\" aria-label=\"GitHub\">\n            <Github class=\"size-4\" aria-hidden=\"true\" />\n          </Button>\n          <Button variant=\"ghost\" size=\"icon\" class=\"size-8\" aria-label=\"LinkedIn\">\n            <Linkedin class=\"size-4\" aria-hidden=\"true\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  </footer>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/FooterBrandStatement.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/button.json",
    "https://uipkge.dev/r/vue/separator.json"
  ],
  "description": "Footer led by an oversized brand statement and mission line, with three link columns set beneath it and a legal row carrying certifications and a contact address.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "footer"
}