Files

45 lines
1.8 KiB
Vue

<script setup lang="ts">
import { products } from "~/data/products";
const title = "رصد · ابزار دقیق برای کارِ هر روز";
const description = "رصد، استودیوی محصول‌سازی در تهران: پانزده محصول نرم‌افزاری در مالی، داده، زیرساخت و ارتباط؛ همه روی یک سامانه.";
useSeoMeta({
title, description,
ogTitle: title, ogDescription: description, ogType: "website", ogLocale: "fa_IR", ogImage: "/og.png",
twitterCard: "summary_large_image",
});
useHead({
link: [{ rel: "canonical", href: "https://rasad.ir/" }],
script: [{
type: "application/ld+json",
innerHTML: JSON.stringify({
"@context": "https://schema.org",
"@graph": [
{ "@type": "Organization", name: "رصد", alternateName: "Rasad", url: "https://rasad.ir", email: "hello@rasad.ir",
address: { "@type": "PostalAddress", addressLocality: "تهران", addressCountry: "IR" } },
{ "@type": "ItemList", name: "محصولات رصد", itemListElement: products.map((p, i) => ({
"@type": "ListItem", position: i + 1,
item: { "@type": "SoftwareApplication", name: `${p.fa} (${p.en})`, description: p.line, applicationCategory: "BusinessApplication", inLanguage: "fa" },
})) },
],
}),
}],
});
</script>
<template>
<div class="relative min-h-screen">
<a href="#products" class="sr-only focus:not-sr-only focus:fixed focus:start-4 focus:top-4 focus:z-50 focus:bg-white focus:px-4 focus:py-2">پرش به محصولات</a>
<ClientOnly>
<AstrolabeStage />
</ClientOnly>
<SiteHeader />
<main id="top" class="relative z-20">
<HeroSection />
<EcosystemSection />
<ZijTable />
<AnatomySection />
<ContactSection />
</main>
</div>
</template>