// app/layout.tsx

import type { Metadata } from "next";
import { Montserrat } from 'next/font/google';
import './globals.css';

const montserrat = Montserrat({
  subsets: ['latin'],
  variable: '--font-montserrat',
});

export const metadata: Metadata = {
  metadataBase: new URL('https://lerbergetsvolleyboll.se'),
  title: {
    template: '%s | LVS',
    default: 'LVS - Lerbergets Volleybollsällskap',
  },
  description: 'Volleybollklubben i Höganäs för barn, ungdomar och vuxna.',
  icons: {
    icon: '/images/favicon.svg',
    shortcut: '/favicon.svg',
    apple: '/images/favicon.svg',
  },
};

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="sv-SE" className={montserrat.variable}>
      <body className="font-sans antialiased">
        {children}
      </body>
    </html>
  );
}
