import Link from 'next/link';
import { prisma } from '@/lib/db';
import { TEMPLATES } from '@/lib/templates';
import { HeroDesk } from '@/components/landing/HeroDesk';
import { RouteSection, TemplateBand, VoiceLegend, PriceBar } from '@/components/landing/Sections';
import { Faq } from '@/components/Faq';
import type { ParcelResult } from '@/lib/tkgmClient';
export const dynamic = 'force-dynamic';

// Örnek parsel: Muğla / Ula / Gökova 101 ada 5 parsel (TKGM kaydı; önbellekte yoksa aynı kaydın kopyası)
const DEMO_KEY = '137536/101/5';
const DEMO: ParcelResult = { geometry: { type: 'Polygon', coordinates: [[[28.36734, 37.05169], [28.36719, 37.05174], [28.3671, 37.05151], [28.36703, 37.05133], [28.36718, 37.05129], [28.36726, 37.05148], [28.36734, 37.05169]]] }, il: 'Muğla', ilce: 'Ula', mahalle: 'Gökova', mevkii: 'Yazılıtaş', nitelik: 'Arsa', pafta: '13', ada: '101', parsel: '5', alan: 684.08 };

export default async function Home() {
  const c = await prisma.parcelCache.findUnique({ where: { key: DEMO_KEY } }).catch(() => null);
  const demo = (c?.data as ParcelResult | undefined) ?? DEMO;
  return (
    <>
      <HeroDesk demo={demo} demoPick={{ il: '70', ilce: '734', mahalle: '137536' }} />
      <RouteSection />
      <TemplateBand items={TEMPLATES} />
      <section id="fiyatlar" className="relative" style={{ backgroundImage: 'url(/kareler/gokova-z18.jpg)', backgroundSize: 'cover', backgroundPosition: 'center' }}>
        <div className="grid gap-3 p-3 md:grid-cols-[1fr_420px] md:gap-6 md:p-6 md:pt-24">
          <div className="flex flex-col gap-3 md:justify-end">
            <div className="max-w-[520px] bg-ink p-5 text-white md:p-6"><div className="tag-light">Fiyatlar</div><h2 className="h-display mt-1 text-[30px] md:text-[40px]">Bir kredi, bir parsel videosu.</h2><p className="mt-2 text-[14.5px] text-white/85">Kartla ödenir, kredi hesabınızda kalır. Videoyu hazırlarken şablonu ve sesi siz seçersiniz.</p></div>
            <PriceBar />
          </div>
          <VoiceLegend />
        </div>
      </section>
      <section id="sss" className="bg-paper-2">
        <div className="grid gap-6 p-4 py-12 md:grid-cols-[320px_1fr] md:p-6 md:py-16">
          <div><div className="tag">Sık sorulanlar</div><h2 className="h-display mt-1 text-[30px] md:text-[38px]">Emlakçıların sorduğu sorular</h2>
            <Link href="/kayit" className="btn-ink mt-6">Hesap açın</Link></div>
          <Faq />
        </div>
      </section>
    </>
  );
}