بلاک های ویژگی

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

<template>
  <FeatureBlockA
    alignment="centered"
    :features="features"
    :columns="4"
    :limit="6"
    size="medium"
    inverted
  />
</template>

<script setup lang="ts">
import { features2 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockB
    alignment="centered"
    :features="features"
    :columns="4"
    :limit="6"
    size="medium"
    inverted
  />
</template>

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

<template>
  <FeatureBlockC
    :features="features"
    :limit="6"
    size="medium"
    links
    animated
  />
</template>

<script setup lang="ts">
import { features2 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockD
    :features="features2"
    :limit="6"
    size="medium"
    links
    animated
  />
</template>

<script setup lang="ts">
import { features3 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockE
    title="واقعیت افزوده و کسب و کارها."
    content="لورم ایپسوم دولور سیت آمت، کانسکتتور آدیپیسینگ الیت. ایلی
      اینیم اینتر سه دیسنتیونت. اکپکتوکیو کید آد اید، کواد
      کوایره‌با، ریسپوندیاس. نسکیو کو موڈو پرايتیولاوِیت اوراتیو.
      دو رجس: کانستروکسیو اینتررته. دیسرندی آرتِم نوللام
      هابوی. ویدسنه کوم سیت مگنا دیسنسیو؟ اکِ آلید سیمیله
      دیسیمیله."
    :features="features3"
    image="/@src/assets/illustrations/features/vr.svg"
    dark-image="/@src/assets/illustrations/features/vr-dark.svg"
    links
  />
</template>

<script setup lang="ts">
import { features4 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockF
    title="تحویل دقیق."
    :features="features4"
    image="/@src/assets/illustrations/features/flying.svg"
    dark-image="/@src/assets/illustrations/features/flying-dark.svg"
    links
  />
</template>

<script setup lang="ts">
import { features5 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockG
    :features="features5"
    image="/@src/assets/illustrations/features/feature-image-tablet.svg"
    dark-image="/@src/assets/illustrations/features/feature-image-tablet.svg"
    links
  />
</template>

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

<template>
  <FeatureBlockH :features="features" :columns="3" :limit="8" />
</template>

<script setup lang="ts">
import { features7 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockI
    title="ویژگی های شگفت انگیز"
    content="لورم ایپسوم دولور سیت آمت، کانسکتتور آدیپیسینگ الیت. ایلی اینیم
    اینتر سه دیسنتیونت. اکپکتوکیو کید آد اید، کواد کوایره‌با،
    ریسپوندیاس. نسکیو کو موڈو پرايتیولاوِیت اوراتیو. دو رجس:
    کانستروکسیو اینتررته. دیسرندی آرتِم نوللام هابوی."
    :features="features7"
    links
    rounded
  />
</template>

<script setup lang="ts">
import { features8 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockJ
    title="سبزیجات تازه"
    content="لورم ایپسوم دولور سیت آمت، کانسکتتور آدیپیسینگ الیت. ایلی
      اینیم اینتر سه دیسنتیونت. اکپکتوکیو کید آد اید، کواد
      کوایره‌با، ریسپوندیاس. نسکیو کو موڈو پرايتیولاوِیت اوراتیو.
      دو رجس: کانستروکسیو اینتررته. دیسرندی آرتِم نوللام
      هابوی. ویدسنه کوم سیت مگنا دیسنسیو؟ اکِ آلید سیمیله
      دیسیمیله."
    image="/@src/assets/illustrations/features/carrying-vegetables.svg"
    dark-image="/@src/assets/illustrations/features/carrying-vegetables.svg"
    :features="features8"
    links
  />
</template>

<script setup lang="ts">
import { features4 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockK
    title="سبزیجات تازه"
    content="لورم ایپسوم دولور سیت آمت، کانسکتتور آدیپیسینگ الیت. ایلی
      اینیم اینتر سه دیسنتیونت. اکپکتوکیو کید آد اید، کواد
      کوایره‌با، ریسپوندیاس. نسکیو کو موڈو پرايتیولاوِیت اوراتیو.
      دو رجس: کانستروکسیو اینتررته. دیسرندی آرتِم نوللام
      هابوی. ویدسنه کوم سیت مگنا دیسنسیو؟ اکِ آلید سیمیله
      دیسیمیله."
    :features="features4"
    links
  />
</template>

<script setup lang="ts">
import { features9 } from '/@src/data/blocks/features'
</script>

<template>
  <FeatureBlockL :features="features9" blob dots links />
</template>