<script lang="ts" setup>
const { servicesData } = useHomeServicesData();
defineProps({
  backgroundEven: {
    type: Boolean,
    default: true,
  },
});
</script>
<template>
  <section
    id="services"
    :class="backgroundEven ? 'bg-gradient-even' : 'bg-gradient-odd'"
    class="py-section"
  >
    <div class="container mx-auto px-4">
      <SectionHeadline :title="$t('servicesSection.title')" />
      <VerticalTabsWithContent :services="servicesData" />
    </div>
  </section>
</template>
<style></style>
