<script setup lang="ts">
const scrollToSubscribeSection = () => {
  const subscribeSection = document.getElementById("subscribe");
  subscribeSection?.scrollIntoView({ behavior: "smooth" });
};
</script>

<template>
  <InternalHeaderSection
    :pages="[{ name: $t('blogs') }]"
    video-url="/videos/blog-hero.mp4"
  >
    <template #title>
      <h1>
        {{ $t("blogsHero.title") }}
      </h1>
    </template>
    <template #button>
      <MainButton
        :contnet="$t('blogsHero.button')"
        @click="scrollToSubscribeSection"
      />
    </template>
  </InternalHeaderSection>
</template>
