feat(web): landing — add FAQ section and trust signals near final CTA

Add an objection-handling FAQ (brands, KVKK/security, no card, cancel
anytime, integration, no-VIN path) before the closing CTA, and a
KVKK/SSL trust line under the final CTA button.

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

apps/web/src/routes/index.tsx

@@ -317,6 +317,33 @@ const COMPARISON = [
   { label: "Aylık zaman tasarrufu", manual: "—", sase: "~40 saat" },
 ];
 
+const FAQ = [
+  {
+    q: "Hangi markaları destekliyorsunuz?",
+    a: "Şu an 27 otomobil markası destekleniyor ve liste sürekli genişliyor. Şase numaranızı arama kutusuna girerek aracınızın desteklenip desteklenmediğini hemen görebilirsiniz.",
+  },
+  {
+    q: "Verilerim güvende mi?",
+    a: "Tüm trafik SSL ile şifrelenir ve verileriniz KVKK'ya uygun şekilde işlenir. Sorgu geçmişiniz yalnızca size özeldir.",
+  },
+  {
+    q: "Kart bilgisi gerekiyor mu?",
+    a: "Hayır. 30 günlük ücretsiz deneme için kredi kartı bilgisi istemiyoruz; dilediğiniz an vazgeçebilirsiniz.",
+  },
+  {
+    q: "İstediğim zaman iptal edebilir miyim?",
+    a: "Evet, taahhüt yok. Aboneliğinizi panelden tek tıkla iptal edebilirsiniz.",
+  },
+  {
+    q: "Mevcut e-ticaret veya servis sistemime entegre olur mu?",
+    a: "Full Paket'te API erişimi ve toplu sorgu ile sistemlerinize entegre edebilirsiniz (talep üzerine kurulum desteği).",
+  },
+  {
+    q: "Şase numarasını bilmiyorsam ne olur?",
+    a: "Marka ve model üzerinden de katalogda gezebilir, ya da ana sayfadaki örnek aramayı deneyerek platformu test edebilirsiniz.",
+  },
+];
+
 const TESTIMONIALS = [
   {
     name: "Ahmet Y.",
@@ -1730,6 +1757,26 @@ export function HomePage() {
           </div>
         </section>
 
+        {/* ─── 10.5. SSS / FAQ ──────────────────────────────────────────── */}
+        <section className="px-4 py-20 sm:px-6">
+          <div className="mx-auto max-w-4xl">
+            <div className="text-center">
+              <SectionBadge>SSS</SectionBadge>
+              <h2 className="mt-4 font-[family-name:var(--font-display)] text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl">
+                Sık Sorulan Sorular
+              </h2>
+            </div>
+            <dl className="mt-12 grid gap-x-10 gap-y-8 sm:grid-cols-2">
+              {FAQ.map((item) => (
+                <div key={item.q}>
+                  <dt className="font-semibold text-foreground">{item.q}</dt>
+                  <dd className="mt-2 text-sm leading-relaxed text-muted-foreground">{item.a}</dd>
+                </div>
+              ))}
+            </dl>
+          </div>
+        </section>
+
         {/* ─── 11. SON CTA ──────────────────────────────────────────────── */}
         <section className="relative overflow-hidden bg-surface-alt px-4 py-20 sm:px-6 sm:py-24">
           {/* SVG grid pattern */}
@@ -1763,6 +1810,10 @@ export function HomePage() {
                 <ArrowRight className="ml-2 size-4" />
               </Button>
             </Link>
+            <p className="mt-5 flex flex-wrap items-center justify-center gap-2 text-xs text-muted-foreground">
+              <ShieldCheck className="size-4 text-brand" />
+              KVKK uyumlu · SSL şifreli · Kart bilgisi gerekmez
+            </p>
           </div>
         </section>