<script setup lang="ts">
const { features, tabsData } = useFeaturesData();
</script>
<template>
  <section id="features" class="py-section bg-gradient-even">
    <div class="container mx-auto px-4">
      <SectionHeadline :title="features.title" />
      <p
        class="dark-text-gradient mx-auto block! w-full pb-[3.5rem] text-center text-lg"
      >
        {{ features.description }}
      </p>
    </div>
    <LazyHorizontalTabsWithContent :tabs-data="tabsData" />
  </section>
</template>
<style scoped></style>
