<script setup lang="ts">
const { t } = useI18n();
useSeoMeta({
  title: computed(() => t("digitalMarkitingSeo.title")),
  description: computed(() => t("digitalMarkitingSeo.description")),
  ogTitle: computed(() => t("digitalMarkitingSeo.ogTitle")),
  ogDescription: computed(() => t("digitalMarkitingSeo.ogDescription")),
  keywords: computed(() => t("digitalMarkitingSeo.keywords")),
});

useServiceSchema({
  name: t("digitalmarketing"),
  serviceType: "Digital Marketing Services",
  description: t("digitalMarkitingSeo.description"),
  url: "/digital-marketing",
});
</script>
<template>
  <main>
    <InternalHeaderSection
      video-url="/videos/digital-header.mp4"
      :pages="[
        { name: $t('navigationItems.services') },
        { name: $t('digitalmarketing') },
      ]"
    >
      <template #title>
        <h1>{{ $t("digitalMarketingHero.title") }}</h1>
      </template>
    </InternalHeaderSection>
    <LazyDigitalMarketingServices />
    <LazyDigitalMarketingClientsLogos />
    <LazyDigitalMarketingSocialMediaWork />
    <LazyDigitalMarketingSocialMediaStatics />
    <LazyDigitalMarketingSocialMediaVideos />
    <LazyDigitalMarketingTestimonials />
    <LazyDigitalMarketingProjectStage />
    <LazyDigitalMarketingContactSection />
  </main>
</template>
<style scoped></style>
