- vite-plugin-prerender yerine Playwright tabanlı post-build pre-render scripti (apps/web/scripts/prerender.mjs): 10 public route statik HTML'e dönüştürülüyor - usePageMeta hook: her public route'da özgün title/description/canonical/OG tags - index.html: favicon.svg, canonical, OG/Twitter Card, geliştirilmiş title+desc - apps/web/public/: robots.txt, sitemap.xml (10 URL), favicon.svg - nginx HSTS header eklendi (Strict-Transport-Security) - Blog post sayfaları: blog_/$slug.tsx (4 tam yazı, 600-800 kelime) - blog.tsx: post kartlarına Link eklendi - Homepage: Schema.org JSON-LD (Organization + SoftwareApplication) - Footer: placeholder href="#" sosyal linkler kaldırıldı - deploy.sh + deploy.yml: playwright install chromium + prerender adımı Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
96 lines
3.7 KiB
TypeScript
96 lines
3.7 KiB
TypeScript
import { createFileRoute, Link } from "@tanstack/react-router";
|
||
import { Button } from "@sase/ui";
|
||
import { usePageMeta } from "@/hooks/use-page-meta";
|
||
|
||
export const Route = createFileRoute("/about")({
|
||
component: AboutPage,
|
||
});
|
||
|
||
function AboutPage() {
|
||
usePageMeta({
|
||
title: "Hakkımızda — Sase.tr | Türkiye'nin Şase Sorgulama Platformu",
|
||
description:
|
||
"Sase.tr, Türkiye yedek parça sektörüne yönelik VIN/şase numarası sorgulama ve OEM parça kataloğu platformudur.",
|
||
canonical: "https://sase.tr/about",
|
||
});
|
||
|
||
return (
|
||
<div className="min-h-screen">
|
||
<header className="border-b">
|
||
<div className="container mx-auto flex h-16 items-center justify-between px-4">
|
||
<Link to="/" className="text-xl font-bold">
|
||
Sase.tr
|
||
</Link>
|
||
<div className="flex items-center gap-4">
|
||
<Link to="/login">
|
||
<Button variant="ghost">Giriş Yap</Button>
|
||
</Link>
|
||
<Link to="/register">
|
||
<Button>Kayıt Ol</Button>
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<main className="container mx-auto max-w-3xl px-4 py-16">
|
||
<h1 className="text-4xl font-bold">Hakkımızda</h1>
|
||
|
||
<div className="mt-8 space-y-6 text-muted-foreground leading-relaxed">
|
||
<p>
|
||
Sase.tr, Türkiye'nin yedek parça sektörüne yönelik geliştirilen
|
||
dijital bir platformdur. Şase numarası (VIN) ile araç tanımlama,
|
||
orijinal parça kataloğuna erişim ve interaktif şema görüntüleme
|
||
hizmetlerini tek bir çatı altında sunar.
|
||
</p>
|
||
|
||
<h2 className="text-2xl font-semibold text-foreground">Misyonumuz</h2>
|
||
<p>
|
||
Yedek parça arama sürecini hızlandırmak, doğru parçaya ilk
|
||
seferde ulaşmayı sağlamak ve sektördeki bilgi asimetrisini ortadan
|
||
kaldırmak. Oto yedek parçacılar, servisler ve bireysel kullanıcılar
|
||
için güvenilir bir referans noktası olmayı hedefliyoruz.
|
||
</p>
|
||
|
||
<h2 className="text-2xl font-semibold text-foreground">Ne Yapıyoruz?</h2>
|
||
<ul className="list-disc space-y-2 pl-6">
|
||
<li>
|
||
<strong>Şase Çözme:</strong> VIN numarası ile aracın marka,
|
||
model, yıl, motor tipi ve donanım bilgilerine anında erişim.
|
||
</li>
|
||
<li>
|
||
<strong>Orijinal Parça Kataloğu:</strong> OEM bazlı parça
|
||
numaraları, açıklamalar ve çapraz referanslar.
|
||
</li>
|
||
<li>
|
||
<strong>İnteraktif Şema:</strong> Araç şemaları üzerinden
|
||
görsel parça seçimi ve detay görüntüleme.
|
||
</li>
|
||
<li>
|
||
<strong>Çoklu Marka Desteği:</strong> Volkswagen, Audi, BMW,
|
||
Mercedes-Benz, Ford ve daha fazlası.
|
||
</li>
|
||
</ul>
|
||
|
||
<h2 className="text-2xl font-semibold text-foreground">Neden Sase.tr?</h2>
|
||
<p>
|
||
Geleneksel yöntemlerle saatler süren parça arama işlemini
|
||
dakikalara indiriyoruz. Güncel ve doğrulanmış verilerle yanlış
|
||
parça siparişinin önüne geçiyoruz. Kullanıcı dostu arayüzümüz
|
||
sayesinde teknik bilgi seviyesinden bağımsız olarak herkes
|
||
kolayca kullanabilir.
|
||
</p>
|
||
|
||
<h2 className="text-2xl font-semibold text-foreground">İletişim</h2>
|
||
<p>
|
||
Sorularınız veya iş birliği talepleriniz için{" "}
|
||
<a href="mailto:info@sase.tr" className="text-primary underline">
|
||
info@sase.tr
|
||
</a>{" "}
|
||
adresinden bize ulaşabilirsiniz.
|
||
</p>
|
||
</div>
|
||
</main>
|
||
</div>
|
||
);
|
||
}
|