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>
  );
}