---
import DefaultLayout from '@shared/layouts/DefaultLayout.astro';
import PricingCard from '@shared/components/cards/PricingCard.astro';
import PricingCardEnterprise from '@shared/components/cards/PricingCardEnterprise.astro';
---

<DefaultLayout title="Pricing cards" pageHeader="Pricing cards" pageMenu="extra.pricing">
	<div class="row row-cards">
		<div class="col-sm-6 col-lg-3">
			<PricingCard price="0" users={3} category="Free" />
		</div>
		<div class="col-sm-6 col-lg-3">
			<PricingCard price="49" users={10} category="Premium" features="1100" featuredColor="green" />
		</div>
		<div class="col-sm-6 col-lg-3">
			<PricingCard price="99" category="Enterprise" users={100} features="1110" />
		</div>
		<div class="col-sm-6 col-lg-3">
			<PricingCard price="139" category="Unlimited" users="Unlimited" features="1111" />
		</div>
		<div class="col-12">
			<PricingCardEnterprise />
		</div>
	</div>
</DefaultLayout>