<script setup>
definePageMeta({
  layout: false,
  name: "hadithaAbout",
});
useHead({
  name: "hadithaAbout",
  title: `${import.meta.env.VITE_HADITH_PAGE_TITLE} | در باره حدیثا`,
  meta: [
    { name: "description", content: "کاوش با هوش مصنوعی در احادیث اسلامی" },
  ],
  bodyAttrs: {
    class: import.meta.env.VITE_HADITH_SYSTEM,
  },
});

// components declaration
const HadithaLayout = defineAsyncComponent(() =>
  import("@haditha/layouts/HadithaLayout.vue")
);
const NavigationMenu = defineAsyncComponent(() =>
  import("@haditha/components/haditha/NavigationMenu.vue")
);
</script>

<template>
  <HadithaLayout>
    <div class="page-container h-full">
      <!-- max-w-[var(--ui-container-two)] -->
      <UContainer class="page-inner-container mx-auto max-w-[var(--ui-container-two)] sm:px-6 lg:px-4">
        <navigation-menu></navigation-menu>

        <div
          class="page-header pt-10 md:pt-10 lg:pt-38 pb-4 flex justify-between items-center"
        >
          <div class="flex items-center">
            <h1 class="m-0 title">درباره</h1>
            <img
              fit="auto"
              quality="80"
              placeholder
              src="/img/haditha/haditha-title.svg"
            />
          </div>
        </div>

        <div class="page-content p-5">
          <p>
            حدیثا، یک موتور جستجوی پیشرفته و تخصصی در حوزه احادیث اسلامی است که
            با هدف دسترسی آسان و سریع به منابع معتبر حدیثی طراحی شده است. این
            پلتفرم، بستری است برای پژوهشگران، علاقه‌مندان به معارف اسلامی، و
            تمامی افرادی که به دنبال دسترسی به گنجینه ارزشمند احادیث نبوی و
            اهل‌بیت (علیهم‌السلام) هستند.
          </p>

          <p>
            ما در حدیثا تلاش می‌کنیم تا با بهره‌گیری از فناوری‌های نوین و منابع
            اصیل اسلامی، بهترین تجربه جستجو را به کاربران ارائه دهیم. تمامی
            محتوای این موتور جستجو از کتب معتبر حدیثی و منابع شناخته‌شده استخراج
            شده و با دقت علمی بالا سامان‌دهی شده است.
          </p>

          <p>اهداف ما شامل موارد زیر است:</p>

          <ul class="list-disc list-inside">
            <li>ارائه محتوای معتبر و دسته‌بندی‌شده از احادیث اسلامی.</li>
            <li>تسهیل دسترسی به معارف اسلامی برای پژوهشگران و عموم مردم.</li>
            <li>کمک به ترویج فرهنگ و اخلاق اسلامی از طریق انتشار احادیث.</li>
          </ul>

          <p>
            ما به حریم خصوصی کاربران خود احترام می‌گذاریم و متعهد به ارائه
            خدماتی با کیفیت و دقیق هستیم. حدیثا پلی است میان شما و کلام گهربار
            اهل‌بیت و پیامبر اسلام (صلی‌الله‌علیه‌و‌آله).
          </p>
          <p>به خانواده حدیثا بپیوندید و در مسیر دانش و معرفت گام بردارید.</p>
        </div>
      </UContainer>
    </div>
  </HadithaLayout>
</template>

<style scoped>
.page-container {
  background: #f7fffd;

  .page-inner-container {
    .page-header {
      color: var(--ui-color-two);

      .title {
        font-family: var(--font);
        font-weight: 300;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: 0%;
        text-align: center;
      }
    }

    .page-content {
      height: calc(100dvh - 13em);
      overflow: auto;
      color: var(--ui-color-two);

      p {
        font-family: var(--font);
        font-weight: 300;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: 0%;
        text-align: right;
      }
    }
  }
}
@media screen and (max-width: 719.99px) {
  .page-content{
    height: calc(100dvh - 12em);
  }
}
</style>
