import type { Metadata } from "next";
import { Clock3, Mail, MapPin, MessageCircle, Phone } from "lucide-react";
import { ContactForm } from "@/components/ContactForm";
import { createPageMetadata } from "@/lib/seo";

export const metadata: Metadata = createPageMetadata({
  title: "İletişim",
  description:
    "Sigorta teklifi, poliçe yenileme veya hasar desteği için Güvence Sigorta danışmanlarına telefon, e-posta, WhatsApp ya da iletişim formuyla ulaşın.",
  path: "/iletisim",
  keywords: ["sigorta iletişim", "sigorta danışmanı", "sigorta acentesi İstanbul"],
});

export default function ContactPage() {
  return (
    <main>
      <section className="subpage-hero contact-hero">
        <div className="page-shell narrow-hero"><span className="eyebrow">İletişim</span><h1>Size nasıl yardımcı olabiliriz?</h1><p>Teklif, poliçe veya hasar süreciyle ilgili sorularınız için bize ulaşın.</p></div>
      </section>
      <section className="section page-shell contact-layout">
        <div className="contact-copy">
          <span className="eyebrow">Buradayız</span><h2>Doğrudan bir danışmanla görüşün.</h2><p>Mesajınızı bırakın veya size en uygun kanaldan bize ulaşın. Mesai saatlerinde taleplere mümkün olan en kısa sürede dönüş yapıyoruz.</p>
          <div className="contact-cards">
            <a href="tel:+902125554433"><span><Phone /></span><div><small>Telefon</small><strong>0212 555 44 33</strong></div></a>
            <a href="mailto:merhaba@guvencesigorta.com"><span><Mail /></span><div><small>E-posta</small><strong>merhaba@guvencesigorta.com</strong></div></a>
            <a href="https://wa.me/902125554433"><span><MessageCircle /></span><div><small>WhatsApp</small><strong>Hemen yazın</strong></div></a>
          </div>
          <div className="contact-meta"><p><MapPin size={18} /> Büyükdere Cad. No:102, Şişli / İstanbul</p><p><Clock3 size={18} /> Pazartesi – Cuma, 09:00 – 18:00</p></div>
        </div>
        <div className="contact-form-card"><div><span className="eyebrow">Bize yazın</span><h2>Mesaj bırakın</h2></div><ContactForm /></div>
      </section>
    </main>
  );
}