<script setup lang="ts">
defineProps({
  backgroundEven: {
    type: Boolean,
    default: true,
  },
});
</script>
<template>
  <section
    id="advantages"
    :class="backgroundEven ? 'bg-gradient-even' : 'bg-gradient-odd'"
    class="py-section"
  >
    <div class="container mx-auto px-4">
      <SectionHeadline :title="$t('advantages.title')" />
      <p
        class="dark-text-gradient mx-auto block! pb-[3.5rem] text-center lg:w-[800px]"
      >
        {{ $t("advantages.description") }}
      </p>
    </div>
    <DefaultHorizontalCarousel />
  </section>
</template>

<style scoped></style>
