import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import '../globals.css';
import { Layout } from '@/components/layout/Layout';
import { CookieConsent } from '@/components/CookieConsent';

const inter = Inter({
  subsets: ['latin', 'latin-ext'],
  display: 'swap',
});

export const metadata: Metadata = {
  title: 'KLZ Cables',
  description: 'Professional cable solutions for industrial applications',
  metadataBase: new URL('https://klz-cables.com'),
  alternates: {
    canonical: '/',
    languages: {
      'en': '/en',
      'de': '/de',
    },
  },
  openGraph: {
    title: 'KLZ Cables',
    description: 'Professional cable solutions for industrial applications',
    type: 'website',
    locale: 'en',
    siteName: 'KLZ Cables',
  },
};

export default function LocaleLayout({
  children,
  params: { locale },
}: {
  children: React.ReactNode;
  params: { locale: string };
}) {
  return (
    <>
      <Layout
        locale={locale}
        siteName="KLZ Cables"
        logo="/media/logo.svg"
      >
        {children}
      </Layout>
      <CookieConsent />
    </>
  );
}