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

useServiceSchema({
  name: t("webapplications"),
  serviceType: "Custom Web Development",
  description: t("webAppSeo.description"),
  url: "/web-applications",
});
</script>
<template>
  <main>
    <InternalHeaderSection
      video-url="/videos/web-application.mp4"
      :pages="[
        { name: $t('navigationItems.services'), link: '/services' },
        { name: $t('webapplications') },
      ]"
    >
      <template #title>
        <h1>{{ $t("WebApplicationHero.title") }}</h1>
      </template>
    </InternalHeaderSection>
    <LazyWebApplicationsServices />
    <LazyWebApplicationsProjectsSlider />
    <LazyWebApplicationsTestimonials />
    <LazyWebApplicationsProjectStage />
    <LazyWebApplicationsContactSection />
  </main>
</template>
<style scoped></style>
