{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "review-card13",
  "title": "Review",
  "description": "Review built with shadcn/ui.",
  "files": [
    {
      "path": "contents/examples/cards/review/13/index.tsx",
      "content": "import { StarIcon } from \"lucide-react\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Badge } from \"@/components/ui/badge\";\nimport { Separator } from \"@/components/ui/separator\";\n\nfunction GoogleIcon() {\n  return (\n    <svg viewBox=\"0 0 24 24\" className=\"size-4\" aria-hidden=\"true\">\n      <path\n        fill=\"#4285F4\"\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"\n      />\n      <path\n        fill=\"#34A853\"\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"\n      />\n      <path\n        fill=\"#FBBC05\"\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l3.66-2.84z\"\n      />\n      <path\n        fill=\"#EA4335\"\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"\n      />\n    </svg>\n  );\n}\n\nexport default function ReviewCard() {\n  return (\n    <Card className=\"w-full shadow-none md:w-[680px]\">\n      <CardContent className=\"space-y-4\">\n        {/* Top row */}\n        <div className=\"flex items-start justify-between gap-4\">\n          <div className=\"flex items-center gap-3\">\n            <img\n              src=\"https://images.unsplash.com/photo-1560250097-0b93528c311a?w=80&h=80&fit=crop&crop=face\"\n              alt=\"Sabri S.\"\n              className=\"size-11 rounded-full object-cover\"\n            />\n            <div>\n              <p className=\"text-sm font-semibold\">Sabri S.</p>\n              <p className=\"text-xs text-muted-foreground\">CEO at Nexora Group</p>\n              <p className=\"text-xs text-muted-foreground\">Review on 12 Mar 2025</p>\n            </div>\n          </div>\n          <Badge variant=\"outline\" className=\"flex items-center gap-1.5 rounded-full px-3 py-1\">\n            <GoogleIcon />\n            <span className=\"text-xs font-medium\">Google Review</span>\n          </Badge>\n        </div>\n\n        <Separator />\n\n        {/* Body + rating */}\n        <div className=\"flex items-end gap-6\">\n          <p className=\"flex-1 text-sm leading-relaxed text-muted-foreground\">\n            The team managed our entire platform rebuild from discovery to\n            launch. Their expertise spanned UX research, frontend engineering,\n            and cloud infrastructure, all delivered under tight timelines without\n            cutting corners on quality. The final product exceeded expectations\n            and our users have noticed the difference. Communication throughout\n            was clear and proactive. Among every vendor we have worked with,\n            this team stands out as a true partner rather than just a supplier.\n          </p>\n          <Separator orientation=\"vertical\" className=\"self-stretch\" />\n          <div className=\"shrink-0 text-right\">\n            <p className=\"text-3xl font-bold leading-none\">5.0</p>\n            <div className=\"mt-1.5 flex items-center gap-0.5\">\n              {Array.from({ length: 5 }).map((_, i) => (\n                <StarIcon key={i} className=\"size-4 fill-amber-400 text-amber-400\" />\n              ))}\n            </div>\n          </div>\n        </div>\n      </CardContent>\n    </Card>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/review-card13.tsx"
    }
  ],
  "type": "registry:block"
}