{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "content-3",
  "type": "registry:block",
  "title": "Content 3",
  "description": "Content section with a wide image and icon-led supporting points.",
  "files": [
    {
      "path": "app/preview/content/three/page.tsx",
      "content": "import { Button } from '@/components/ui/button'\nimport { ChevronRight } from 'lucide-react'\nimport Link from 'next/link'\n\nexport default function ContentSection() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl space-y-8 px-6 md:space-y-12\">\n                <img className=\"rounded-(--radius) grayscale\" src=\"https://images.unsplash.com/photo-1530099486328-e021101a494a?q=80&w=2747&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\" alt=\"team image\" height=\"\" width=\"\" loading=\"lazy\" />\n\n                <div className=\"grid gap-6 md:grid-cols-2 md:gap-12\">\n                    <h2 className=\"text-4xl font-medium\">The Lyra ecosystem brings together our models, products and platforms.</h2>\n                    <div className=\"space-y-6\">\n                        <p>Lyra is evolving to be more than just the models. It supports an entire ecosystem — from products to the APIs and platforms helping developers and businesses innovate.</p>\n\n                        <Button asChild variant=\"secondary\" size=\"sm\" className=\"gap-1 pr-1.5\">\n                            <Link href=\"#\">\n                                <span>Learn More</span>\n                                <ChevronRight className=\"size-2\" />\n                            </Link>\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/content-3.tsx"
    }
  ]
}