<script setup lang="ts">
import ContactHero from "~/components/contact/ContactHero.vue";
import ContactMainSection from "~/components/contact/ContactMainSection.vue";

const { t, locale } = useI18n();
const config = useRuntimeConfig();

const { data: settings } = await useAsyncData<any>(
  "general",
  () =>
    $fetch(`${config.public.apiBase}general`, {
      headers: {
        "Content-Language": locale.value,
      },
    }),
  { lazy: true },
);

const staticReviews = [
  {
    author: "بدر الحمدان",
    rating: 5,
    body: "بفخر نشهد لتجربتنا مع ويب ستدي في مجال تطوير المواقع والتطبيقات حيث قدموا لنا حلول متميزة وخدمة عملاء ممتازة",
  },
  {
    author: "محمد القحطاني",
    rating: 4,
    body: "فريق ويب ستدي محترف وساعدنا على تسليم المشروع في الوقت المحدد بجودة عالية",
  },
];

useSeoMeta({
  title: computed(() => t("contactSeo.title")),
  description: computed(() => t("contactSeo.description")),
  ogTitle: computed(() => t("contactSeo.ogTitle")),
  ogDescription: computed(() => t("contactSeo.ogDescription")),
  keywords: computed(() => t("contactSeo.keywords")),
});

if (import.meta.server) {
  useContactSchema(settings?.value?.data, staticReviews, t);
}
</script>

<template>
  <main>
    <ContactHero />
    <ContactMainSection />
  </main>
</template>
