all changes

src/app/layout.tsx

@@ -0,0 +1,48 @@
+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>
+  );
+}