Implement complete multi-language support with Romanian/English

- Added next-intl for internationalization with Romanian as default locale - Restructured app directory with [locale] routing (/ro, /en) - Created comprehensive translation files for both languages - Fixed Next.js 15 async params compatibility in layout components - Updated all components to use proper i18n hooks and translations - Configured middleware for locale routing and fallbacks - Fixed FloatingChat component translation array handling - Restored complete home page with internationalized content - Fixed Material-UI Slide component prop error (mountOnExit → unmountOnExit) 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-20 15:43:51 +03:00
parent f7976b2e28
commit 161cbf8be5
21 changed files with 695 additions and 123 deletions
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -0,0 +1,55 @@
+import '../globals.css'
+import type { Metadata } from 'next'
+import { NextIntlClientProvider } from 'next-intl'
+import { getMessages } from 'next-intl/server'
+import { notFound } from 'next/navigation'
+import { MuiThemeProvider } from '@/components/providers/theme-provider'
+import { Navigation } from '@/components/layout/navigation'
+import FloatingChat from '@/components/chat/floating-chat'
+
+export const metadata: Metadata = {
+  title: 'Ghid Biblic - Biblical Guide',
+  description: 'A comprehensive Bible study application with AI chat capabilities',
+}
+
+export async function generateStaticParams() {
+  return [
+    { locale: 'ro' },
+    { locale: 'en' }
+  ]
+}
+
+interface LocaleLayoutProps {
+  children: React.ReactNode
+  params: Promise<{ locale: string }>
+}
+
+const locales = ['ro', 'en']
+
+export default async function LocaleLayout({
+  children,
+  params
+}: LocaleLayoutProps) {
+  const { locale } = await params
+
+  // Validate locale
+  if (!locales.includes(locale)) {
+    notFound()
+  }
+
+  const messages = await getMessages()
+
+  return (
+    <html lang={locale}>
+      <body>
+        <NextIntlClientProvider messages={messages} locale={locale}>
+          <MuiThemeProvider>
+            <Navigation />
+            {children}
+            <FloatingChat />
+          </MuiThemeProvider>
+        </NextIntlClientProvider>
+      </body>
+    </html>
+  )
+}