import type { Metadata, Viewport } from 'next';
import './globals.css';
import { Providers } from './providers';
import { AppShell }  from '../components/AppShell';

export const metadata: Metadata = {
  metadataBase: new URL('https://rynext.com.mx'),
  title: 'Rynext Technologies | Software Empresarial 100% Mexicano',
  description:
    'Diseñamos y construimos sistemas empresariales a medida. Arquitectura real, sin atajos técnicos.',
  openGraph: {
    title: 'Rynext Technologies | Software Empresarial',
    description: 'Ingeniería de software empresarial desde la arquitectura. Cancún, México.',
    locale: 'es_MX',
    type: 'website',
    images: [
      {
        url: '/og-image.png',
        width: 1200,
        height: 630,
        alt: 'Rynext Technologies',
      },
    ],
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Rynext Technologies | Software Empresarial',
    description: 'Ingeniería de software empresarial desde la arquitectura. Cancún, México.',
    images: ['/og-image.png'],
  },
  icons: { icon: '/favicon.svg' },
};

export const viewport: Viewport = {
  themeColor: '#3b82f6',
};

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="es">
      <body>
        <Providers>
          <AppShell>{children}</AppShell>
        </Providers>
      </body>
    </html>
  );
}