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

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}>
      <body className={`${inter.className} antialiased`}>{children}</body>
    </html>
  );
}
