{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "feature-section-1",
  "title": "Feature Section 1",
  "description": "Feature showcase with image and dual-column layout",
  "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/feature-sections/feature-section-1.tsx",
      "content": "\"use client\";\n\nimport { Button } from \"@/components/ui/button\";\nimport Image from \"next/image\";\nimport { AspectRatio } from \"@/components/ui/aspect-ratio\";\nimport { Tagline } from \"@/components/pro-blocks//landing-page/tagline\";\n\nexport function FeatureSection1() {\n  return (\n    <section className=\"bg-background section-padding-y\">\n      <div className=\"container-padding-x mx-auto flex max-w-7xl flex-col items-center gap-12 md:gap-16 lg:flex-row\">\n        <div className=\"flex flex-1 flex-col gap-8\">\n          <div className=\"section-title-gap-lg flex flex-col items-start\">\n            <Tagline>Feature section</Tagline>\n            <h2 className=\"heading-lg text-foreground\">\n              Show your solution's impact on user success\n            </h2>\n            <p className=\"text-muted-foreground text-lg/8 text-pretty\">\n              Explain in one or two concise sentences how your solution\n              transforms users' challenges into positive outcomes. Keep it clear\n              and compelling.\n            </p>\n          </div>\n          <div className=\"flex w-full gap-2 md:w-auto\">\n            <Button>Get access</Button>\n            <Button variant=\"secondary\">Learn more</Button>\n          </div>\n        </div>\n        <div className=\"w-full flex-1\">\n          <AspectRatio ratio={4 / 3}>\n            <Image\n              src=\"https://ui.shadcn.com/placeholder.svg\"\n              alt=\"Feature section image\"\n              fill\n              className=\"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/feature-sections/feature-section-1.tsx"
    }
  ],
  "type": "registry:component"
}