{
  "$schema": "https://shadcn-vue.com/schema/registry-item.json",
  "name": "testimonial-single-featured",
  "title": "Testimonial — Single Featured",
  "type": "registry:block",
  "files": [
    {
      "path": "packages/registry-vue/blocks/testimonial-single-featured/TestimonialSingleFeatured.vue",
      "content": "<script setup lang=\"ts\">\nimport { ArrowRight } from 'lucide-vue-next'\nimport { Avatar, AvatarFallback } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Separator } from '@/components/ui/separator'\n</script>\n\n<template>\n  <section data-slot=\"testimonial-single-featured\" class=\"bg-background\">\n    <div class=\"mx-auto max-w-5xl px-6 py-20 lg:py-28\">\n      <Badge variant=\"secondary\">Customer</Badge>\n\n      <!-- One quote, given the whole section. Keep it short: the size is what\n           carries it, and a long quote at this scale stops being readable. -->\n      <blockquote class=\"mt-6 text-2xl leading-tight font-medium tracking-tight text-balance sm:text-3xl lg:text-4xl\">\n        “We stopped arguing about whose number was right and started arguing about what to do next.”\n      </blockquote>\n\n      <div class=\"mt-10 grid gap-8 sm:grid-cols-[1fr_auto] sm:items-center\">\n        <div class=\"flex items-center gap-4\">\n          <Avatar class=\"size-12\">\n            <AvatarFallback>EW</AvatarFallback>\n          </Avatar>\n          <div>\n            <p class=\"font-medium\">Erin Walsh</p>\n            <p class=\"text-muted-foreground text-sm\">VP Finance · Northwind Logistics</p>\n          </div>\n          <Separator orientation=\"vertical\" class=\"ml-2 hidden h-10 sm:block\" />\n          <span class=\"hidden text-sm font-semibold tracking-[0.18em] uppercase sm:inline\">Northwind</span>\n        </div>\n\n        <div class=\"sm:text-right\">\n          <p class=\"font-display text-3xl font-bold tracking-tight\">5 days</p>\n          <p class=\"text-muted-foreground mt-1 text-sm\">off the monthly close</p>\n        </div>\n      </div>\n\n      <Separator class=\"my-10\" />\n\n      <div class=\"flex flex-wrap items-center justify-between gap-4\">\n        <p class=\"text-muted-foreground text-sm\">Freight forwarding · 1,200 staff · live since Q1 2026</p>\n        <Button variant=\"outline\">\n          Read the full story\n          <ArrowRight class=\"ml-2 size-4\" aria-hidden=\"true\" />\n        </Button>\n      </div>\n    </div>\n  </section>\n</template>\n",
      "type": "registry:block",
      "target": "~/app/components/blocks/TestimonialSingleFeatured.vue"
    }
  ],
  "dependencies": [
    "lucide-vue-next"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://uipkge.dev/r/vue/avatar.json",
    "https://uipkge.dev/r/vue/badge.json",
    "https://uipkge.dev/r/vue/button.json",
    "https://uipkge.dev/r/vue/separator.json"
  ],
  "description": "One large pull quote given the full section: oversized text, attribution with avatar and role, the customer wordmark, and a supporting result metric beside it.",
  "categories": [
    "marketing"
  ],
  "deprecated": true,
  "replacedBy": "testimonial"
}