{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "newsletter-sections",
  "type": "registry:component",
  "title": "Newsletter Sections",
  "author": "Toby Belhome",
  "description": "Engage and grow your audience with beautifully designed Tailwind CSS newsletter sections. These layouts combine clean forms, compelling copy, and subtle visuals to encourage sign-ups. Perfect for blogs, SaaS products, and marketing sites looking to build an email list with a modern and conversion-focused approach.",
  "dependencies": [],
  "registryDependencies": [
    "button",
    "card",
    "input"
  ],
  "files": [
    {
      "path": "examples/blocks/marketing/newsletter-sections/01/page.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\nimport { Card, CardContent } from \"@/components/ui/card\";\nimport { Input } from \"@/components/ui/input\";\n\nexport default function NewsletterSection() {\n  return (\n    <section className=\"from-muted to-muted/50 w-full bg-gradient-to-r py-12 lg:py-20\">\n      <div className=\"container mx-auto flex flex-col items-center justify-center space-y-6 px-4 text-center md:px-6\">\n        <header className=\"mx-auto max-w-2xl space-y-2\">\n          <h2 className=\"font-heading text-3xl sm:text-4xl md:text-4xl\">Join Our Community</h2>\n          <p className=\"text-muted-foreground text-balance md:text-lg\">\n            Subscribe to our newsletter to get the latest updates, exclusive content, and special\n            offers directly in your inbox.\n          </p>\n        </header>\n        <div className=\"w-full max-w-md\">\n          <Card className=\"border-0 shadow-none\">\n            <CardContent className=\"grid gap-4\">\n              <form className=\"space-y-2\">\n                <Input id=\"email\" type=\"email\" placeholder=\"you@example.com\" />\n                <Button className=\"w-full\">Subscribe</Button>\n              </form>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/newsletter-sections.tsx"
    }
  ],
  "meta": {
    "isPro": false
  }
}