{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-section-1",
  "title": "Hero Section 1",
  "description": "Hero section with dual-column layout and call-to-action buttons",
  "registryDependencies": [
    "button",
    "aspect-ratio",
    "https://shadcndesign-free.vercel.app/r/styles.json",
    "https://shadcndesign-free.vercel.app/r/tagline.json"
  ],
  "files": [
    {
      "path": "components/pro-blocks/landing-page/hero-sections/hero-section-1.tsx",
      "content": "\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Tagline } from \"@/components/pro-blocks/landing-page/tagline\";\nimport { AspectRatio } from \"@/components/ui/aspect-ratio\";\nimport Image from \"next/image\";\nimport { ArrowUpRight } from \"lucide-react\";\n\nexport function HeroSection1() {\n  return (\n    <section\n      className=\"bg-background section-padding-y\"\n      aria-labelledby=\"hero-heading\"\n    >\n      <div className=\"container-padding-x mx-auto flex max-w-7xl flex-col items-center gap-12 lg:flex-row lg:gap-16\">\n        <div className=\"flex flex-1 flex-col gap-6 lg:gap-8\">\n          <div className=\"section-title-gap-xl flex flex-col items-center text-center lg:items-start lg:text-left\">\n            <Tagline variant=\"link\">\n              <span className=\"size-1.5 rounded-full bg-green-500\" />\n              <span className=\"hidden lg:inline\">What's new · </span>\n              <span className=\"lg:text-muted-foreground\">\n                Just shipped v2.0\n              </span>\n              <ArrowUpRight />\n            </Tagline>\n            <h1 id=\"hero-heading\" className=\"heading-xl\">\n              Solve your user's main problem\n            </h1>\n            <p className=\"text-muted-foreground text-lg/8 text-pretty\">\n              Follow with one or two sentences that expand on your value\n              proposition and focus on key benefits.\n            </p>\n          </div>\n          <div className=\"flex items-center justify-center gap-2 lg:justify-start\">\n            <Button>Get started</Button>\n            <Button variant=\"secondary\">Learn more</Button>\n          </div>\n        </div>\n\n        <div className=\"w-full flex-1\">\n          <AspectRatio ratio={1 / 1}>\n            <Image\n              src=\"https://ui.shadcn.com/placeholder.svg\"\n              alt=\"Hero section visual\"\n              fill\n              priority\n              className=\"h-full w-full rounded-xl object-cover\"\n            />\n          </AspectRatio>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/pro-blocks/landing-page/hero-sections/hero-section-1.tsx"
    }
  ],
  "type": "registry:component"
}