import type { Metadata } from "next";
import { Mail } from "lucide-react";
import { Parallax } from "@/components/parallax";
import { PagePixelDivider } from "@/components/pixel-decor";
import { SiteFooter } from "@/components/site-footer";
import { sayfaMetadata } from "@/lib/seo";

export const metadata: Metadata = sayfaMetadata({
  title: "İletişim",
  description:
    "KolayTercih destek ekibine ulaş: sorular, geri bildirim ve iade talepleri için iletişim kanalları.",
  path: "/iletisim",
});

export default function IletisimPage() {
  return (
    <>
    <main className="mx-auto w-full max-w-2xl px-4 py-16">
        <Parallax fromStart strength={10}>
          <h1 className="font-heading text-3xl font-bold">İletişim</h1>
        </Parallax>
        <PagePixelDivider seed={47} className="mt-6" />
        <p className="mt-4 text-sm leading-7 text-slate-700">
          Ödeme, iade, hesap silme ya da başka bir konuda yardıma mı ihtiyacın
          var? Tercih döneminde mesajlara aynı gün dönmeye çalışıyoruz.
        </p>
        <a
          href="mailto:destek@kolaytercih.com"
          className="mt-6 inline-flex items-center gap-2 rounded-full border border-slate-200 bg-card px-4 py-3 text-sm font-semibold text-slate-900 shadow-xs transition-colors hover:border-slate-300 hover:bg-slate-50"
        >
          <Mail className="size-4 text-primary" aria-hidden />
          destek@kolaytercih.com
        </a>
        <p className="mt-6 text-xs text-slate-500">
          Ödemenle ilgili yazıyorsan e-postana sipariş tarihini ve kullandığın
          hesap adresini eklersen daha hızlı yardımcı olabiliriz. Kart bilgini
          asla e-postayla paylaşma.
        </p>
    </main>
    <SiteFooter />
    </>
  );
}