---
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" 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>