import { getPartners } from "@/app/actions";
import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import { Metadata } from "next";
import PartnersList from "@/components/PartnersList";

export const metadata: Metadata = {
    title: "Partnerlerimiz | İş Ortaklarımız",
    description: "Muğla Dijital olarak birlikte değer yarattığımız iş ortaklarımız ve partnerlerimiz. Sektöründe öncü markalarla dijital büyüme hikayeleri.",
    alternates: {
        canonical: "/partners",
    },
    openGraph: {
        title: "Partnerlerimiz | Muğla Dijital İş Ortakları",
        description: "Birlikte büyüdüğümüz markalar ve iş ortaklıklarımız.",
        images: ["/partners-og.jpg"],
    }
};

export default async function PartnersPage() {
    const partners = await getPartners();

    return (
        <main className="min-h-screen bg-[#f5f5f0] text-black pt-24">
            <Navbar />
            
            <section className="pt-24 pb-16 px-6 md:px-12 border-b border-black/10">
                <div className="max-w-7xl mx-auto">
                    <span className="text-[10px] tracking-[0.2em] uppercase text-black/40 block mb-6">Partnerlerimiz</span>
                    <h1 className="editorial-headline text-4xl md:text-6xl lg:text-[5.5rem] text-black uppercase">
                        Birlikte <br /> <span className="text-primary">Büyüyoruz.</span>
                    </h1>
                    <p className="text-black/40 text-[14px] max-w-2xl leading-relaxed mt-10">
                        Güçlü iş ortaklıkları, başarılı dijital hikayelerin temelidir. Sektöründe öncü markalarla birlikte değer üretiyor ve markaları geleceğe hazırlıyoruz.
                    </p>
                </div>
            </section>

            <PartnersList partners={(partners || []) as any} />

            {/* CTA */}
            <section className="py-24 px-6 text-center border-t border-black/10">
                <div className="max-w-4xl mx-auto space-y-8">
                    <h2 className="editorial-headline text-3xl md:text-5xl text-black uppercase">İş Ortaklarımız Arasına <br /><span className="text-primary">Katılın.</span></h2>
                    <p className="text-black/40 text-[13px] tracking-[0.1em]">
                        Markanızı dijitalde bir üst seviyeye taşımak için doğru partneri arıyorsanız, yanınızdayız.
                    </p>
                    <a href="/contact" className="button-primary mx-auto inline-flex">
                        İş Birliği Başlat
                    </a>
                </div>
            </section>

            <Footer />
        </main>
    );
}