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="خرید بلیط"
    rounded
    pulled
    polka-dots
  />
</template>

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

<template>
  <PricingDuo
    title="پلن‌های ما"
    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="قیمت گذاری موثر"
    subtitle="همه ویژگی‌های لارم برای ران کردن پروژه"
    :features="[
      'بی نهایت پروژه',
      'اپ موبایل و دسکتاپ',
      'بی نهایت تسک',
      'پشتیبانی از ایمیل',
      'بی نهایت رکورد زمان',
      'مدیریت کلاینت',
      'ملزومات تسک',
      'نرک بودجه',
      'تسک‌های بازگشتی',
      'گزارشات پیشرفته',
    ]"
    :monthly-price="7"
    :yearly-price="79"
    link-label="شروع دسترسی آزمایشی"
    link="/"
  />
</template>

<template>
  <PricingSoloCentered
    :features="[
      'بی نهایت پروژه',
      'اپ موبایل و دسکتاپ',
      'بی نهایت تسک',
      'پشتیبانی از ایمیل',
      'بی نهایت رکورد زمان',
    ]"
    :price="0"
    link-label="همین حالا شروع کنید"
    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>