import type { Metadata } from 'next';
import { Inter } from 'next/font/google';
import '../globals.scss';
import { Navigation } from '@/components/Navigation';
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 (
    <>
      <Navigation siteName="KLZ Cables" locale={locale} />
      <main className="min-h-screen">
        {children}
      </main>
      <CookieConsent />
    </>
  );
}