Blog and contact (and about/pricing/legal) pages rendered a stripped-down header (logo + auth buttons only) with no nav — the site nav "disappeared". Extracted the landing header into a shared <SiteHeader> (logo, nav, theme toggle, auth-aware actions, mobile menu) used on every public page for consistent UX. - new components/site-header.tsx (nav links work from any route via /#…) - landing nav gains Blog + İletişim so all pages share the same 5-link nav - about, contact, pricing, blog, blog/$slug, kvkk, privacy, terms → SiteHeader - demo keeps its purpose-built demo header (sticky + theme + CTA) typecheck + biome clean. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
80 lines
3.2 KiB
TypeScript
80 lines
3.2 KiB
TypeScript
import { usePageMeta } from "@/hooks/use-page-meta";
|
||
import { SiteHeader } from "@/components/site-header";
|
||
import { Button } from "@sase/ui";
|
||
import { Link, createFileRoute } from "@tanstack/react-router";
|
||
|
||
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">
|
||
<SiteHeader />
|
||
|
||
<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>
|
||
);
|
||
}
|