import type { Metadata } from 'next';
import './globals.css';
import { SiteFooter } from '@/components/site-footer';
import { SiteHeader } from '@/components/site-header';
import { absoluteUrl } from '@/lib/seo';
import { JsonLdScript, organizationJsonLd } from '@/lib/seo/json-ld';

export const metadata: Metadata = {
  title: 'mercadodevida',
  description: 'Productos ecológicos y saludables seleccionados con información transparente.',
  alternates: { canonical: absoluteUrl('/') },
  openGraph: {
    title: 'mercadodevida',
    description: 'Productos ecológicos y saludables seleccionados con información transparente.',
    url: absoluteUrl('/'),
    type: 'website',
  },
};

export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
  return (
    <html lang="es">
      <body className="min-h-screen bg-[#fbfaf5] text-stone-900 antialiased">
        <JsonLdScript data={organizationJsonLd()} />
        <SiteHeader />
        <main>{children}</main>
        <SiteFooter />
      </body>
    </html>
  );
}
