Advanced Pricing

<script setup lang="ts">
import { plans } from '/@src/data/blocks/advanced/pricing'
</script>

<template>
  <PricingSection :plans="plans" />
</template>

<script setup lang="ts">
import { eventPlans } from '/@src/data/pages/conference'
</script>

<template>
  <PricingCardsA
    :plans="eventPlans"
    :columns="3"
    label="Buy Ticket"
    rounded
    pulled
    polka-dots
  />
</template>

<script setup lang="ts">
import { workoutPricingPlans } from '/@src/data/pages/workout'
</script>

<template>
  <PricingDuo
    title="Our plans"
    subtitle="Duplexque isdem diebus acciderat malum, quod et Theophilum insontem
        atrox interceperat casus."
    :plans="workoutPricingPlans"
    rounded
    polka-dots
  />
</template>

<template>
  <PricingAction
    :monthly-price="75"
    :quarterly-price="225"
    :yearly-price="600"
    :discount="30"
  />
</template>

<template>
  <PricingSolo
    title="Solution pricing"
    subtitle="All features you'll ever need to run a project"
    :features="[
      'Unlimited projects',
      'Desktop and mobile app',
      'Unlimited tasks',
      'Email integration',
      'Unlimited time records',
      'Client management',
      'Task dependencies',
      'Budget tracking',
      'Recurring tasks',
      'Advanced reports',
    ]"
    :monthly-price="7"
    :yearly-price="79"
    link-label="Start Free Trial"
    link="/"
  />
</template>

<template>
  <PricingSoloCentered
    :features="[
      'Unlimited projects',
      'Desktop and mobile app',
      'Unlimited tasks',
      'Email integration',
      'Unlimited time records',
    ]"
    :price="0"
    link-label="Get Started Now"
    link="/"
  />
</template>

<script setup lang="ts">
import { longPlans } from '/@src/data/blocks/advanced/pricing'
</script>

<template>
  <PricingLong
    :plans="longPlans"
    :columns="4"
    :limit="3"
    rounded
    shadow
    polka-dots
  />
</template>

<script setup lang="ts">
import { pricingCompactPlans } from '/@src/data/blocks/advanced/pricing'
</script>

<template>
  <PricingCompact :plans="pricingCompactPlans" />
</template>