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

useServiceSchema({
  name: t("mobileapplications"),
  serviceType: "Mobile Application Development",
  description: t("mobileAppSeo.description"),
  url: "/mobile-applications",
});
</script>
<template>
  <main>
    <InternalHeaderSection
      video-url="/videos/mobile-application.mp4"
      :pages="[
        { name: $t('navigationItems.services'), link: '/services' },
        { name: $t('mobileapplications') },
      ]"
    >
      <template #title>
        <h1>{{ $t("mobileApplicationHero.title") }}</h1>
      </template>
    </InternalHeaderSection>
    <LazyMobileApplicationsServices />
    <LazyMobileApplicationsProjectSlider />
    <LazyMobileApplicationsTestimonials />
    <LazyMobileApplicationsProjectStage />
    <LazyMobileApplicationsContactSection />
  </main>
</template>
<style scoped></style>
