Content Blocks

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

<template>
  <ContentBlockA
    :title="content.title"
    :text="content.text"
    link="index"
    :images="content.images"
  />
</template>

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

<template>
  <ContentBlockB
    :title="content3.title"
    :subtitle="content3.subtitle"
    :text="content3.text"
    :images="content3.images"
    link="index"
  />
</template>

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

<template>
  <ContentBlockC
    :title="content5.title"
    :subtitle="content5.subtitle"
    :text="content5.text"
    :image="content5.image"
  />
</template>

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

<template>
  <ContentBlockD
    :title="content7.title"
    :subtitle="content7.subtitle"
    :text="content7.text"
    :images="content7.images"
    link="index"
    inverted
  />
</template>     

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

<template>
  <ContentBlockE
    :title="content8.title"
    :text="content8.text"
    :icons="content8.icons"
    :image="content8.image"
  />
</template> 

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

<template>
  <ContentBlockF
    :title="content10.title"
    :text="content10.text"
    :image="content10.image"
    :logos="content10.logos"
  />
</template>

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

<template>
  <ContentBlockG
    :title="content12.title"
    :text="content12.text"
    :images="content12.images"
    :logos="content12.logos"
  />
</template>

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

<template>
  <ContentBlockH 
    :title="content13.title" 
    :text="content13.text" 
    :images="content13.images" 
  />
</template>  

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

<template>
  <ContentBlockI :counters="content14" />
</template>  

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

<template>
  <ContentBlockJ
    :title="content16.title"
    :text="content16.text"
    :image="content16.image"
    :counters="content16.counters"
  />
</template>