feat(web): value-focused pricing hero with trial + risk-reversal trust line

The pricing hero was purely procedural ("Fiyatlandırma" / "İhtiyacınıza
uygun planı seçin") with no value prop and no mention of the free trial —
the strongest conversion lever, present in the meta description and header
CTA but absent from the page body. Reworked into an eyebrow + outcome
headline ("Doğru parçayı saniyede bul") + supporting line, plus a trust
row: 30 gün ücretsiz · kredi kartı gerekmez · istediğin zaman iptal ·
7 gün iade garantisi (reusing existing subscription trust keys).

Also sorted pricing.tsx imports to satisfy biome.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/web/src/messages/en.json

@@ -433,6 +433,9 @@
   },
   "pricing": {
     "title": "Pricing",
+    "heroTitle": "Find the right part in seconds",
+    "heroSubtitle": "Pick a plan and try it free for 30 days. No more wrong-part orders.",
+    "trialFree": "30 days free",
     "subtitle": "Choose the plan that fits your needs.",
     "metaDescription": "Chassis number and OEM parts search plans starting from 200 TL/month. Try free for 30 days.",
     "popular": "Popular",

apps/web/src/messages/tr.json

@@ -433,6 +433,9 @@
   },
   "pricing": {
     "title": "Fiyatlandırma",
+    "heroTitle": "Doğru parçayı saniyede bul",
+    "heroSubtitle": "Planını seç, 30 gün boyunca ücretsiz dene. Yanlış parça siparişine son.",
+    "trialFree": "30 gün ücretsiz",
     "subtitle": "İhtiyacınıza uygun planı seçin.",
     "metaDescription": "200 TL/ay'dan başlayan şase numarası ve OEM parça sorgulama planları. 30 gün ücretsiz deneyin.",
     "popular": "Popüler",

apps/web/src/routes/pricing.tsx

@@ -1,5 +1,5 @@
-import { usePageMeta } from "@/hooks/use-page-meta";
 import { SiteHeader } from "@/components/site-header";
+import { usePageMeta } from "@/hooks/use-page-meta";
 import { useTranslation } from "@/lib/i18n";
 import { FULL_PLAN_BRAND_LIMIT, formatTRY } from "@sase/shared";
 import { Button } from "@sase/ui";
@@ -65,9 +65,25 @@ function PricingPage() {
       <SiteHeader />
 
       <main id="main-content" className="container mx-auto px-4 py-24">
-        <div className="text-center">
-          <h1 className="text-4xl font-bold">{t("pricing.title")}</h1>
-          <p className="mt-4 text-lg text-muted-foreground">{t("pricing.subtitle")}</p>
+        <div className="mx-auto max-w-2xl text-center">
+          <p className="text-sm font-semibold uppercase tracking-wider text-primary">
+            {t("pricing.title")}
+          </p>
+          <h1 className="mt-3 text-4xl font-bold leading-tight">{t("pricing.heroTitle")}</h1>
+          <p className="mt-4 text-lg text-muted-foreground">{t("pricing.heroSubtitle")}</p>
+          <div className="mt-6 flex flex-wrap items-center justify-center gap-x-5 gap-y-2 text-sm text-muted-foreground">
+            {[
+              "pricing.trialFree",
+              "subscription.trustNoCard",
+              "subscription.trustCancelAnytime",
+              "subscription.trustRefund",
+            ].map((k) => (
+              <span key={k} className="flex items-center gap-1.5">
+                <Check className="h-4 w-4 text-primary" />
+                {t(k)}
+              </span>
+            ))}
+          </div>
         </div>
 
         <div className="mt-12 grid gap-6 md:grid-cols-2 lg:grid-cols-4">