import type { Metadata } from 'next';
import './globals.css';
import translations from '@/data/translations';
import { LanguageProvider } from '@/context/LanguageContext';
import ClientLayout from './client-layout';

export const metadata: Metadata = {
  title: 'Carla Skin Clinic — Age Differently, Age Gracefully',
  description: 'Klinik kecantikan premium dengan teknologi laser terkini dan dokter spesialis kulit berpengalaman. 25+ cabang di seluruh Indonesia.',
  keywords: 'klinik kecantikan, laser treatment, perawatan kulit, beauty clinic, dermatologi',
  icons: {
    icon: '/images/daun.png',
  },
  openGraph: {
    title: 'Carla Skin Clinic',
    description: 'Age Differently, Age Gracefully',
    type: 'website',
  },
};

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="id" suppressHydrationWarning>
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="theme-color" content="#C9A24B" />
        <link rel="icon" href="/images/daun.png" />
      </head>
      <body className="bg-ivory text-espresso" suppressHydrationWarning>
        <LanguageProvider translations={translations}>
          <ClientLayout>{children}</ClientLayout>
        </LanguageProvider>
      </body>
    </html>
  );
}
