fix(web): footer content — real anchors, single email, drop fake status

- Point the three product links to distinct, real feature anchors
  (#feature-vin / #feature-oem / #feature-schema); add matching ids and
  scroll-mt to the feature cards in index.tsx (were all -> #features).
- De-duplicate the email: brand-column address is now the single
  mailto link; removed the redundant bottom-bar copy.
- Remove the static "all services operational" indicator that never
  reflected real status (misleading trust signal).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-26 20:54:39 +03:00
parent a0e822c082
commit d482d5db6c
4 changed files with 20 additions and 24 deletions

View File

@@ -13,7 +13,12 @@ export function SiteFooter() {
<div className="col-span-2 sm:col-span-1">
<span className="text-lg font-bold">Sase.tr</span>
<p className="mt-3 text-sm text-muted-foreground">{t("footer.tagline")}</p>
<p className="mt-2 text-sm text-muted-foreground">info@sase.tr</p>
<a
href="mailto:info@sase.tr"
className="mt-2 inline-block text-sm text-muted-foreground transition hover:text-foreground"
>
info@sase.tr
</a>
</div>
{/* Product */}
@@ -23,17 +28,17 @@ export function SiteFooter() {
</h3>
<ul className="mt-3 space-y-2 text-sm text-muted-foreground">
<li>
<a href="#features" className="transition hover:text-foreground">
<a href="/#feature-vin" className="transition hover:text-foreground">
{t("footer.vinDecode")}
</a>
</li>
<li>
<a href="#features" className="transition hover:text-foreground">
<a href="/#feature-oem" className="transition hover:text-foreground">
{t("footer.partsCatalog")}
</a>
</li>
<li>
<a href="#features" className="transition hover:text-foreground">
<a href="/#feature-schema" className="transition hover:text-foreground">
{t("footer.interactiveSchema")}
</a>
</li>
@@ -96,21 +101,10 @@ export function SiteFooter() {
<Separator className="bg-border" />
<div className="flex flex-col items-center justify-between gap-4 py-6 sm:flex-row">
<div className="flex flex-col items-center gap-3 sm:flex-row">
<p className="text-sm text-muted-foreground">
&copy; {new Date().getFullYear()} Sase.tr. {t("footer.rights")}
</p>
<div className="flex items-center gap-2 text-sm text-muted-foreground">
<span className="size-2 rounded-full bg-brand" />
{t("footer.allServicesActive")}
</div>
</div>
<div className="flex items-center gap-4 text-muted-foreground">
<a href="mailto:info@sase.tr" className="text-sm transition hover:text-foreground">
info@sase.tr
</a>
</div>
<div className="py-6">
<p className="text-center text-sm text-muted-foreground sm:text-left">
&copy; {new Date().getFullYear()} Sase.tr. {t("footer.rights")}
</p>
</div>
</div>
</footer>

View File

@@ -78,8 +78,7 @@
"privacy": "Privacy Policy",
"terms": "Terms of Use",
"kvkk": "KVKK",
"rights": "All rights reserved.",
"allServicesActive": "All services operational"
"rights": "All rights reserved."
},
"catalog": {
"title": "Parts Catalog",

View File

@@ -78,8 +78,7 @@
"privacy": "Gizlilik Politikası",
"terms": "Kullanım Koşulları",
"kvkk": "KVKK",
"rights": "Tüm hakları saklıdır.",
"allServicesActive": "Tüm servisler aktif"
"rights": "Tüm hakları saklıdır."
},
"catalog": {
"title": "Parça Kataloğu",

View File

@@ -137,6 +137,7 @@ const BRANDS = [
const FEATURES = [
{
icon: Search,
id: "feature-vin",
title: "Şase Çözme",
description:
"Müşteri araç bilgisini tam bilmiyor mu? Şase numarasını girin — marka, model, motor, donanım saniyeler içinde karşınızda.",
@@ -171,6 +172,7 @@ const FEATURES = [
},
{
icon: MousePointerClick,
id: "feature-schema",
title: "İnteraktif Şema",
description:
"Parça kataloglarında kaybolmak yerine, tıklanabilir diyagramlarda parçayı görsel olarak bulun.",
@@ -190,6 +192,7 @@ const FEATURES = [
},
{
icon: Database,
id: "feature-oem",
title: "OEM Parça Numaraları",
description:
"Birden fazla katalogda çapraz sorgulama yaparak her zaman en güncel ve doğru OEM kodlarını sunar — yanlış parça, iade derdi tarih olur.",
@@ -1100,7 +1103,8 @@ export function HomePage() {
return (
<div
key={feature.title}
className="overflow-hidden rounded-2xl bg-surface p-6 sm:p-8 lg:p-12"
id={feature.id}
className="scroll-mt-24 overflow-hidden rounded-2xl bg-surface p-6 sm:p-8 lg:p-12"
>
<div
className={`flex flex-col gap-8 lg:flex-row lg:items-center lg:gap-12 ${reversed ? "lg:flex-row-reverse" : ""}`}