{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["button","badge","@efferd/decor-icon"],"name":"pricing-1","description":"Side-by-side monthly and yearly pricing cards with discount badges.","categories":["pricing"],"files":[{"path":"registry/blocks/pricing/1/pricing-section.tsx","type":"registry:component","content":"import { Badge } from \"@/components/ui/badge\";\nimport { Button } from \"@/components/ui/button\";\nimport { DecorIcon } from \"@/components/decor-icon\";\n\nexport function PricingSection() {\n\treturn (\n\t\t<section className=\"w-full space-y-5\">\n\t\t\t<div className=\"mx-auto max-w-lg\">\n\t\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t\t<div className=\"rounded-md border px-4 py-1 text-sm\">Pricing</div>\n\t\t\t\t</div>\n\t\t\t\t<h2 className=\"mt-4 text-center font-bold text-2xl tracking-tight md:text-3xl\">\n\t\t\t\t\tPricing Based on Your Success\n\t\t\t\t</h2>\n\t\t\t\t<p className=\"mt-2 text-center text-muted-foreground text-sm md:text-base\">\n\t\t\t\t\tWe offer a single price for all our services. We believe that pricing\n\t\t\t\t\tis a critical component of any successful business.\n\t\t\t\t</p>\n\t\t\t</div>\n\n\t\t\t<div className=\"mx-auto w-full max-w-2xl space-y-2\">\n\t\t\t\t<div className=\"relative grid border bg-background p-4 shadow-xs md:grid-cols-2\">\n\t\t\t\t\t<DecorIcon className=\"size-3\" position=\"top-left\" />\n\t\t\t\t\t<DecorIcon className=\"size-3\" position=\"top-right\" />\n\t\t\t\t\t<DecorIcon className=\"size-3\" position=\"bottom-left\" />\n\t\t\t\t\t<DecorIcon className=\"size-3\" position=\"bottom-right\" />\n\n\t\t\t\t\t<div className=\"w-full px-4 pt-5 pb-4\">\n\t\t\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<h3 className=\"font-semibold leading-none\">Monthly</h3>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-x-1\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground text-sm line-through\">\n\t\t\t\t\t\t\t\t\t\t$8.99\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<Badge variant=\"secondary\">11% off</Badge>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\t\t\tBest value for growing businesses!\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"mt-10 space-y-4\">\n\t\t\t\t\t\t\t<div className=\"flex items-end gap-0.5 text-muted-foreground text-xl\">\n\t\t\t\t\t\t\t\t<span>$</span>\n\t\t\t\t\t\t\t\t<span className=\"-mb-0.5 font-extrabold text-4xl text-foreground tracking-tighter md:text-4xl\">\n\t\t\t\t\t\t\t\t\t7.99\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span>/month</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Button asChild className=\"w-full\" variant=\"outline\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Start Your Journey</a>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"relative w-full rounded-md border bg-card p-4 shadow dark:bg-card/80\">\n\t\t\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t\t\t\t<h3 className=\"font-semibold leading-none\">Yearly</h3>\n\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-x-1\">\n\t\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground text-sm line-through\">\n\t\t\t\t\t\t\t\t\t\t$8.99\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t<Badge>22% off</Badge>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm\">\n\t\t\t\t\t\t\t\tUnlock savings with an annual commitment!\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"mt-10 space-y-4\">\n\t\t\t\t\t\t\t<div className=\"flex items-end text-muted-foreground text-xl\">\n\t\t\t\t\t\t\t\t<span>$</span>\n\t\t\t\t\t\t\t\t<span className=\"-mb-0.5 font-extrabold text-4xl text-foreground tracking-tighter md:text-4xl\">\n\t\t\t\t\t\t\t\t\t6.99\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<span>/month</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Button asChild className=\"w-full\">\n\t\t\t\t\t\t\t\t<a href=\"#\">Get Started Now</a>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t<div className=\"flex items-center justify-center gap-x-2 text-muted-foreground text-sm\">\n\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\tclassName=\"size-4\"\n\t\t\t\t\t\thugeicons=\"SecurityCheckIcon\"\n\t\t\t\t\t\tlucide=\"ShieldCheckIcon\"\n\t\t\t\t\t\tphosphor=\"ShieldCheckIcon\"\n\t\t\t\t\t\tremixicon=\"RiShieldCheckLine\"\n\t\t\t\t\t\ttabler=\"IconShieldCheck\"\n\t\t\t\t\t/>\n\t\t\t\t\t<span>Access to all features with no hidden fees</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n"}]}