import '@/app/ui/global.css';
import { inter } from '@/app/ui/fonts';
import { Metadata } from 'next';
import Script from 'next/script';

export const metadata:Metadata = {
  alternates: {
    canonical: 'https://rezije.app',
    languages: {
      'en': 'https://rezije.app/en/',
      'hr': 'https://rezije.app/hr/',
    }
  },
  openGraph: {
    title: 'Režije',
    description: 'Preuzmite kontrolu nad svojim režijama',
    url: 'https://rezije.app',
    siteName: 'Režije',
    images: [
      {
        url: 'https://rezije.app/opengraph-image.png', // Must be an absolute URL
        width: 432,
        height: 466,
        alt: "Režije - Preuzmite kontrolu nad svojim režijama"
      },
      {
        url: 'https://rezije.app/icon6.png', // Must be an absolute URL
        width: 256,
        height: 256,
        alt: "Režije - Preuzmite kontrolu nad svojim režijama"
      },
    ],
    locale: 'hr',
    type: 'website',
  },
}

export default function RootLayout({
  children,
  params: { locale },
}: {
  children: React.ReactNode;
  params: { locale:string };
}) {
  return (
    <html lang={locale}>
      {process.env.NODE_ENV === 'production' && (
        <Script
          src="https://umami.rezije.app/script.js"
          data-website-id="fcd97697-de4b-4a36-b40a-ddb22761cd06"
          strategy="afterInteractive"
        />
      )}
      <body className={`${inter.className} antialiased`}>{children}</body>
    </html>
  );
}
