import type { Metadata } from "next";
import Link from "next/link";
import StaticPageLayout from "@/components/layout/StaticPageLayout";
import { categories } from "@/data/categories";
import { MapPin, Target, Zap, Heart } from "lucide-react";

export const metadata: Metadata = {
  title: "Hakkımızda | yakınımda.tr",
  description:
    "yakınımda.tr — Türkiye'nin konum tabanlı yakınımda arama platformu. Misyonumuz ve vizyonumuz.",
};

const values = [
  {
    icon: MapPin,
    title: "Konum Odaklı",
    text: "Google'ın proximity (yakınlık) sıralama mantığına uygun, mesafe bazlı sonuçlar.",
  },
  {
    icon: Zap,
    title: "Anında Sonuç",
    text: "Kayıt yok, bekleme yok. Tek tıkla konum, saniyeler içinde liste.",
  },
  {
    icon: Target,
    title: "Trend Veriler",
    text: "Google Türkiye arama trendlerine göre önceliklendirilmiş 18 kategori.",
  },
  {
    icon: Heart,
    title: "Tamamen Ücretsiz",
    text: "Sağlık ve acil ihtiyaç aramaları herkes için erişilebilir olmalı.",
  },
];

export default function HakkimizdaPage() {
  return (
    <StaticPageLayout
      badge="Kurumsal"
      title="Türkiye İçin Yakınımda Platformu"
      subtitle='Milyonlarca insan her gün "yakınımda eczane", "nöbetçi eczane", "yakınımda hastane" arıyor. Biz bu aramaları tek çatı altında topluyoruz.'
      breadcrumbs={[{ label: "Hakkımızda" }]}
    >
      <div className="prose-content">
        <p>
          <strong>yakınımda.tr</strong>, Türkiye genelinde konum tabanlı yerel aramalar için
          tasarlanmış bir platformdur. Google&apos;ın yerel arama trendlerine göre en çok aranan
          &quot;yakınımda&quot; sorgularını kapsar: nöbetçi eczane, eczane, hastane, restoran,
          elektrikçi ve daha fazlası.
        </p>

        <h2>Misyonumuz</h2>
        <p>
          Acil ihtiyaç anında — gece yarısı ilaç, elektrik arızası, acil hastane — insanların
          en yakın ve güvenilir sonuca saniyeler içinde ulaşmasını sağlamak.
        </p>

        <h2>Rakamlar</h2>
        <ul>
          <li>{categories.length} kategori, Google trend önceliğine göre sıralı</li>
          <li>81 il kapsam hedefi</li>
          <li>2M+ aylık &quot;yakınımda&quot; arama hacmi (Türkiye geneli)</li>
          <li>%100 ücretsiz, kayıt gerektirmez</li>
        </ul>

        <h2>Değerlerimiz</h2>
      </div>

      <div className="mt-6 grid gap-4 sm:grid-cols-2">
        {values.map((v) => {
          const Icon = v.icon;
          return (
            <div key={v.title} className="content-card">
              <Icon className="h-8 w-8 text-emerald-400" />
              <h3 className="mt-3 font-bold text-white">{v.title}</h3>
              <p className="mt-2 text-sm text-slate-400">{v.text}</p>
            </div>
          );
        })}
      </div>

      <div className="prose-content mt-10">
        <h2>Proje Durumu</h2>
        <p>
          Platform şu an <strong>statik önizleme</strong> aşamasındadır. Tüm sayfa yapıları,
          tasarımlar ve SEO altyapısı hazır. Sırada gerçek veri entegrasyonu (TEB nöbetçi
          eczane, harita API, mesafe hesaplama) var.
        </p>
        <p>
          <Link href="/nasil-calisir">Nasıl çalışır?</Link> ·{" "}
          <Link href="/iletisim">İletişim</Link>
        </p>
      </div>
    </StaticPageLayout>
  );
}