<template>
  <div v-if="data" class="demo-section">
    <template v-for="index in data.cards">
      <div class="cards" :key="index.title_h3">
        <h3>{{ index.title_h3 }}</h3>
        <p>{{ index.description }}</p>
        <div class="card-cta">
          <NuxtLink class="btn primary-btn" :to="index.call_to_action.href">{{
            index.call_to_action.title
          }}</NuxtLink>
        </div>
      </div>
    </template>
  </div>
</template>

<script>
export default {
  props: ['data'],
}
</script>
