Feature Blocks

<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="VR For Business."
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illi enim
      inter se dissentiunt. Expectoque quid ad id, quod quaerebam,
      respondeas. Nescio quo modo praetervolavit oratio. Duo Reges:
      constructio interrete. Disserendi artem nullam habuit. Videsne quam
      sit magna dissensio? Ecce aliud simile dissimile."
    :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="On point delivery."
    :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="Amazing Features"
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illi enim
    inter se dissentiunt. Expectoque quid ad id, quod quaerebam,
    respondeas. Nescio quo modo praetervolavit oratio. Duo Reges:
    constructio interrete. Disserendi artem nullam habuit."
    :features="features7"
    links
    rounded
  />
</template>

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

<template>
  <FeatureBlockJ
    title="Fresh Vegetables"
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illi
      enim inter se dissentiunt. Expectoque quid ad id, quod
      quaerebam, respondeas. Nescio quo modo praetervolavit oratio.
      Duo Reges: constructio interrete. Disserendi artem nullam
      habuit. Videsne quam sit magna dissensio? Ecce aliud simile
      dissimile."
    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="Fresh Vegetables"
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Illi
      enim inter se dissentiunt. Expectoque quid ad id, quod
      quaerebam, respondeas. Nescio quo modo praetervolavit oratio.
      Duo Reges: constructio interrete. Disserendi artem nullam
      habuit. Videsne quam sit magna dissensio? Ecce aliud simile
      dissimile."
    :features="features4"
    links
  />
</template>

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

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