import Script from 'next/script';
import type { Metadata, Viewport } from 'next';
import { Archivo, Archivo_Narrow } from 'next/font/google';
import './globals.css';
import { PwaRegister } from '@/components/PwaRegister';

const sans = Archivo({ subsets: ['latin', 'latin-ext'], variable: '--f-sans', display: 'swap' });
const narrow = Archivo_Narrow({ subsets: ['latin', 'latin-ext'], variable: '--f-narrow', weight: ['500', '600'], display: 'swap' });

export const metadata: Metadata = {
  title: { default: 'ParselStüdyo: ada ve parselden ilan videosu', template: '%s · ParselStüdyo' },
  description: 'Ada ve parsel numarasından, tapudaki sınırı uydu görüntüsünde gösteren Türkçe seslendirmeli dikey ilan videosu.',
  metadataBase: new URL(process.env.APP_URL || 'http://localhost:3000'),
  // WhatsApp, sosyal medya ve mesajlaşma önizlemesi (alt sayfalar kendi görselini verebilir; ör. /izle video kapağı)
  openGraph: { type: 'website', locale: 'tr_TR', siteName: 'ParselStüdyo', images: [{ url: '/og.jpg', width: 1200, height: 630, alt: 'ParselStüdyo: tapudaki sınırla dikey ilan videosu' }] },
  twitter: { card: 'summary_large_image', images: ['/og.jpg'] },
};
export const viewport: Viewport = { themeColor: '#111311', width: 'device-width', initialScale: 1 };

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="tr" className={`${sans.variable} ${narrow.variable}`}>
      <body>
        {children}
        <PwaRegister />
        {/* ziyaretçi istatistiği (Umami, çerezsiz); yalnızca canlıda */}
        {process.env.NODE_ENV === 'production' && <Script defer src="https://umami.kreatif.tr/script.js" data-website-id="756ef205-e788-4de2-bdb5-9cb30dddbf11" strategy="afterInteractive" />}
      </body>
    </html>
  );
}