feat(FN-210): add compact testimonials strip below trust bar on landing page

Commits merged:
- feat(FN-210): add compact testimonials strip below trust bar on landing page

Files changed:
apps/web/src/routes/index.tsx | 55 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

Fusion-Task-Id: FN-210

apps/web/src/routes/index.tsx

@@ -888,6 +888,61 @@ export function HomePage() {
           </div>
         </section>
 
+        {/* ─── 3.5. TESTIMONIAL STRIP ────────────────────────────────── */}
+        <section className="border-b border-border bg-background px-4 py-14 sm:px-6">
+          <div className="mx-auto max-w-7xl">
+            <div className="text-center">
+              <p className="text-sm text-muted-foreground">Kullanıcılarımız ne diyor?</p>
+            </div>
+
+            <div className="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-3">
+              {[
+                {
+                  text: "Sase.tr ile yanlış parça siparişlerimiz %80 azaldı. Artık gönül rahatlığıyla sipariş veriyoruz.",
+                  name: "Ahmet Y.",
+                  role: "Yedek Parça Mağazası",
+                },
+                {
+                  text: "Ayda 40 saatten fazla zaman kazanıyoruz. Şase numarasını girip anında doğru koda ulaşmak inanılmaz.",
+                  name: "Mehmet K.",
+                  role: "Oto Servis İşletmecisi",
+                },
+                {
+                  text: "Online mağazamıza entegre ettik, iade oranımız yarıya düştü. Müşteri memnuniyeti gözle görülür arttı.",
+                  name: "Özge D.",
+                  role: "E-Ticaret Yöneticisi",
+                },
+              ].map((t) => (
+                <div
+                  key={t.name}
+                  className="rounded-2xl border border-border bg-surface px-6 py-5 transition-all duration-300 hover:-translate-y-0.5 hover:border-foreground/10"
+                >
+                  <div className="flex gap-0.5">
+                    {dynamicKeys(5).map((k) => (
+                      <svg
+                        role="img"
+                        aria-label="icon"
+                        key={k}
+                        viewBox="0 0 20 20"
+                        className="size-3 fill-foreground/60"
+                        aria-hidden="true"
+                      >
+                        <path d="M9.05.927c.3-.921 1.603-.921 1.902 0l1.794 5.522a1 1 0 00.95.69h5.806c.969 0 1.371 1.24.588 1.81l-4.696 3.412a1 1 0 00-.363 1.118l1.793 5.522c.3.921-.755 1.688-1.539 1.118l-4.695-3.413a1 1 0 00-1.176 0l-4.695 3.413c-.784.57-1.838-.197-1.539-1.118l1.793-5.522a1 1 0 00-.363-1.118L2.31 8.95c-.783-.57-.38-1.81.588-1.81h5.807a1 1 0 00.95-.69L9.05.927z" />
+                      </svg>
+                    ))}
+                  </div>
+                  <p className="mt-3 text-sm leading-relaxed text-muted-foreground">
+                    &ldquo;{t.text}&rdquo;
+                  </p>
+                  <p className="mt-3 text-xs text-muted-foreground/70">
+                    {t.name} &mdash; {t.role}
+                  </p>
+                </div>
+              ))}
+            </div>
+          </div>
+        </section>
+
         {/* ─── 4. ÇÖZÜMLER / ÖZELLİKLER ────────────────────────────────── */}
         <section id="features" className="px-4 py-20 sm:px-6">
           <div className="mx-auto max-w-7xl">