diff --git a/frontend/src/screens/SettingsScreen.tsx b/frontend/src/screens/SettingsScreen.tsx
new file mode 100644
index 00000000..c3d1df29
--- /dev/null
+++ b/frontend/src/screens/SettingsScreen.tsx
@@ -0,0 +1,250 @@
+import React from 'react';
+import {
+ View,
+ Text,
+ StyleSheet,
+ ScrollView,
+ TouchableOpacity,
+ Switch,
+} from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useAuth } from '../contexts/AuthContext';
+
+export default function SettingsScreen({ navigation }: any) {
+ const insets = useSafeAreaInsets();
+ const { user, signOut } = useAuth();
+ const [biometricsEnabled, setBiometricsEnabled] = React.useState(false);
+ const [notificationsEnabled, setNotificationsEnabled] = React.useState(true);
+
+ const handleSignOut = async () => {
+ await signOut();
+ navigation.replace('Language');
+ };
+
+ const SettingSection = ({ title, children }: any) => (
+
+ {title}
+ {children}
+
+ );
+
+ const SettingItem = ({ icon, title, subtitle, onPress, rightElement }: any) => (
+
+
+
+
+
+
+ {title}
+ {subtitle && {subtitle}}
+
+
+ {rightElement || }
+
+ );
+
+ return (
+
+ {/* Header */}
+
+ navigation.goBack()} style={styles.backButton}>
+
+
+ Settings
+
+
+
+
+ {/* Profile Section */}
+
+ {}}
+ />
+ {}}
+ />
+
+
+ {/* Security Section */}
+
+
+ }
+ />
+ {}}
+ />
+ {}}
+ />
+
+
+ {/* Preferences Section */}
+
+
+ }
+ />
+ {}}
+ />
+
+
+
+ {/* About Section */}
+
+
+ {}} />
+ {}} />
+ {}} />
+
+
+ {/* Sign Out */}
+
+
+ Sign Out
+
+
+
+ );
+}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ backgroundColor: '#F8F9FA',
+ },
+ header: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ paddingHorizontal: 16,
+ paddingVertical: 16,
+ backgroundColor: '#FFF',
+ borderBottomWidth: 1,
+ borderBottomColor: '#E5E7EB',
+ },
+ backButton: {
+ width: 40,
+ height: 40,
+ borderRadius: 20,
+ backgroundColor: '#F3F4F6',
+ alignItems: 'center',
+ justifyContent: 'center',
+ },
+ headerTitle: {
+ fontSize: 18,
+ fontWeight: '700',
+ color: '#1F2937',
+ },
+ scrollContent: {
+ padding: 16,
+ paddingBottom: 80,
+ },
+ section: {
+ marginBottom: 24,
+ },
+ sectionTitle: {
+ fontSize: 14,
+ fontWeight: '600',
+ color: '#6B7280',
+ marginBottom: 12,
+ paddingHorizontal: 4,
+ textTransform: 'uppercase',
+ letterSpacing: 0.5,
+ },
+ settingItem: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'space-between',
+ backgroundColor: '#FFF',
+ padding: 16,
+ borderRadius: 12,
+ marginBottom: 8,
+ shadowColor: '#000',
+ shadowOffset: { width: 0, height: 1 },
+ shadowOpacity: 0.05,
+ shadowRadius: 4,
+ elevation: 2,
+ },
+ settingItemLeft: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ flex: 1,
+ },
+ iconContainer: {
+ width: 40,
+ height: 40,
+ borderRadius: 20,
+ backgroundColor: '#FEE2E2',
+ alignItems: 'center',
+ justifyContent: 'center',
+ marginRight: 12,
+ },
+ settingItemContent: {
+ flex: 1,
+ },
+ settingItemTitle: {
+ fontSize: 16,
+ fontWeight: '600',
+ color: '#1F2937',
+ marginBottom: 2,
+ },
+ settingItemSubtitle: {
+ fontSize: 14,
+ color: '#6B7280',
+ },
+ signOutButton: {
+ flexDirection: 'row',
+ alignItems: 'center',
+ justifyContent: 'center',
+ backgroundColor: '#FEE2E2',
+ padding: 16,
+ borderRadius: 12,
+ marginTop: 8,
+ },
+ signOutText: {
+ fontSize: 16,
+ fontWeight: '600',
+ color: '#EF4444',
+ marginLeft: 8,
+ },
+});