diff --git a/app/[locale]/auth/login/page.tsx b/app/[locale]/auth/login/page.tsx
new file mode 100644
index 0000000..f39d7f3
--- /dev/null
+++ b/app/[locale]/auth/login/page.tsx
@@ -0,0 +1,133 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { useTranslations, useLocale } from 'next-intl'
+import {
+ Container,
+ Paper,
+ Box,
+ Typography,
+ Tabs,
+ Tab,
+ Link,
+ Card,
+ CardContent,
+ Divider
+} from '@mui/material'
+import {
+ MenuBook,
+ Login as LoginIcon,
+ PersonAdd
+} from '@mui/icons-material'
+import { LoginForm } from '@/components/auth/login-form'
+import { RegisterForm } from '@/components/auth/register-form'
+
+export default function AuthPage() {
+ const [activeTab, setActiveTab] = useState(0)
+ const router = useRouter()
+ const locale = useLocale()
+ const t = useTranslations('auth')
+
+ const handleAuthSuccess = () => {
+ router.push(`/${locale}`)
+ }
+
+ const handleTabChange = (event: React.SyntheticEvent, newValue: number) => {
+ setActiveTab(newValue)
+ }
+
+ const getSubtitle = () => {
+ if (locale === 'en') {
+ return activeTab === 0
+ ? 'Sign in to continue exploring Scripture'
+ : 'Create an account to begin your spiritual journey'
+ }
+ return activeTab === 0
+ ? 'Conectează-te pentru a continua explorarea Scripturii'
+ : 'Creează un cont pentru a începe călătoria ta spirituală'
+ }
+
+ return (
+
+
+
+ {/* Header */}
+
+
+
+
+
+ {activeTab === 0 ? t('welcomeBack') : t('joinUs')}
+
+
+ {getSubtitle()}
+
+
+
+
+
+ {/* Tabs */}
+
+ }
+ iconPosition="start"
+ label={t('login')}
+ />
+ }
+ iconPosition="start"
+ label={t('register')}
+ />
+
+
+ {/* Forms */}
+
+ {activeTab === 0 ? (
+
+ ) : (
+
+ )}
+
+
+
+
+ {/* Switch Form Link */}
+
+
+ {activeTab === 0 ? t('noAccount') : t('alreadyHaveAccount')}{' '}
+ setActiveTab(activeTab === 0 ? 1 : 0)}
+ sx={{
+ textDecoration: 'none',
+ fontWeight: 600,
+ '&:hover': {
+ textDecoration: 'underline'
+ }
+ }}
+ >
+ {activeTab === 0 ? t('createAccount') : t('login')}
+
+
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 5ce12fa..8725918 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -4,6 +4,7 @@ import { NextIntlClientProvider } from 'next-intl'
import { getMessages } from 'next-intl/server'
import { notFound } from 'next/navigation'
import { MuiThemeProvider } from '@/components/providers/theme-provider'
+import { AuthProvider } from '@/components/auth/auth-provider'
import { Navigation } from '@/components/layout/navigation'
import FloatingChat from '@/components/chat/floating-chat'
import { merriweather, lato } from '@/lib/fonts'
@@ -45,9 +46,11 @@ export default async function LocaleLayout({
-
- {children}
-
+
+
+ {children}
+
+
diff --git a/app/[locale]/login/page.tsx b/app/[locale]/login/page.tsx
new file mode 100644
index 0000000..342671c
--- /dev/null
+++ b/app/[locale]/login/page.tsx
@@ -0,0 +1,32 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useRouter } from 'next/navigation'
+import { useLocale } from 'next-intl'
+import { Box, CircularProgress, Typography } from '@mui/material'
+
+export default function LoginRedirectPage() {
+ const router = useRouter()
+ const locale = useLocale()
+
+ useEffect(() => {
+ // Redirect to the actual login page
+ router.replace(`/${locale}/auth/login`)
+ }, [router, locale])
+
+ return (
+
+
+
+ Redirecting to login...
+
+
+ )
+}
\ No newline at end of file
diff --git a/app/[locale]/profile/page.tsx b/app/[locale]/profile/page.tsx
new file mode 100644
index 0000000..b3e7b5e
--- /dev/null
+++ b/app/[locale]/profile/page.tsx
@@ -0,0 +1,220 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations } from 'next-intl'
+import { useAuth } from '@/hooks/use-auth'
+import { ProtectedRoute } from '@/components/auth/protected-route'
+import {
+ Container,
+ Paper,
+ Box,
+ Typography,
+ TextField,
+ Button,
+ Avatar,
+ Grid,
+ Card,
+ CardContent,
+ Divider,
+ Alert,
+ CircularProgress
+} from '@mui/material'
+import {
+ Person,
+ Email,
+ AdminPanelSettings,
+ Save,
+ Edit
+} from '@mui/icons-material'
+
+export default function ProfilePage() {
+ const { user } = useAuth()
+ const t = useTranslations('profile')
+ const [isEditing, setIsEditing] = useState(false)
+ const [name, setName] = useState(user?.name || '')
+ const [loading, setLoading] = useState(false)
+ const [message, setMessage] = useState('')
+
+ const handleSave = async () => {
+ setLoading(true)
+ setMessage('')
+
+ try {
+ // TODO: Implement profile update API
+ await new Promise(resolve => setTimeout(resolve, 1000)) // Placeholder
+ setMessage(t('profileUpdated'))
+ setIsEditing(false)
+ } catch (error) {
+ setMessage(t('updateError'))
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ const handleCancel = () => {
+ setName(user?.name || '')
+ setIsEditing(false)
+ }
+
+ const getRoleTranslation = (role: string) => {
+ switch (role) {
+ case 'admin':
+ return t('admin')
+ case 'moderator':
+ return t('moderator')
+ default:
+ return t('user')
+ }
+ }
+
+ return (
+
+
+
+ {/* Header */}
+
+
+ {user?.name ? user.name.charAt(0).toUpperCase() : }
+
+
+ {t('title')}
+
+
+ {t('subtitle')}
+
+
+
+
+
+ {/* Profile Information */}
+
+ {/* Personal Information Card */}
+
+
+
+
+
+ {t('personalInfo')}
+
+ {!isEditing && (
+ }
+ onClick={() => setIsEditing(true)}
+ variant="outlined"
+ size="small"
+ >
+ {t('edit')}
+
+ )}
+
+
+
+ setName(e.target.value)}
+ disabled={!isEditing || loading}
+ variant="outlined"
+ margin="normal"
+ InputProps={{
+ startAdornment:
+ }}
+ />
+
+
+
+
+ }}
+ helperText={t('emailCannotChange')}
+ />
+
+
+ {isEditing && (
+
+ : }
+ onClick={handleSave}
+ disabled={loading}
+ >
+ {loading ? t('saving') : t('save')}
+
+
+
+ )}
+
+
+
+
+ {/* Account Details Card */}
+
+
+
+
+ {t('accountDetails')}
+
+
+
+
+
+
+ {t('role')}
+
+
+ {getRoleTranslation(user?.role || 'user')}
+
+
+
+
+
+
+ {t('memberSince')}
+
+
+ {new Date().toLocaleDateString()} {/* TODO: Use actual creation date */}
+
+
+
+
+
+
+
+ {/* Success/Error Message */}
+ {message && (
+ setMessage('')}
+ >
+ {message}
+
+ )}
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/app/[locale]/settings/page.tsx b/app/[locale]/settings/page.tsx
new file mode 100644
index 0000000..6cf42e5
--- /dev/null
+++ b/app/[locale]/settings/page.tsx
@@ -0,0 +1,230 @@
+'use client'
+
+import { useState } from 'react'
+import { useTranslations, useLocale } from 'next-intl'
+import { useAuth } from '@/hooks/use-auth'
+import { ProtectedRoute } from '@/components/auth/protected-route'
+import {
+ Container,
+ Paper,
+ Box,
+ Typography,
+ Switch,
+ FormControlLabel,
+ Select,
+ MenuItem,
+ FormControl,
+ InputLabel,
+ Grid,
+ Card,
+ CardContent,
+ Divider,
+ Alert,
+ Button
+} from '@mui/material'
+import {
+ Settings as SettingsIcon,
+ Palette,
+ TextFields,
+ Language,
+ Notifications,
+ Security,
+ Save
+} from '@mui/icons-material'
+
+export default function SettingsPage() {
+ const { user } = useAuth()
+ const locale = useLocale()
+ const t = useTranslations('settings')
+ const [settings, setSettings] = useState({
+ theme: user?.theme || 'light',
+ fontSize: user?.fontSize || 'medium',
+ notifications: true,
+ emailUpdates: false,
+ language: locale
+ })
+ const [message, setMessage] = useState('')
+
+ const handleSettingChange = (setting: string, value: any) => {
+ setSettings(prev => ({
+ ...prev,
+ [setting]: value
+ }))
+ }
+
+ const handleSave = async () => {
+ try {
+ // TODO: Implement settings update API
+ await new Promise(resolve => setTimeout(resolve, 1000)) // Placeholder
+ setMessage(t('settingsSaved'))
+ } catch (error) {
+ setMessage(t('settingsError'))
+ }
+ }
+
+ return (
+
+
+
+ {/* Header */}
+
+
+
+ {t('title')}
+
+
+ {t('subtitle')}
+
+
+
+
+
+
+ {/* Appearance Settings */}
+
+
+
+
+
+
+ {t('appearance')}
+
+
+
+
+
+ {t('theme')}
+
+
+
+
+
+
+ {t('fontSize')}
+
+
+
+
+
+
+
+ {/* Language & Notifications */}
+
+
+
+
+
+
+ {t('languageAndNotifications')}
+
+
+
+
+
+ {t('language')}
+
+
+
+
+
+ handleSettingChange('notifications', e.target.checked)}
+ />
+ }
+ label={t('notifications')}
+ />
+
+
+
+ handleSettingChange('emailUpdates', e.target.checked)}
+ />
+ }
+ label={t('emailUpdates')}
+ />
+
+
+
+
+
+ {/* Security Settings */}
+
+
+
+
+
+
+ {t('security')}
+
+
+
+
+ {t('passwordSecurity')}
+
+
+
+
+
+
+
+
+ {/* Save Button */}
+
+ }
+ onClick={handleSave}
+ sx={{ px: 4 }}
+ >
+ {t('saveSettings')}
+
+
+
+ {/* Success/Error Message */}
+ {message && (
+ setMessage('')}
+ >
+ {message}
+
+ )}
+
+
+