{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "pricing-one",
	"type": "registry:block",
	"description": "Simple three-tier pricing cards",
	"devDependencies": [
		"@lucide/svelte"
	],
	"registryDependencies": [
		"button",
		"card"
	],
	"files": [
		{
			"content": "<script>\n\timport Button from \"$COMPONENTS$/ui/button/button.svelte\";\n\timport {\n\t\tCard,\n\t\tCardContent,\n\t\tCardDescription,\n\t\tCardHeader,\n\t\tCardTitle,\n\t\tCardFooter,\n\t} from \"$COMPONENTS$/ui/card\";\n\timport Check from \"@lucide/svelte/icons/check\";\n\n\tlet pricingList = {\n\t\tfree: [\"Basic Analytics Dashboard\", \"5GB Cloud Storage\", \"Email and Chat Support\"],\n\t\tstartup: [\"Everything in Pro Plan\", \"5GB Cloud Storage\", \"Email and Chat Support\"],\n\t\tpro: [\n\t\t\t\"Everything in Free Plan\",\n\t\t\t\"5GB Cloud Storage\",\n\t\t\t\"Email and Chat Support\",\n\t\t\t\"Access to Community Forum\",\n\t\t\t\"Single User Access\",\n\t\t\t\"Access to Basic Templates\",\n\t\t\t\"Mobile App Access\",\n\t\t\t\"1 Custom Report Per Month\",\n\t\t\t\"Monthly Product Updates\",\n\t\t\t\"Standard Security Features\",\n\t\t],\n\t};\n</script>\n\n<section class=\"py-16 md:py-32\">\n\t<div class=\"mx-auto max-w-6xl px-6\">\n\t\t<div class=\"mx-auto max-w-2xl space-y-6 text-center\">\n\t\t\t<h1 class=\"text-center text-4xl font-semibold lg:text-5xl\">\n\t\t\t\tPricing that Scales with You\n\t\t\t</h1>\n\t\t\t<p>\n\t\t\t\tGemini is evolving to be more than just the models. It supports an entire to the\n\t\t\t\tAPIs and platforms helping developers and businesses innovate.\n\t\t\t</p>\n\t\t</div>\n\n\t\t<div class=\"mt-8 grid gap-6 md:mt-20 md:grid-cols-3\">\n\t\t\t<Card class=\"flex flex-col\">\n\t\t\t\t<CardHeader>\n\t\t\t\t\t<CardTitle class=\"font-medium\">Free</CardTitle>\n\t\t\t\t\t<span class=\"my-3 block text-2xl font-semibold\">$0 / mo</span>\n\t\t\t\t\t<CardDescription class=\"text-sm\">Per editor</CardDescription>\n\t\t\t\t</CardHeader>\n\n\t\t\t\t<CardContent class=\"space-y-4\">\n\t\t\t\t\t<hr class=\"border-dashed\" />\n\n\t\t\t\t\t<ul class=\"list-outside space-y-3 text-sm\">\n\t\t\t\t\t\t{#each pricingList.free as item}\n\t\t\t\t\t\t\t<li class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<Check class=\"size-3\" />\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</ul>\n\t\t\t\t</CardContent>\n\n\t\t\t\t<CardFooter class=\"mt-auto\">\n\t\t\t\t\t<Button href=\"/\" variant=\"outline\" class=\"w-full\">Get Started</Button>\n\t\t\t\t</CardFooter>\n\t\t\t</Card>\n\n\t\t\t<Card class=\"relative\">\n\t\t\t\t<span\n\t\t\t\t\tclass=\"absolute inset-x-0 -top-3 mx-auto flex h-6 w-fit items-center rounded-full bg-linear-to-br/increasing from-purple-400 to-amber-300 px-3 py-1 text-xs font-medium text-amber-950 ring-1 ring-white/20 ring-offset-1 ring-offset-gray-950/5 ring-inset\"\n\t\t\t\t\t>Popular</span\n\t\t\t\t>\n\n\t\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t\t<CardHeader>\n\t\t\t\t\t\t<CardTitle class=\"font-medium\">Pro</CardTitle>\n\t\t\t\t\t\t<span class=\"my-3 block text-2xl font-semibold\">$19 / mo</span>\n\t\t\t\t\t\t<CardDescription class=\"text-sm\">Per editor</CardDescription>\n\t\t\t\t\t</CardHeader>\n\n\t\t\t\t\t<CardContent class=\"space-y-4\">\n\t\t\t\t\t\t<hr class=\"border-dashed\" />\n\t\t\t\t\t\t<ul class=\"list-outside space-y-3 text-sm\">\n\t\t\t\t\t\t\t{#each pricingList.pro as item}\n\t\t\t\t\t\t\t\t<li class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t<Check class=\"size-3\" />\n\t\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t{/each}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</CardContent>\n\n\t\t\t\t\t<CardFooter>\n\t\t\t\t\t\t<Button href=\"\" class=\"w-full\">Get Started</Button>\n\t\t\t\t\t</CardFooter>\n\t\t\t\t</div>\n\t\t\t</Card>\n\n\t\t\t<Card class=\"flex flex-col\">\n\t\t\t\t<CardHeader>\n\t\t\t\t\t<CardTitle class=\"font-medium\">Startup</CardTitle>\n\t\t\t\t\t<span class=\"my-3 block text-2xl font-semibold\">$29 / mo</span>\n\t\t\t\t\t<CardDescription class=\"text-sm\">Per editor</CardDescription>\n\t\t\t\t</CardHeader>\n\n\t\t\t\t<CardContent class=\"space-y-4\">\n\t\t\t\t\t<hr class=\"border-dashed\" />\n\n\t\t\t\t\t<ul class=\"list-outside space-y-3 text-sm\">\n\t\t\t\t\t\t{#each pricingList.startup as item, index}\n\t\t\t\t\t\t\t<li class=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<Check class=\"size-3\" />\n\t\t\t\t\t\t\t\t{item}\n\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t{/each}\n\t\t\t\t\t</ul>\n\t\t\t\t</CardContent>\n\n\t\t\t\t<CardFooter class=\"mt-auto\">\n\t\t\t\t\t<Button href=\"/\" variant=\"outline\" class=\"w-full\">Get Started</Button>\n\t\t\t\t</CardFooter>\n\t\t\t</Card>\n\t\t</div>\n\t</div>\n</section>\n",
			"type": "registry:component",
			"target": "blocks/pricing/pricing-one.svelte"
		}
	]
}