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

const openSans = Open_Sans({ subsets: ['latin'], weight: ['400', '600', '700', '800'], style: ['normal', 'italic'], variable: '--font-open-sans', display: 'swap' });

export const metadata: Metadata = {
    title: 'creeer · claridad estratégica para tu negocio',
  description: 'Tu negocio no necesita más esfuerzo — necesita más claridad. Estrategia ejecutable para empresarios con tracción en su punto de inflexión.',
  metadataBase: new URL('https://creeer.com'), // TODO dueña: real domain
  openGraph: {
  title: 'creeer · claridad estratégica para tu negocio',
    description: 'Tu negocio no necesita más esfuerzo — necesita más claridad. Estrategia ejecutable para empresarios con tracción.',
    type: 'website',
    locale: 'es',
    images: [{ url: '/og-image.png', width: 1200, height: 630, alt: 'creeer' }],
  },
  twitter: { card: 'summary_large_image', title: 'creeer', description: 'Tu negocio no necesita más esfuerzo — necesita más claridad.' },
  alternates: { canonical: 'https://creeer.com' },
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="es" className={openSans.variable}>
      <head>
        {/* Blocking and before first paint on purpose: it decides whether the
            CSS can hide anything at all. If this doesn't run, there is no
            hidden state to reveal. */}
        <script dangerouslySetInnerHTML={{ __html: "document.documentElement.classList.add('js')" }} />
      </head>
      <body>{children}</body>
    </html>
  );
}