diff --git a/src/components/AdhocOrderCard.tsx b/src/components/AdhocOrderCard.tsx
index 72c8985e..9780a5a8 100644
--- a/src/components/AdhocOrderCard.tsx
+++ b/src/components/AdhocOrderCard.tsx
@@ -18,6 +18,7 @@ import MultipleCustomerAvatars from './MultipleCustomerAvatars';
 import LoadingText from './LoadingText';
 import LoadingOverlay from './LoadingOverlay';
 import Badge from './Badge';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const INFO_FIELD_VALUE_MIN_HEIGHT = 30;
 export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
@@ -27,6 +28,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
     const { location } = useLocation();
     const { isDarkMode } = useAppTheme();
     const [isAccepting, setIsAccepting] = useState(false);
+    const { t } = useLanguage();
 
     const destination = useMemo(() => {
         const pickup = order.getAttribute('payload.pickup');
@@ -44,13 +46,13 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
     }, [location, destination]);
 
     const handleAccept = useCallback(async () => {
-        Alert.alert('Accept Ad-Hoc order?', 'By accepting this ad-hoc order it will become assigned to you and the order will start immediatley.', [
+        Alert.alert(t('common.cancel'), t('AdhocOrderCard.byAcceptingThisAdHocOrderItWillBecomeAssignedToYouAndTheOrderWillStartImmediatley'), [
             {
-                text: 'Cancel',
+                text: t('common.cancel'),
                 style: 'cancel',
             },
             {
-                text: 'Accept',
+                text: t('AdhocOrderCard.acceptOrder'),
                 onPress: async () => {
                     setIsAccepting(true);
 
@@ -70,13 +72,13 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
     }, [order, setIsAccepting]);
 
     const handleDismiss = useCallback(() => {
-        Alert.alert('Dismiss Ad-Hoc order?', 'By dimissing this ad-hoc order it will no longer display as an available order.', [
+        Alert.alert(t('common.cancel'), t('AdhocOrderCard.byDimissingThisAdHocOrderItWillNoLongerDisplayAsAnAvailableOrder'), [
             {
-                text: 'Cancel',
+                text: t('common.cancel'),
                 style: 'cancel',
             },
             {
-                text: 'OK',
+                text: t('common.close'),
                 onPress: () => {
                     if (typeof onDismiss === 'function') {
                         onDismiss(order);
@@ -88,7 +90,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
 
     return (
         <Pressable onPress={onPress}>
-            <LoadingOverlay isVisible={isAccepting} text='Accepting and assigning order...' />
+            <LoadingOverlay isVisible={isAccepting} text={t('AdhocOrderCard.acceptingAndAssigningOrder')} />
             <YStack bg='$info' borderRadius='$4' borderWidth={1} borderColor='$infoBorder'>
                 <YStack height={150} borderBottomWidth={1} borderColor='$infoBorder'>
                     <LiveOrderRoute
@@ -110,7 +112,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
                 <YStack flex={1} borderRadius='$4'>
                     <XStack bg='$blue-800' alignItems='center' px='$3' py='$3' mb='$3' borderBottomWidth={1} borderColor='$infoBorder'>
                         <Text color='$infoText' fontSize='$6' fontWeight='bold'>
-                            Order Available Nearby: {formatMeters(distance)}
+                            {t('AdhocOrderCard.orderAvailableNearby')}: {formatMeters(distance)}
                         </Text>
                     </XStack>
                     <XStack alignItems='start' justifyContent='space-between' px='$3' mb='$3'>
@@ -126,7 +128,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
                                     {formatWhatsAppTimestamp(new Date(order.getAttribute('created_at')))}
                                 </Text>
                                 <Text color='$textPrimary' fontSize={13}>
-                                    {formatMeters(distance)} away
+                                    {formatMeters(distance)} {t('AdhocOrderCard.away')}
                                 </Text>
                             </YStack>
                         </XStack>
@@ -139,7 +141,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
                             icon={faLocationDot}
                             iconColor={theme['$textPrimary'].val}
                             waypoint={destination.serialize()}
-                            title='Pickup Destination'
+                            title={t('AdhocOrderCard.pickupDestination')}
                             titleStyle={{ fontWeight: 'bold', fontSize: 14, textTransform: 'uppercase' }}
                         />
                     </YStack>
@@ -147,7 +149,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
                         <YStack flex={1}>
                             <Button onPress={handleAccept} bg='$success' borderColor='$successBorder' borderWidth={1} disabled={isAccepting}>
                                 <Button.Icon>{isAccepting ? <Spinner color='$successText' /> : <FontAwesomeIcon icon={faCheck} color={theme['$successText'].val} />}</Button.Icon>
-                                <Button.Text color='$successText'>Accept Order</Button.Text>
+                                <Button.Text color='$successText'>{t('AdhocOrderCard.acceptOrder')}</Button.Text>
                             </Button>
                         </YStack>
                         <YStack flex={1}>
@@ -155,7 +157,7 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
                                 <Button.Icon>
                                     <FontAwesomeIcon icon={faBan} color={theme['$errorText'].val} />
                                 </Button.Icon>
-                                <Button.Text color='$errorText'>Dismiss Order</Button.Text>
+                                <Button.Text color='$errorText'>{t('AdhocOrderCard.dismissOrder')}</Button.Text>
                             </Button>
                         </YStack>
                     </XStack>
@@ -165,4 +167,4 @@ export const AdhocOrderCard = ({ order, onPress, onAccept, onDismiss }) => {
     );
 };
 
-export default AdhocOrderCard;
+export default AdhocOrderCard;
\ No newline at end of file
diff --git a/src/components/Buttons.tsx b/src/components/Buttons.tsx
index cadd95ba..b0fc82ee 100644
--- a/src/components/Buttons.tsx
+++ b/src/components/Buttons.tsx
@@ -5,22 +5,25 @@ import { faFacebook, faInstagram, faGoogle, faApple } from '@fortawesome/free-br
 import { faPhone } from '@fortawesome/free-solid-svg-icons';
 import LinearGradient from 'react-native-linear-gradient';
 import { useTheme } from 'tamagui';
+import { useLanguage } from '../contexts/LanguageContext';
 
 export const PhoneLoginButton = ({ onPress, ...props }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
 
     return (
         <Button onPress={onPress} bg='$subsurface' borderWidth={1} borderColor='$borderColor' width='100%' {...props} rounded>
             <Button.Icon>
                 <FontAwesomeIcon icon={faPhone} color={theme['$textPrimary'].val} />
             </Button.Icon>
-            <Button.Text color='$textPrimary'>Continue with Phone</Button.Text>
+            <Button.Text color='$textPrimary'>{t('Buttons.continueWithPhone')}</Button.Text>
         </Button>
     );
 };
 
 export const AppleLoginButton = ({ onPress, ...props }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     return (
         <Button onPress={onPress} bg='$white' borderWidth={1} borderColor='$gray-200' {...props} rounded>
             <Button.Icon>
@@ -32,6 +35,7 @@ export const AppleLoginButton = ({ onPress, ...props }) => {
 
 export const FacebookLoginButton = ({ onPress, ...props }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     return (
         <Button onPress={onPress} bg='$blue-600' borderWidth={1} borderColor='$blue-800' {...props} rounded>
             <Button.Icon>
@@ -43,6 +47,7 @@ export const FacebookLoginButton = ({ onPress, ...props }) => {
 
 export const InstagramLoginButton = ({ onPress, style = {}, ...props }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     return (
         <LinearGradient
             colors={['#feda75', '#fa7e1e', '#d62976', '#962fbf', '#4f5bd5']}
@@ -60,10 +65,13 @@ export const InstagramLoginButton = ({ onPress, style = {}, ...props }) => {
     );
 };
 
-export const GoogleLoginButton = ({ onPress, ...props }) => (
-    <Button onPress={onPress} bg='#4285F4' {...props} rounded>
-        <Button.Icon>
-            <FontAwesomeIcon icon={faGoogle} color='white' />
-        </Button.Icon>
-    </Button>
-);
+export const GoogleLoginButton = ({ onPress, ...props }) => {
+    const { t } = useLanguage();
+    return (
+        <Button onPress={onPress} bg='#4285F4' {...props} rounded>
+            <Button.Icon>
+                <FontAwesomeIcon icon={faGoogle} color='white' />
+            </Button.Icon>
+        </Button>
+    );
+};
\ No newline at end of file
diff --git a/src/components/CameraCapture.tsx b/src/components/CameraCapture.tsx
index 865e1c55..a3162fde 100644
--- a/src/components/CameraCapture.tsx
+++ b/src/components/CameraCapture.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState, useRef, useCallback } from 'react';
-import { Dimensions, Platform } from 'react-native';
+import { Dimensions, Platform, Alert } from 'react-native';
 import { YStack, XStack, Button, Text, Image, Card, ScrollView } from 'tamagui';
 import { Camera, useCameraDevice, useFrameProcessor } from 'react-native-vision-camera';
 import type { Camera as CameraRef } from 'react-native-vision-camera';
@@ -7,6 +7,7 @@ import { CameraRoll } from '@react-native-camera-roll/camera-roll';
 import RNFS from 'react-native-fs';
 import useDimensions from '../hooks/use-dimensions';
 import { toast, ToastPosition } from '../utils/toast';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const MENU_BAR_HEIGHT = 160;
 
@@ -19,6 +20,7 @@ interface CameraCaptureScreenProps {
 }
 
 const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
+    const { t } = useLanguage();
     const cameraRef = useRef<CameraRef>(null);
     const device = useCameraDevice('back');
     const { screenHeight } = useDimensions();
@@ -46,7 +48,7 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
                 flash: 'off',
                 qualityPrioritization: 'balanced',
             });
-            toast.info('Photo captured.', { position: ToastPosition.TOP });
+            toast.info(t('CameraCapture.photoCaptured'), { position: ToastPosition.TOP });
 
             const filePath = (Platform.OS === 'ios' ? '' : 'file://') + photo.path;
             const base64Data = await RNFS.readFile(filePath, 'base64');
@@ -59,7 +61,7 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
         } catch (error) {
             console.warn('Error taking photo:', error);
         }
-    }, []);
+    }, [t]);
 
     // Let the user pick images from their camera roll
     const handleSelectFromCameraRoll = useCallback(async () => {
@@ -74,13 +76,13 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
             // For simplicity, let's just take the first photo (in a real scenario you'd present a UI).
             if (photosFromGallery.edges.length > 0) {
                 const { node } = photosFromGallery.edges[0];
-                toast.info('Photo added from gallery.', { position: ToastPosition.TOP });
+                toast.info(t('CameraCapture.photoAddedFromGallery'), { position: ToastPosition.TOP });
                 setPhotos((prev) => [...prev, { uri: node.image.uri }]);
             }
         } catch (error) {
             console.warn('Error selecting from camera roll:', error);
         }
-    }, []);
+    }, [t]);
 
     const openGalleryOverlay = () => setShowGalleryOverlay(true);
     const closeGalleryOverlay = () => setShowGalleryOverlay(false);
@@ -102,7 +104,7 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
     if (!device || !hasPermission) {
         return (
             <YStack flex={1} justifyContent='center' alignItems='center'>
-                <Text color='$textSecondary'>Loading camera or awaiting permission...</Text>
+                <Text color='$textSecondary'>{t('CameraCapture.loadingCameraOrAwaitingPermission')}</Text>
             </YStack>
         );
     }
@@ -115,21 +117,21 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
             <YStack width='100%' height={MENU_BAR_HEIGHT} bg='$background' py='$3' space='$4' borderTopWidth={1} borderColor='$borderColorWithShadow'>
                 <XStack ai='center' jc='space-between' px='$4'>
                     <Button onPress={handleSelectFromCameraRoll}>
-                        <Button.Text>Gallery</Button.Text>
+                        <Button.Text>{t('CameraCapture.gallery')}</Button.Text>
                     </Button>
                     <Button onPress={handleTakePhoto} size='$6' circular bg='$blue-500' borderWidth={5} borderColor='$blue-700'>
                         <Button.Text fontSize={14} color='$white'>
-                            Snap
+                            {t('CameraCapture.snap')}
                         </Button.Text>
                     </Button>
                     <Button onPress={openGalleryOverlay}>
-                        <Button.Text>{photos.length} Photos</Button.Text>
+                        <Button.Text>{photos.length} {t('CameraCapture.photos')}</Button.Text>
                     </Button>
                 </XStack>
                 <YStack px='$5'>
                     <Button width='100%' bg='$success' borderWidth={1} borderColor='$successBorder' onPress={handleDone}>
                         <Button.Text fontSize={15} color='$successText'>
-                            Done
+                            {t('common.done')}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -139,7 +141,7 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
                 <YStack pos='absolute' top={0} left={0} w='100%' h='100%' bg='$surface' opacity={0.95}>
                     <XStack jc='flex-end' p='$4'>
                         <Button size='$3' onPress={closeGalleryOverlay} bg='$default' borderWidth={1} borderColor='$defaultBorder'>
-                            <Button.Text color='$defaultText'>Close</Button.Text>
+                            <Button.Text color='$defaultText'>{t('common.close')}</Button.Text>
                         </Button>
                     </XStack>
 
@@ -175,4 +177,4 @@ const CameraCapture = ({ onDone }: CameraCaptureScreenProps) => {
     );
 };
 
-export default CameraCapture;
+export default CameraCapture;
\ No newline at end of file
diff --git a/src/components/ChatKeyboard.tsx b/src/components/ChatKeyboard.tsx
index 683f42d7..ef6b5f2d 100644
--- a/src/components/ChatKeyboard.tsx
+++ b/src/components/ChatKeyboard.tsx
@@ -6,10 +6,12 @@ import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faCamera, faPlus, faPaperPlane } from '@fortawesome/free-solid-svg-icons';
 import useAppTheme from '../hooks/use-app-theme';
 import CameraCapture from './CameraCapture';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const INPUT_MIN_HEIGHT = 40;
 const INPUT_MAX_HEIGHT = 120;
 const ChatKeyboard = ({ onSend, onAttach, onCamera, onFocus, onBlur }) => {
+    const { t } = useLanguage();
     const { isDarkMode } = useAppTheme();
     const theme = useTheme();
     const headerHeight = useHeaderHeight();
@@ -69,7 +71,7 @@ const ChatKeyboard = ({ onSend, onAttach, onCamera, onFocus, onBlur }) => {
                             maxHeight={INPUT_MAX_HEIGHT}
                             textAlignVertical='top'
                             lineHeight={20}
-                            placeholder='Type a message'
+                            placeholder={t('ChatKeyboard.typeAMessage')}
                             multiline
                             backgroundColor='$surface'
                             borderColor='$borderColor'
@@ -104,4 +106,4 @@ const ChatKeyboard = ({ onSend, onAttach, onCamera, onFocus, onBlur }) => {
     );
 };
 
-export default ChatKeyboard;
+export default ChatKeyboard;
\ No newline at end of file
diff --git a/src/components/ChatParticipants.tsx b/src/components/ChatParticipants.tsx
index 05820c0a..9d82682e 100644
--- a/src/components/ChatParticipants.tsx
+++ b/src/components/ChatParticipants.tsx
@@ -2,15 +2,17 @@ import React from 'react';
 import { Pressable } from 'react-native';
 import { Avatar, XStack, YStack, Text, useTheme } from 'tamagui';
 import useAppTheme from '../hooks/use-app-theme';
+import { useLanguage } from '../contexts/LanguageContext';
 
 export const ChatParticipants = ({ participants = [], size = 30, onPress }) => {
     const { isDarkMode } = useAppTheme();
+    const { t } = useLanguage();
 
     // Display a friendly message when no participants exist
     if (participants.length === 0) {
         return (
             <XStack alignItems='center'>
-                <Text color='$textPrimary'>No participants</Text>
+                <Text color='$textPrimary'>{t('ChatParticipants.noParticipants')}</Text>
             </XStack>
         );
     }
@@ -69,4 +71,4 @@ export const ChatParticipants = ({ participants = [], size = 30, onPress }) => {
     );
 };
 
-export default ChatParticipants;
+export default ChatParticipants;
\ No newline at end of file
diff --git a/src/components/Comment.tsx b/src/components/Comment.tsx
index fc3f5e38..d4268bb6 100644
--- a/src/components/Comment.tsx
+++ b/src/components/Comment.tsx
@@ -5,10 +5,12 @@ import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faReply, faPenToSquare, faTrash, faSave } from '@fortawesome/free-solid-svg-icons';
 import { formatDistanceToNow } from 'date-fns';
 import useFleetbase from '../hooks/use-fleetbase';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
     const theme = useTheme();
     const { adapter } = useFleetbase();
+    const { t } = useLanguage();
     const [comment, setComment] = useState(_comment);
     const [replying, setReplying] = useState(false);
     const [editing, setEditing] = useState(false);
@@ -18,10 +20,10 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
     const [isDeleting, setIsDeleting] = useState(false);
 
     const handleDelete = useCallback(() => {
-        Alert.alert('Delete Comment', 'Are you sure you want to delete this comment?', [
-            { text: 'Cancel', style: 'cancel' },
+        Alert.alert(t('common.delete'), t('Comment.areYouSureYouWantToDeleteThisComment'), [
+            { text: t('common.cancel'), style: 'cancel' },
             {
-                text: 'Delete',
+                text: t('common.delete'),
                 style: 'destructive',
                 onPress: async () => {
                     setIsDeleting(true);
@@ -96,7 +98,7 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                                 <TextArea value={editContent} onChangeText={setEditContent} width='100%' borderWidth={1} borderColor='$borderColor' minHeight={100} disabled={isLoading} />
                                 <XStack justifyContent='flex-end' alignItems='center' marginTop='$2' space='$1'>
                                     <Button onPress={() => setEditing(false)} size='$3' disabled={isLoading} opacity={isLoading ? 0.75 : 1}>
-                                        <Button.Text color='$textPrimary'>Cancel</Button.Text>
+                                        <Button.Text color='$textPrimary'>{t('common.cancel')}</Button.Text>
                                     </Button>
                                     <Button
                                         onPress={updateComment}
@@ -108,7 +110,7 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                                         opacity={isLoading ? 0.75 : 1}
                                     >
                                         <Button.Icon>{isLoading ? <Spinner color='$successText' /> : <FontAwesomeIcon icon={faSave} color={theme['$successText'].val} />}</Button.Icon>
-                                        <Button.Text color='$successText'>Save</Button.Text>
+                                        <Button.Text color='$successText'>{t('common.save')}</Button.Text>
                                     </Button>
                                 </XStack>
                             </>
@@ -124,7 +126,7 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                             <Button.Icon>
                                 <FontAwesomeIcon icon={faReply} color={theme['$infoText'].val} />
                             </Button.Icon>
-                            <Button.Text>Reply</Button.Text>
+                            <Button.Text>{t('Comment.reply')}</Button.Text>
                         </Button>
 
                         {comment.editable && (
@@ -132,13 +134,13 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                                 <Button.Icon>
                                     <FontAwesomeIcon icon={faPenToSquare} color={theme['$infoText'].val} />
                                 </Button.Icon>
-                                <Button.Text>Edit</Button.Text>
+                                <Button.Text>{t('common.edit')}</Button.Text>
                             </Button>
                         )}
                         {comment.editable && (
                             <Button onPress={handleDelete} size='$3' variant='link' px='$1' disabled={isDeleting} opacity={isDeleting ? 0.75 : 1}>
                                 <Button.Icon>{isDeleting ? <Spinner color='$errorBorder' /> : <FontAwesomeIcon icon={faTrash} color={theme['$errorBorder'].val} />}</Button.Icon>
-                                <Button.Text color='$errorBorder'>Delete</Button.Text>
+                                <Button.Text color='$errorBorder'>{t('common.delete')}</Button.Text>
                             </Button>
                         )}
                     </XStack>
@@ -148,7 +150,7 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                             <TextArea
                                 value={replyInput}
                                 onChangeText={setReplyInput}
-                                placeholder='Write a reply...'
+                                placeholder={t('Comment.writeAReply')}
                                 width='100%'
                                 borderWidth={1}
                                 borderColor='$borderColor'
@@ -156,7 +158,7 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                             />
                             <XStack justifyContent='flex-end' marginTop='$2' space='$2' alignItems='center'>
                                 <Button onPress={() => setReplying(false)} size='$3' disabled={isLoading} opacity={isLoading ? 0.75 : 1}>
-                                    <Button.Text color='$textPrimary'>Cancel</Button.Text>
+                                    <Button.Text color='$textPrimary'>{t('common.cancel')}</Button.Text>
                                 </Button>
                                 <Button
                                     onPress={publishReply}
@@ -168,7 +170,7 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
                                     opacity={isLoading ? 0.75 : 1}
                                 >
                                     <Button.Icon>{isLoading ? <Spinner color='$infoText' /> : <FontAwesomeIcon icon={faReply} color={theme['$infoText'].val} />}</Button.Icon>
-                                    <Button.Text color='$infoText'>Publish Reply</Button.Text>
+                                    <Button.Text color='$infoText'>{t('Comment.publishReply')}</Button.Text>
                                 </Button>
                             </XStack>
                         </YStack>
@@ -187,4 +189,4 @@ const Comment = ({ comment: _comment, reloadComments, isCommentInvalid }) => {
     );
 };
 
-export default Comment;
+export default Comment;
\ No newline at end of file
diff --git a/src/components/CommentThread.tsx b/src/components/CommentThread.tsx
index 1e3da6cc..e0b648e3 100644
--- a/src/components/CommentThread.tsx
+++ b/src/components/CommentThread.tsx
@@ -5,12 +5,14 @@ import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faPaperPlane, faRotate } from '@fortawesome/free-solid-svg-icons';
 import useAppTheme from '../hooks/use-app-theme';
 import Comment from './Comment';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const CommentThread = ({ comments: initialComments = [], subject, onReloadComments, isReloading }) => {
     const { isDarkMode } = useAppTheme();
     const theme = useTheme();
     const [comments, setComments] = useState(initialComments);
     const [input, setInput] = useState('');
+    const { t } = useLanguage();
 
     const reloadComments = useCallback(async () => {
         if (typeof onReloadComments === 'function') {
@@ -21,7 +23,7 @@ const CommentThread = ({ comments: initialComments = [], subject, onReloadCommen
 
     const isCommentInvalid = (comment) => {
         if (!comment || comment.trim().length < 2) {
-            Alert.alert('Invalid Comment', 'Comment must be at least 2 characters.');
+            Alert.alert(t('common.error'), t('CommentThread.commentMustBeAtLeast2Characters'));
             return true;
         }
         return false;
@@ -52,7 +54,7 @@ const CommentThread = ({ comments: initialComments = [], subject, onReloadCommen
             <YStack>
                 <TextArea
                     value={input}
-                    placeholder='Write a comment...'
+                    placeholder={t('CommentThread.writeAComment')}
                     onChangeText={setInput}
                     width='100%'
                     bg={isDarkMode ? '$secondary' : '$white'}
@@ -77,7 +79,7 @@ const CommentThread = ({ comments: initialComments = [], subject, onReloadCommen
                         <Button.Icon>
                             <FontAwesomeIcon icon={faPaperPlane} color={theme['$infoText'].val} />
                         </Button.Icon>
-                        <Button.Text color='$infoText'>Publish Comment</Button.Text>
+                        <Button.Text color='$infoText'>{t('CommentThread.publishComment')}</Button.Text>
                     </Button>
                 </XStack>
             </YStack>
@@ -91,4 +93,4 @@ const CommentThread = ({ comments: initialComments = [], subject, onReloadCommen
     );
 };
 
-export default CommentThread;
+export default CommentThread;
\ No newline at end of file
diff --git a/src/components/CurrentDestinationSelect.tsx b/src/components/CurrentDestinationSelect.tsx
index b3509d6b..a645de97 100644
--- a/src/components/CurrentDestinationSelect.tsx
+++ b/src/components/CurrentDestinationSelect.tsx
@@ -12,6 +12,7 @@ import PlaceMapView from './PlaceMapView';
 import Badge from './Badge';
 import Spacer from './Spacer';
 import useAppTheme from '../hooks/use-app-theme';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const CurrentDestinationSelect = ({ onChange, destination, waypoints = [], snapTo = '100%', isLoading = false, ...props }) => {
     const { isDarkMode } = useAppTheme();
@@ -20,6 +21,7 @@ const CurrentDestinationSelect = ({ onChange, destination, waypoints = [], snapT
     const bottomSheetRef = useRef<BottomSheet>(null);
     const snapPoints = useMemo(() => [snapTo], [snapTo]);
     const desinationStatus = destination.getAttribute('status');
+    const { t } = useLanguage();
 
     const openBottomSheet = () => {
         bottomSheetRef.current?.snapToPosition(snapTo);
@@ -53,7 +55,7 @@ const CurrentDestinationSelect = ({ onChange, destination, waypoints = [], snapT
                             ) : (
                                 <YStack>
                                     <Text size={15} color={isDarkMode ? '$infoText' : '$gray-700'} fontWeight='bold' textTransform='uppercase' mb={2}>
-                                        {destination.getAttribute('name') ?? 'Current Destination'}
+                                        {destination.getAttribute('name') ?? t('CurrentDestinationSelect.selectDestination')}
                                     </Text>
                                     <Text color={isDarkMode ? '$textSecondary' : '$gray-500'} textTransform='uppercase' mb='$1'>
                                         {formattedAddressFromPlace(destination)}
@@ -96,7 +98,7 @@ const CurrentDestinationSelect = ({ onChange, destination, waypoints = [], snapT
                         <YStack>
                             <XStack alignItems='center' justifyContent='space-between' px='$5' mb='$4'>
                                 <Text fontSize='$6' color='$textPrimary' fontWeight='bold'>
-                                    Select destination
+                                    {t('CurrentDestinationSelect.selectDestination')}
                                 </Text>
                             </XStack>
                             <BottomSheetFlatList
@@ -169,7 +171,7 @@ const CurrentDestinationSelect = ({ onChange, destination, waypoints = [], snapT
                                                                     <Text color={isDestination ? '$white' : '$textPrimary'} fontWeight='bold' numberOfLines={1}>
                                                                         {waypoint.getAttribute('name') ?? waypoint.getAttribute('street1')}
                                                                     </Text>
-                                                                    {isDestination && <Text color='$infoText'>(Destination)</Text>}
+                                                                    {isDestination && <Text color='$infoText'>{t('CurrentDestinationSelect.destination')}</Text>}
                                                                 </YStack>
                                                                 {typeof waypoint.getAttribute('status') === 'string' && (
                                                                     <Badge status={waypoint.getAttribute('status')} fontSize='$1' px='$2' py='$1' />
@@ -200,4 +202,4 @@ const CurrentDestinationSelect = ({ onChange, destination, waypoints = [], snapT
     );
 };
 
-export default CurrentDestinationSelect;
+export default CurrentDestinationSelect;
\ No newline at end of file
diff --git a/src/components/DestinationChangedAlert.tsx b/src/components/DestinationChangedAlert.tsx
index 124d16fe..7588f4ca 100644
--- a/src/components/DestinationChangedAlert.tsx
+++ b/src/components/DestinationChangedAlert.tsx
@@ -5,6 +5,7 @@ import { YStack, XStack, Text, Button, useTheme } from 'tamagui';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faCheck } from '@fortawesome/free-solid-svg-icons';
 import WaypointList from './WaypointList';
+import { useLanguage } from '../contexts/LanguageContext';
 
 interface DestinationChangedAlertProps {
     visible: boolean;
@@ -16,6 +17,7 @@ interface DestinationChangedAlertProps {
 
 const DestinationChangedAlert: React.FC<DestinationChangedAlertProps> = ({ visible, previousDestination, currentDestination, onClose }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     const prevAddress = previousDestination?.getAttribute('address');
     const currAddress = currentDestination?.getAttribute('address');
 
@@ -27,13 +29,13 @@ const DestinationChangedAlert: React.FC<DestinationChangedAlertProps> = ({ visib
                         <XStack space='$2' px='$4' py='$4' alignItems='center' borderBottomWidth={1} borderColor='$infoBorder'>
                             <FontAwesomeIcon icon={faCheck} color={theme['$green-500'].val} />
                             <Text fontSize='$6' fontWeight='bold' color='$textPrimary'>
-                                Waypoint Completed
+                                {t('DestinationChangedAlert.waypointCompleted')}
                             </Text>
                         </XStack>
                         <YStack py='$2'>
                             <YStack mt='$3' space='$2' px='$4'>
                                 <Text fontSize='$4' color='$textSecondary'>
-                                    Activity for waypoint <Text color='$infoText'>{prevAddress}</Text> is complete.
+                                    {t('DestinationChangedAlert.waypointCompleted')} for waypoint <Text color='$infoText'>{prevAddress}</Text> is complete.
                                 </Text>
                                 <Text fontSize='$4' color='$textSecondary'>
                                     Your current destination has changed to <Text color='$infoText'>{currAddress}</Text>.
@@ -48,7 +50,7 @@ const DestinationChangedAlert: React.FC<DestinationChangedAlertProps> = ({ visib
                     <YStack mt='$4' borderTopWidth={1} borderColor='$infoBorder' alignItems='center' justifyContent='center'>
                         <Button onPress={onClose} width='100%' height='$5'>
                             <Button.Text fontSize='$5' fontWeight='bold'>
-                                Continue
+                                {t('DestinationChangedAlert.continue')}
                             </Button.Text>
                         </Button>
                     </YStack>
@@ -58,4 +60,4 @@ const DestinationChangedAlert: React.FC<DestinationChangedAlertProps> = ({ visib
     );
 };
 
-export default DestinationChangedAlert;
+export default DestinationChangedAlert;
\ No newline at end of file
diff --git a/src/components/FuelReportForm.tsx b/src/components/FuelReportForm.tsx
index de3d9e1c..b676495a 100644
--- a/src/components/FuelReportForm.tsx
+++ b/src/components/FuelReportForm.tsx
@@ -12,11 +12,13 @@ import { getDriverFuelReportStatuses, FuelReportStatus } from '../constants/Enum
 import BottomSheetSelect from '../components/BottomSheetSelect';
 import UnitInput from '../components/UnitInput';
 import MoneyInput from '../components/MoneyInput';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'Publish Fuel Report' }) => {
     const theme = useTheme();
     const navigation = useNavigation();
     const insets = useSafeAreaInsets();
+    const { t } = useLanguage();
     const [fuelReport, setFuelReport] = useState({
         status: FuelReportStatus.DRAFT,
         odometer: '',
@@ -60,7 +62,7 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
                 <YStack py='$3' space='$4'>
                     <YStack px='$3' space='$2'>
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                            Status
+                            {t('FuelReportForm.status')}
                         </Text>
                         <BottomSheetSelect
                             value={fuelReport.status}
@@ -68,7 +70,7 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
                             optionLabel='value'
                             optionValue='key'
                             onChange={(value) => handleUpdateFuelReport('status', value)}
-                            title='Select Fuel Report Status'
+                            title={t('FuelReportForm.selectFuelReportStatus')}
                             humanize={true}
                             portalHost='FuelReportFormPortal'
                             snapTo='100%'
@@ -77,13 +79,13 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
                     </YStack>
                     <YStack px='$3' space='$2'>
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                            Odometer
+                            {t('FuelReportForm.odometer')}
                         </Text>
                         <Input
                             value={fuelReport.odometer}
                             onChangeText={(text) => handleUpdateFuelReport('odometer', text)}
                             keyboardType='phone-pad'
-                            placeholder='Input your current odometer...'
+                            placeholder={t('FuelReportForm.inputYourCurrentOdometer')}
                             borderWidth={1}
                             color='$textPrimary'
                             borderColor='$borderColor'
@@ -93,7 +95,7 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
                     </YStack>
                     <YStack px='$3' space='$2'>
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                            Volume
+                            {t('FuelReportForm.volume')}
                         </Text>
                         <UnitInput
                             value={fuelReport.volume}
@@ -101,14 +103,14 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
                                 handleUpdateFuelReport('volume', value);
                                 handleUpdateFuelReport('metric_unit', unit);
                             }}
-                            placeholder='Input fuel volume...'
+                            placeholder={t('FuelReportForm.inputFuelVolume')}
                             portalHost='FuelReportFormPortal'
                             onBottomSheetPositionChanged={setIsBottomSheetPresenting}
                         />
                     </YStack>
                     <YStack px='$3' space='$2'>
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                            Cost
+                            {t('FuelReportForm.cost')}
                         </Text>
                         <MoneyInput
                             value={fuelReport.amount}
@@ -117,7 +119,7 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
                                 handleUpdateFuelReport('amount', value);
                                 handleUpdateFuelReport('currency', currency);
                             }}
-                            placeholder='Input fuel costs...'
+                            placeholder={t('FuelReportForm.inputFuelCosts')}
                             portalHost='FuelReportFormPortal'
                             onBottomSheetPositionChanged={setIsBottomSheetPresenting}
                         />
@@ -147,4 +149,4 @@ const FuelReportForm = ({ value = {}, onSubmit, isSubmitting = false, submitText
     );
 };
 
-export default FuelReportForm;
+export default FuelReportForm;
\ No newline at end of file
diff --git a/src/components/InstanceLinkHandler.tsx b/src/components/InstanceLinkHandler.tsx
index e1a8ac12..4121e330 100644
--- a/src/components/InstanceLinkHandler.tsx
+++ b/src/components/InstanceLinkHandler.tsx
@@ -5,6 +5,7 @@ import { useConfig } from '../contexts/ConfigContext';
 import { setString } from '../hooks/use-storage';
 import { get } from '../utils';
 import { toast } from '../utils/toast';
+import { useLanguage } from '../contexts/LanguageContext';
 
 function getUrlParams(url) {
     const params = {};
@@ -29,6 +30,7 @@ function getUrlParams(url) {
 const InstanceLinkHandler = ({}) => {
     const { logout } = useAuth();
     const { setInstanceLinkConfig } = useConfig();
+    const { t } = useLanguage();
 
     const handleSetupInstanceLink = useCallback(
         (url) => {
@@ -45,9 +47,9 @@ const InstanceLinkHandler = ({}) => {
             logout();
 
             // Notify
-            toast.success('Instance link was successful!');
+            toast.success(t('InstanceLinkHandler.instanceLinkWasSuccessful'));
         },
-        [logout, setInstanceLinkConfig]
+        [logout, setInstanceLinkConfig, t]
     );
 
     useEffect(() => {
@@ -60,4 +62,4 @@ const InstanceLinkHandler = ({}) => {
     }, []);
 };
 
-export default InstanceLinkHandler;
+export default InstanceLinkHandler;
\ No newline at end of file
diff --git a/src/components/IssueForm.tsx b/src/components/IssueForm.tsx
index a0c48997..b5ef604e 100644
--- a/src/components/IssueForm.tsx
+++ b/src/components/IssueForm.tsx
@@ -10,11 +10,13 @@ import { uppercase } from '../utils/format';
 import { getIssueTypes, getIssuePriorities, getIssueStatuses, getIssueCategories, IssueStatus, IssuePriority } from '../constants/Enums';
 import BottomSheetSelect from '../components/BottomSheetSelect';
 import TextAreaSheet from '../components/TextAreaSheet';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'Publish Issue' }) => {
     const theme = useTheme();
     const navigation = useNavigation();
     const insets = useSafeAreaInsets();
+    const { t } = useLanguage();
     const [issue, setIssue] = useState({
         status: IssueStatus.PENDING,
         priority: IssuePriority.LOW,
@@ -56,7 +58,7 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
             <YStack py='$3' space='$4'>
                 <YStack px='$3' space='$2'>
                     <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                        Issue Type
+                        {t('IssueForm.issueType')}
                     </Text>
                     <BottomSheetSelect
                         value={issue.type}
@@ -64,7 +66,7 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                         optionLabel='value'
                         optionValue='key'
                         onChange={(value) => handleUpdateIssue('type', value)}
-                        title='Select Issue Type'
+                        title={t('IssueForm.selectIssueType')}
                         humanize={true}
                         portalHost='IssueFormPortal'
                         snapTo='100%'
@@ -73,13 +75,13 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                 </YStack>
                 <YStack px='$3' space='$2'>
                     <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                        Issue Category
+                        {t('IssueForm.issueCategory')}
                     </Text>
                     <BottomSheetSelect
                         value={issue.category}
                         options={getIssueCategories(uppercase(underscore(issue.type)))}
                         onChange={(value) => handleUpdateIssue('category', value)}
-                        title='Select Issue Category'
+                        title={t('IssueForm.selectIssueCategory')}
                         humanize={true}
                         portalHost='IssueFormPortal'
                         snapTo='100%'
@@ -88,7 +90,7 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                 </YStack>
                 <YStack px='$3' space='$2'>
                     <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                        Issue Priority
+                        {t('IssueForm.issuePriority')}
                     </Text>
                     <BottomSheetSelect
                         value={issue.priority}
@@ -96,7 +98,7 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                         optionLabel='value'
                         optionValue='key'
                         onChange={(value) => handleUpdateIssue('priority', value)}
-                        title='Select Issue Priority'
+                        title={t('IssueForm.selectIssuePriority')}
                         humanize={true}
                         portalHost='IssueFormPortal'
                         snapTo='100%'
@@ -105,7 +107,7 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                 </YStack>
                 <YStack px='$3' space='$2'>
                     <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                        Issue Status
+                        {t('IssueForm.issueStatus')}
                     </Text>
                     <BottomSheetSelect
                         value={issue.status}
@@ -113,7 +115,7 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                         optionLabel='value'
                         optionValue='key'
                         onChange={(value) => handleUpdateIssue('status', value)}
-                        title='Select Issue Status'
+                        title={t('IssueForm.selectIssueStatus')}
                         humanize={true}
                         portalHost='IssueFormPortal'
                         snapTo='100%'
@@ -122,13 +124,13 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
                 </YStack>
                 <YStack px='$3' space='$2'>
                     <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                        Issue Report
+                        {t('IssueForm.issueReport')}
                     </Text>
                     <TextAreaSheet
                         value={issue.report}
                         onChange={(value) => handleUpdateIssue('report', value)}
-                        title='Issue Report'
-                        placeholder='Type your issue report...'
+                        title={t('IssueForm.issueReport')}
+                        placeholder={t('IssueForm.typeYourIssueReport')}
                         portalHost='IssueFormPortal'
                         snapTo='100%'
                         onBottomSheetPositionChanged={setIsBottomSheetPresenting}
@@ -158,4 +160,4 @@ const IssueForm = ({ value = {}, onSubmit, isSubmitting = false, submitText = 'P
     );
 };
 
-export default IssueForm;
+export default IssueForm;
\ No newline at end of file
diff --git a/src/components/LocationPicker.tsx b/src/components/LocationPicker.tsx
index ba4f8d25..c484d369 100644
--- a/src/components/LocationPicker.tsx
+++ b/src/components/LocationPicker.tsx
@@ -12,6 +12,7 @@ import useStorage from '../hooks/use-storage';
 import useCurrentLocation from '../hooks/use-current-location';
 import useSavedLocations from '../hooks/use-saved-locations';
 import useAppTheme from '../hooks/use-app-theme';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const LocationPicker = ({
     onPressAddNewLocation,
@@ -32,6 +33,7 @@ const LocationPicker = ({
     const [isDropdownOpen, setDropdownOpen] = useState(false);
     const [triggerPosition, setTriggerPosition] = useState({ x: 28, y: 0, width: 0, height: 20 });
     const triggerRef = useRef(null);
+    const { t } = useLanguage();
 
     // Get screen width and calculate 75% of it
     const screenWidth = Dimensions.get('window').width;
@@ -116,7 +118,7 @@ const LocationPicker = ({
                             triggerTextStyle,
                         ]}
                     >
-                        {currentLocation ? (currentLocation.isAttributeFilled('name') ? currentLocation.getAttribute('name') : formattedAddressFromPlace(currentLocation)) : 'Loading...'}
+                        {currentLocation ? (currentLocation.isAttributeFilled('name') ? currentLocation.getAttribute('name') : formattedAddressFromPlace(currentLocation)) : t('common.loading')}
                     </Text>
                     <Text style={[{ fontSize: 14, color: theme.textPrimary.val, opacity: 0.35 }, triggerArrowStyle]}>▼</Text>
                 </XStack>
@@ -196,7 +198,7 @@ const LocationPicker = ({
                                 >
                                     <XStack mb='$1' padding='$2'>
                                         <FontAwesomeIcon icon={faPlus} size={16} color={theme.textPrimary.val} style={{ marginRight: 6 }} />
-                                        <Text color='$textPrimary'>Add New Location</Text>
+                                        <Text color='$textPrimary'>{t('LocationPicker.addNewLocation')}</Text>
                                     </XStack>
                                 </Pressable>
                             </YStack>
@@ -208,4 +210,4 @@ const LocationPicker = ({
     );
 };
 
-export default LocationPicker;
+export default LocationPicker;
\ No newline at end of file
diff --git a/src/components/MoneyInput.tsx b/src/components/MoneyInput.tsx
index b49a708f..d8851ede 100644
--- a/src/components/MoneyInput.tsx
+++ b/src/components/MoneyInput.tsx
@@ -8,6 +8,7 @@ import { faPenToSquare } from '@fortawesome/free-solid-svg-icons';
 import { Portal } from '@gorhom/portal';
 import { debounce } from '../utils';
 import { currencies, getCurrency } from '../utils/currencies';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const MoneyInput = ({
     value: _value,
@@ -25,6 +26,7 @@ const MoneyInput = ({
     onBottomSheetClosed,
 }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     const [selectedCurrency, setSelectedCurrency] = useState(defaultCurrency);
     const [value, setValue] = useState(_value);
     const [searchTerm, setSearchTerm] = useState('');
@@ -122,7 +124,7 @@ const MoneyInput = ({
                 <Input
                     ref={valueInputRef}
                     flex={1}
-                    placeholder={placeholder}
+                    placeholder={t('MoneyInput.Input amount')}
                     keyboardType='phone-pad'
                     value={value}
                     onChangeText={setValue}
@@ -179,7 +181,7 @@ const MoneyInput = ({
                     <YStack px='$2'>
                         <BottomSheetTextInput
                             ref={searchInputRef}
-                            placeholder='Search currencies'
+                            placeholder={t('MoneyInput.searchCurrencies')}
                             onChangeText={setSearchTerm}
                             autoCapitalize='none'
                             autoComplete='off'
@@ -242,4 +244,4 @@ const MoneyInput = ({
     );
 };
 
-export default MoneyInput;
+export default MoneyInput;
\ No newline at end of file
diff --git a/src/components/MultipleCustomerAvatars.tsx b/src/components/MultipleCustomerAvatars.tsx
index 77ed6b3d..472b1113 100644
--- a/src/components/MultipleCustomerAvatars.tsx
+++ b/src/components/MultipleCustomerAvatars.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Avatar, XStack, Text, useTheme } from 'tamagui';
+import { useLanguage } from '../contexts/LanguageContext';
 
 interface MultipleCustomerAvatarsProps {
     customers: Customer[];
@@ -7,11 +8,13 @@ interface MultipleCustomerAvatarsProps {
 }
 
 export const MultipleCustomerAvatars: React.FC<MultipleCustomerAvatarsProps> = ({ customers = [], size = 25 }) => {
+    const { t } = useLanguage();
+
     // Display a friendly message when no customers exist
     if (customers.length === 0) {
         return (
             <XStack alignItems='center'>
-                <Text color='$textPrimary'>No customers</Text>
+                <Text color='$textPrimary'>{t('MultipleCustomerAvatars.noCustomers')}</Text>
             </XStack>
         );
     }
@@ -49,4 +52,4 @@ export const MultipleCustomerAvatars: React.FC<MultipleCustomerAvatarsProps> = (
     );
 };
 
-export default MultipleCustomerAvatars;
+export default MultipleCustomerAvatars;
\ No newline at end of file
diff --git a/src/components/OrderActivitySelect.tsx b/src/components/OrderActivitySelect.tsx
index 4b311a52..5a7a9513 100644
--- a/src/components/OrderActivitySelect.tsx
+++ b/src/components/OrderActivitySelect.tsx
@@ -14,6 +14,7 @@ import useAppTheme from '../hooks/use-app-theme';
 import PlaceMapView from './PlaceMapView';
 import Spacer from './Spacer';
 import Badge from './Badge';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const OrderActivitySelect = forwardRef(({ onChange, waypoint, activities = [], snapTo = '100%', isLoading = false, activityLoading, portalHost = 'MainPortal', ...props }, ref) => {
     const theme = useTheme();
@@ -21,6 +22,7 @@ const OrderActivitySelect = forwardRef(({ onChange, waypoint, activities = [], s
     const { isDarkMode } = useAppTheme();
     const bottomSheetRef = useRef(null);
     const snapPoints = useMemo(() => [snapTo], [snapTo]);
+    const { t } = useLanguage();
 
     // Expose methods to the parent via ref.
     useImperativeHandle(
@@ -85,7 +87,7 @@ const OrderActivitySelect = forwardRef(({ onChange, waypoint, activities = [], s
                                     space='$2'
                                 >
                                     <FontAwesomeIcon icon={faLightbulb} color={theme['$warningText'].val} />
-                                    <Text color='$warningText'>Requires proof of delivery</Text>
+                                    <Text color='$warningText'>{t('OrderActivitySelect.requiresProofOfDelivery')}</Text>
                                 </XStack>
                             )}
                         </YStack>
@@ -115,13 +117,13 @@ const OrderActivitySelect = forwardRef(({ onChange, waypoint, activities = [], s
                         <YStack>
                             <XStack alignItems='center' justifyContent='space-between' px='$5' mb='$4'>
                                 <Text fontSize='$6' color='$textPrimary' fontWeight='bold'>
-                                    Select activity
+                                    {t('OrderActivitySelect.selectActivity')}
                                 </Text>
                             </XStack>
                             {waypoint && (
                                 <YStack px='$3' pt='$4' mb='$4' borderTopWidth={1} borderBottomWidth={1} borderColor='$infoBorder' bg='$info'>
                                     <Text color='$infoText' fontWeight={17} fontWeight='bold' mb='$2' textTransform='uppercase'>
-                                        Updating activity for:
+                                        {t('OrderActivitySelect.updatingActivityFor')}
                                     </Text>
                                     <WaypointItem
                                         waypoint={waypoint.serialize()}
@@ -155,4 +157,4 @@ const OrderActivitySelect = forwardRef(({ onChange, waypoint, activities = [], s
     );
 });
 
-export default OrderActivitySelect;
+export default OrderActivitySelect;
\ No newline at end of file
diff --git a/src/components/OrderCard.tsx b/src/components/OrderCard.tsx
index 8cfdfbd8..3760efd5 100644
--- a/src/components/OrderCard.tsx
+++ b/src/components/OrderCard.tsx
@@ -14,12 +14,14 @@ import OrderWaypointList from './OrderWaypointList';
 import MultipleCustomerAvatars from './MultipleCustomerAvatars';
 import LoadingText from './LoadingText';
 import Badge from './Badge';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const INFO_FIELD_VALUE_MIN_HEIGHT = 30;
 export const OrderCard = ({ order, onPress }) => {
     const theme = useTheme();
     const { isDarkMode } = useAppTheme();
     const { trackerData } = useOrderResource(order, { loadEta: false });
+    const { t } = useLanguage();
     const waypointCustomers = useMemo(() => {
         const waypoints = order.getAttribute('payload.waypoints', []) ?? [];
         return waypoints
@@ -81,7 +83,7 @@ export const OrderCard = ({ order, onPress }) => {
                                 <YStack flex={1} gap='$2'>
                                     <YStack flex={1} gap='$1'>
                                         <Text color='$textPrimary' fontSize={12}>
-                                            {waypointCustomers.length > 0 ? 'Customers:' : 'Customer:'}
+                                            {waypointCustomers.length > 0 ? t('OrderCard.customers') : t('OrderCard.customer')}
                                         </Text>
                                         <YStack minHeight={INFO_FIELD_VALUE_MIN_HEIGHT}>
                                             {waypointCustomers.length > 0 ? (
@@ -102,7 +104,7 @@ export const OrderCard = ({ order, onPress }) => {
                                                         </>
                                                     ) : (
                                                         <Text color='$textSecondary' fontSize={12}>
-                                                            N/A
+                                                            {t('OrderCard.nA')}
                                                         </Text>
                                                     )}
                                                 </>
@@ -111,11 +113,11 @@ export const OrderCard = ({ order, onPress }) => {
                                     </YStack>
                                     <YStack flex={1} gap='$1'>
                                         <Text color='$textPrimary' fontSize={12}>
-                                            Date Scheduled:
+                                            {t('OrderCard.dateScheduled')}
                                         </Text>
                                         <YStack minHeight={INFO_FIELD_VALUE_MIN_HEIGHT}>
                                             <LoadingText
-                                                text={order.getAttribute('scheduled_at') ? formatDate(new Date(order.getAttribute('scheduled_at')), 'PP HH:mm') : 'N/A'}
+                                                text={order.getAttribute('scheduled_at') ? formatDate(new Date(order.getAttribute('scheduled_at')), 'PP HH:mm') : t('OrderCard.nA')}
                                                 numberOfLines={1}
                                                 color='$textSecondary'
                                                 fontSize={12}
@@ -126,11 +128,11 @@ export const OrderCard = ({ order, onPress }) => {
                                 <YStack flex={1} gap='$2'>
                                     <YStack flex={1} gap='$1'>
                                         <Text color='$textPrimary' fontSize={12}>
-                                            POD Required:
+                                            {t('OrderCard.podRequired')}
                                         </Text>
                                         <YStack minHeight={INFO_FIELD_VALUE_MIN_HEIGHT}>
                                             <LoadingText
-                                                text={order.getAttribute('pod_required') ? titleize(order.getAttribute('pod_method')) : 'N/A'}
+                                                text={order.getAttribute('pod_required') ? titleize(order.getAttribute('pod_method')) : t('OrderCard.nA')}
                                                 numberOfLines={1}
                                                 color='$textSecondary'
                                                 fontSize={12}
@@ -139,11 +141,11 @@ export const OrderCard = ({ order, onPress }) => {
                                     </YStack>
                                     <YStack flex={1} gap='$1'>
                                         <Text color='$textPrimary' fontSize={12}>
-                                            Dispatched At:
+                                            {t('OrderCard.dispatchedAt')}
                                         </Text>
                                         <YStack minHeight={INFO_FIELD_VALUE_MIN_HEIGHT}>
                                             <LoadingText
-                                                text={order.getAttribute('dispatched_at') ? formatDate(new Date(order.getAttribute('dispatched_at')), 'PP HH:mm') : 'N/A'}
+                                                text={order.getAttribute('dispatched_at') ? formatDate(new Date(order.getAttribute('dispatched_at')), 'PP HH:mm') : t('OrderCard.nA')}
                                                 numberOfLines={1}
                                                 color='$textSecondary'
                                                 fontSize={12}
@@ -154,11 +156,11 @@ export const OrderCard = ({ order, onPress }) => {
                                 <YStack flex={1} gap='$2'>
                                     <YStack flex={1} gap='$1'>
                                         <Text color='$textPrimary' fontSize={12}>
-                                            ETA:
+                                            {t('OrderCard.eta')}
                                         </Text>
                                         <YStack minHeight={INFO_FIELD_VALUE_MIN_HEIGHT}>
                                             <LoadingText
-                                                text={trackerData.current_destination_eta === -1 ? 'N/A' : formatDuration(trackerData.current_destination_eta)}
+                                                text={trackerData.current_destination_eta === -1 ? t('OrderCard.nA') : formatDuration(trackerData.current_destination_eta)}
                                                 numberOfLines={1}
                                                 color='$textSecondary'
                                                 fontSize={12}
@@ -167,7 +169,7 @@ export const OrderCard = ({ order, onPress }) => {
                                     </YStack>
                                     <YStack flex={1} gap='$1'>
                                         <Text color='$textPrimary' fontSize={12}>
-                                            ECT:
+                                            {t('OrderCard.ect')}
                                         </Text>
                                         <YStack minHeight={INFO_FIELD_VALUE_MIN_HEIGHT}>
                                             <LoadingText text={trackerData.estimated_completion_time_formatted} numberOfLines={1} color='$textSecondary' fontSize={12} />
@@ -183,4 +185,4 @@ export const OrderCard = ({ order, onPress }) => {
     );
 };
 
-export default OrderCard;
+export default OrderCard;
\ No newline at end of file
diff --git a/src/components/OrderCustomerCard.tsx b/src/components/OrderCustomerCard.tsx
index 4ad73ef1..c160de50 100644
--- a/src/components/OrderCustomerCard.tsx
+++ b/src/components/OrderCustomerCard.tsx
@@ -2,9 +2,11 @@ import { YStack, XStack, Text, Avatar, Separator, Button, useTheme } from 'tamag
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faPhone, faEnvelope, faMessage } from '@fortawesome/free-solid-svg-icons';
 import FastImage from 'react-native-fast-image';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const OrderCustomerCard = ({ customer }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
 
     return (
         <YStack space='$2' borderWidth={1} borderColor='$borderColor' borderRadius='$4'>
@@ -33,19 +35,19 @@ const OrderCustomerCard = ({ customer }) => {
                         <Button.Icon>
                             <FontAwesomeIcon icon={faPhone} color={theme.infoText.val} />
                         </Button.Icon>
-                        <Button.Text color='$infoText'>Call</Button.Text>
+                        <Button.Text color='$infoText'>{t('OrderCustomerCard.call')}</Button.Text>
                     </Button>
                     <Button bg='$info' size='$3' borderWidth={1} borderColor='$infoBorder'>
                         <Button.Icon>
                             <FontAwesomeIcon icon={faEnvelope} color={theme.infoText.val} />
                         </Button.Icon>
-                        <Button.Text color='$infoText'>Email</Button.Text>
+                        <Button.Text color='$infoText'>{t('OrderCustomerCard.email')}</Button.Text>
                     </Button>
                     <Button bg='$info' size='$3' borderWidth={1} borderColor='$infoBorder'>
                         <Button.Icon>
                             <FontAwesomeIcon icon={faMessage} color={theme.infoText.val} />
                         </Button.Icon>
-                        <Button.Text color='$infoText'>Chat</Button.Text>
+                        <Button.Text color='$infoText'>{t('OrderCustomerCard.chat')}</Button.Text>
                     </Button>
                 </XStack>
             </YStack>
@@ -53,4 +55,4 @@ const OrderCustomerCard = ({ customer }) => {
     );
 };
 
-export default OrderCustomerCard;
+export default OrderCustomerCard;
\ No newline at end of file
diff --git a/src/components/OrderDocumentFiles.tsx b/src/components/OrderDocumentFiles.tsx
index b0c9ba7c..a48b786f 100644
--- a/src/components/OrderDocumentFiles.tsx
+++ b/src/components/OrderDocumentFiles.tsx
@@ -11,10 +11,12 @@ import FastImage from 'react-native-fast-image';
 import FileViewer from 'react-native-file-viewer';
 import RNFS from 'react-native-fs';
 import Share from 'react-native-share';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const DOCUMENT_COLUMN_WIDTH = 100;
 const OrderDocumentFiles = ({ order }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     const files = order.getAttribute('files', []);
 
     const isImageFile = (file) => {
@@ -53,17 +55,17 @@ const OrderDocumentFiles = ({ order }) => {
                 if (isImageFile(file)) {
                     // Save image to the Photos Gallery using CameraRoll
                     await CameraRoll.save(localFile, { type: 'photo' });
-                    Alert.alert('Download Complete', 'Image saved to your Photos Gallery.');
+                    Alert.alert(t('common.done'), t('OrderDocumentFiles.imageSavedToYourPhotosGallery'));
                 } else {
                     // For non-image files, open the share dialog so the user can choose what to do
                     await Share.open({ url: 'file://' + localFile });
                 }
             } else {
-                Alert.alert('Download Failed', `Status Code: ${downloadResult.statusCode}`);
+                Alert.alert(t('OrderDocumentFiles.downloadFailed'), `Status Code: ${downloadResult.statusCode}`);
             }
         } catch (error) {
             console.warn('Error downloading file:', error);
-            Alert.alert('Error', 'There was an error downloading the file.');
+            Alert.alert(t('common.error'), t('OrderDocumentFiles.thereWasAnErrorDownloadingTheFile'));
         }
     };
 
@@ -71,7 +73,7 @@ const OrderDocumentFiles = ({ order }) => {
     if (files.length === 0) {
         return (
             <YStack py='$5' alignItems='center' justifyContent='center'>
-                <Text color='$textSecondary'>No Documents or Files.</Text>
+                <Text color='$textSecondary'>{t('OrderDocumentFiles.noDocumentsOrFiles')}</Text>
             </YStack>
         );
     }
@@ -106,13 +108,13 @@ const OrderDocumentFiles = ({ order }) => {
                                 <Button.Icon>
                                     <FontAwesomeIcon icon={faEye} color={theme.defaultText.val} />
                                 </Button.Icon>
-                                <Button.Text color='$defaultText'>View</Button.Text>
+                                <Button.Text color='$defaultText'>{t('OrderDocumentFiles.view')}</Button.Text>
                             </Button>
                             <Button size='$2' onPress={() => downloadFile(file)} bg='$info' borderWidth={1} borderColor='$infoBorder' justifyContent='flex-start'>
                                 <Button.Icon>
                                     <FontAwesomeIcon icon={faDownload} color={theme.infoText.val} />
                                 </Button.Icon>
-                                <Button.Text color='$infoText'>Download</Button.Text>
+                                <Button.Text color='$infoText'>{t('OrderDocumentFiles.download')}</Button.Text>
                             </Button>
                         </YStack>
                     </YStack>
@@ -124,4 +126,4 @@ const OrderDocumentFiles = ({ order }) => {
     return <SimpleGrid maxItemsPerRow={3} itemDimension={DOCUMENT_COLUMN_WIDTH} data={files} renderItem={renderDocument} />;
 };
 
-export default OrderDocumentFiles;
+export default OrderDocumentFiles;
\ No newline at end of file
diff --git a/src/components/OrderPayloadEntities.tsx b/src/components/OrderPayloadEntities.tsx
index 5b17be3d..9df3080e 100644
--- a/src/components/OrderPayloadEntities.tsx
+++ b/src/components/OrderPayloadEntities.tsx
@@ -8,10 +8,12 @@ import FastImage from 'react-native-fast-image';
 import { WaypointCircle } from './OrderWaypointList';
 import OrderCustomerCard from './OrderCustomerCard';
 import { formatCurrency } from '../utils/format';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const ENTITY_COLUMN_WIDTH = 100;
 const OrderPayloadEntities = ({ order, onPress }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     const waypoints = order.getAttribute('payload.waypoints', []) ?? [];
     const entities = order.getAttribute('payload.entities', []) ?? [];
     const isMultiDropOrder = waypoints.length > 0;
@@ -48,7 +50,7 @@ const OrderPayloadEntities = ({ order, onPress }) => {
     if (entities.length === 0 && entitiesByDestination.length === 0) {
         return (
             <YStack py='$5' alignItems='center' justifyContent='center'>
-                <Text color='$textSecondary'>Empty Payload.</Text>
+                <Text color='$textSecondary'>{t('OrderPayloadEntities.emptyPayload')}</Text>
             </YStack>
         );
     }
@@ -127,4 +129,4 @@ const OrderPayloadEntities = ({ order, onPress }) => {
     return <SimpleGrid maxItemsPerRow={4} itemDimension={ENTITY_COLUMN_WIDTH} data={entities} renderItem={({ item: entity, index }) => <RenderEntity entity={entity} index={index} />} />;
 };
 
-export default OrderPayloadEntities;
+export default OrderPayloadEntities;
\ No newline at end of file
diff --git a/src/components/OrderProofOfDelivery.tsx b/src/components/OrderProofOfDelivery.tsx
index 57a7d5d0..b2503286 100644
--- a/src/components/OrderProofOfDelivery.tsx
+++ b/src/components/OrderProofOfDelivery.tsx
@@ -10,6 +10,7 @@ import { format } from 'date-fns';
 import FastImage from 'react-native-fast-image';
 import useStorage from '../hooks/use-storage';
 import useFleetbase from '../hooks/use-fleetbase';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const PROOF_COLUMN_WIDTH = 160;
 
@@ -21,6 +22,7 @@ const OrderProofOfDelivery = ({ order, subject }) => {
     const [proofs, setProofs] = useStorage(`${id}_proofs`, []);
     const [isLoading, setIsLoading] = useState(false);
     const [fullscreenImage, setFullscreenImage] = useState(null);
+    const { t } = useLanguage();
 
     const loadOrderProof = useCallback(async () => {
         if (!adapter) return;
@@ -107,7 +109,7 @@ const OrderProofOfDelivery = ({ order, subject }) => {
     if (proofs.length === 0) {
         return (
             <YStack py='$5' alignItems='center' justifyContent='center'>
-                <Text color='$textSecondary'>No Proof of Delivery Captured.</Text>
+                <Text color='$textSecondary'>{t('OrderProofOfDelivery.noProofOfDeliveryCaptured')}</Text>
             </YStack>
         );
     }
@@ -147,4 +149,4 @@ const OrderProofOfDelivery = ({ order, subject }) => {
     );
 };
 
-export default OrderProofOfDelivery;
+export default OrderProofOfDelivery;
\ No newline at end of file
diff --git a/src/components/PastOrderCard.tsx b/src/components/PastOrderCard.tsx
index 13f2a493..2cb15ed0 100644
--- a/src/components/PastOrderCard.tsx
+++ b/src/components/PastOrderCard.tsx
@@ -15,12 +15,14 @@ import OrderWaypointList, { WaypointItem } from './OrderWaypointList';
 import MultipleCustomerAvatars from './MultipleCustomerAvatars';
 import LoadingText from './LoadingText';
 import Badge from './Badge';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const INFO_FIELD_VALUE_MIN_HEIGHT = 30;
 export const PastOrderCard = ({ order, onPress }) => {
     const theme = useTheme();
     const { isDarkMode } = useAppTheme();
     const { trackerData } = useOrderResource(order, { loadEta: false });
+    const { t } = useLanguage();
 
     const destination = useMemo(() => {
         const pickup = order.getAttribute('payload.pickup');
@@ -85,7 +87,7 @@ export const PastOrderCard = ({ order, onPress }) => {
                             icon={faLocationDot}
                             iconColor={theme['$textPrimary'].val}
                             waypoint={destination.serialize()}
-                            title='Current Destination'
+                            title={t('PastOrderCard.currentDestination')}
                             titleStyle={{ fontWeight: 'bold', fontSize: 14, textTransform: 'uppercase' }}
                         />
                     </YStack>
@@ -95,4 +97,4 @@ export const PastOrderCard = ({ order, onPress }) => {
     );
 };
 
-export default PastOrderCard;
+export default PastOrderCard;
\ No newline at end of file
diff --git a/src/components/PhoneInput.tsx b/src/components/PhoneInput.tsx
index 90beba50..2e5151d5 100644
--- a/src/components/PhoneInput.tsx
+++ b/src/components/PhoneInput.tsx
@@ -6,6 +6,7 @@ import { useTheme, View, Text, Button, XStack, YStack, Input } from 'tamagui';
 import { Portal } from '@gorhom/portal';
 import { getCountryByPhoneCode, getCountryByISO2, parsePhoneNumber, debounce } from '../utils';
 import useAppTheme from '../hooks/use-app-theme';
+import { useLanguage } from '../contexts/LanguageContext';
 
 function getDefaultValues(value = null, fallbackCountry = 'US') {
     if (typeof value === 'string' && value.startsWith('+')) {
@@ -31,6 +32,7 @@ const countryList = Object.entries(countries).map(([code, details]) => ({
 }));
 
 const PhoneInput = ({ value, onChange, bg, width = '100%', defaultCountryCode = 'US', size = '$5', wrapperProps = {} }) => {
+    const { t } = useLanguage();
     const defaultValue = getDefaultValues(value, defaultCountryCode);
     const theme = useTheme();
     const { isDarkMode } = useAppTheme();
@@ -91,7 +93,7 @@ const PhoneInput = ({ value, onChange, bg, width = '100%', defaultCountryCode =
                     size={size}
                     ref={phoneInputRef}
                     flex={1}
-                    placeholder='Enter phone number'
+                    placeholder={t('PhoneInput.enterPhoneNumber')}
                     keyboardType='phone-pad'
                     value={phoneNumber}
                     onChangeText={setPhoneNumber}
@@ -123,7 +125,7 @@ const PhoneInput = ({ value, onChange, bg, width = '100%', defaultCountryCode =
                     <YStack px='$2'>
                         <BottomSheetTextInput
                             ref={searchInputRef}
-                            placeholder='Search country'
+                            placeholder={t('PhoneInput.searchCountry')}
                             onChangeText={setSearchTerm}
                             autoCapitalize={false}
                             autoComplete='off'
@@ -179,4 +181,4 @@ const PhoneInput = ({ value, onChange, bg, width = '100%', defaultCountryCode =
     );
 };
 
-export default PhoneInput;
+export default PhoneInput;
\ No newline at end of file
diff --git a/src/components/QrCodeScanner.tsx b/src/components/QrCodeScanner.tsx
index 40af21c7..d67cd68f 100644
--- a/src/components/QrCodeScanner.tsx
+++ b/src/components/QrCodeScanner.tsx
@@ -1,6 +1,7 @@
 import React, { useEffect, useRef, useState } from 'react';
 import { StyleSheet, View, Text } from 'react-native';
 import { Camera, useCameraDevice, useCodeScanner } from 'react-native-vision-camera';
+import { useLanguage } from '../contexts/LanguageContext';
 
 type QrCodeScannerProps = {
     onScan: (data: string) => void;
@@ -11,6 +12,7 @@ type QrCodeScannerProps = {
 };
 
 export const QrCodeScanner: React.FC<QrCodeScannerProps> = ({ onScan, width = '100%', height = '100%', overlayStyle = {}, scanCooldown = 3000 }) => {
+    const { t } = useLanguage();
     const device = useCameraDevice('back');
     const [isScanning, setIsScanning] = useState(true);
     const cooldownRef = useRef<NodeJS.Timeout | null>(null);
@@ -51,7 +53,7 @@ export const QrCodeScanner: React.FC<QrCodeScannerProps> = ({ onScan, width = '1
     if (!device) {
         return (
             <View style={[styles.noCamera, { width, height }]}>
-                <Text style={{ color: '#fff' }}>No camera available</Text>
+                <Text style={{ color: '#fff' }}>{t('QrCodeScanner.noCameraAvailable')}</Text>
             </View>
         );
     }
@@ -87,4 +89,4 @@ const styles = StyleSheet.create({
     },
 });
 
-export default QrCodeScanner;
+export default QrCodeScanner;
\ No newline at end of file
diff --git a/src/components/UnitInput.tsx b/src/components/UnitInput.tsx
index fd93b42d..d0c0e366 100644
--- a/src/components/UnitInput.tsx
+++ b/src/components/UnitInput.tsx
@@ -8,6 +8,7 @@ import { faPenToSquare } from '@fortawesome/free-solid-svg-icons';
 import { Portal } from '@gorhom/portal';
 import { debounce } from '../utils';
 import unit from '../constants/Units';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const getDefaultUnit = (type, defaultValue) => {
     if (typeof type === 'string' && type.startsWith('volume')) {
@@ -38,6 +39,7 @@ const UnitInput = ({
     onBottomSheetClosed,
 }) => {
     const theme = useTheme();
+    const { t } = useLanguage();
     const [selectedUnit, setSelectedUnit] = useState(getDefaultUnit(type, defaultUnit));
     const [value, setValue] = useState(_value);
     const [searchTerm, setSearchTerm] = useState('');
@@ -141,7 +143,7 @@ const UnitInput = ({
                 <Input
                     ref={valueInputRef}
                     flex={1}
-                    placeholder={placeholder}
+                    placeholder={t('UnitInput.searchUnit')}
                     keyboardType='phone-pad'
                     value={value}
                     onChangeText={setValue}
@@ -197,7 +199,7 @@ const UnitInput = ({
                     <YStack px='$2'>
                         <BottomSheetTextInput
                             ref={searchInputRef}
-                            placeholder='Search unit'
+                            placeholder={t('UnitInput.searchUnit')}
                             onChangeText={setSearchTerm}
                             autoCapitalize='none'
                             autoComplete='off'
@@ -261,4 +263,4 @@ const UnitInput = ({
     );
 };
 
-export default UnitInput;
+export default UnitInput;
\ No newline at end of file
diff --git a/src/locales/en.js b/src/locales/en.js
new file mode 100644
index 00000000..1b3598a6
--- /dev/null
+++ b/src/locales/en.js
@@ -0,0 +1,330 @@
+export default {
+  common: {
+    cancel: 'Cancel',
+    close: 'Close',
+    delete: 'Delete',
+    done: 'Done',
+    edit: 'Edit',
+    error: 'Error',
+    remove: 'Remove',
+    reset: 'Reset',
+    retry: 'Retry',
+    save: 'Save',
+    select: 'Select',
+  },
+  AdhocOrderCard: {
+    acceptAdHocOrder: 'Accept Ad-Hoc order?',
+    acceptOrder: 'Accept Order',
+    acceptingAndAssigningOrder: 'Accepting and assigning order...',
+    byAcceptingThisAdHocOrderItWillBecomeAssignedToYouAndTheOrderWillStartImmediatley: 'By accepting this ad-hoc order it will become assigned to you and the order will start immediatley.',
+    byDimissingThisAdHocOrderItWillNoLongerDisplayAsAnAvailableOrder: 'By dimissing this ad-hoc order it will no longer display as an available order.',
+    dismissAdHocOrder: 'Dismiss Ad-Hoc order?',
+    dismissOrder: 'Dismiss Order',
+    pickupDestination: 'Pickup Destination',
+  },
+  Buttons: {
+    continueWithPhone: 'Continue with Phone',
+  },
+  CameraCapture: {
+    gallery: 'Gallery',
+    loadingCameraOrAwaitingPermission: 'Loading camera or awaiting permission...',
+    photoAddedFromGallery: 'Photo added from gallery.',
+    photoCaptured: 'Photo captured.',
+    snap: 'Snap',
+  },
+  ChatHomeScreen: {
+    chats: 'Chats',
+  },
+  ChatKeyboard: {
+    typeAMessage: 'Type a message',
+  },
+  ChatParticipants: {
+    noParticipants: 'No participants',
+  },
+  ChatParticipantsScreen: {
+    addParticipant: 'Add Participant',
+    areYouSureYouWishToRemoveThisParticipantFromTheChat: 'Are you sure you wish to remove this participant from the chat?',
+    confirmation: 'Confirmation',
+    participants: 'Participants',
+    selectParticipant: 'Select Participant',
+  },
+  Comment: {
+    areYouSureYouWantToDeleteThisComment: 'Are you sure you want to delete this comment?',
+    deleteComment: 'Delete Comment',
+    publishReply: 'Publish Reply',
+    reply: 'Reply',
+    writeAReply: 'Write a reply...',
+  },
+  CommentThread: {
+    commentMustBeAtLeast2Characters: 'Comment must be at least 2 characters.',
+    invalidComment: 'Invalid Comment',
+    publishComment: 'Publish Comment',
+    writeAComment: 'Write a comment...',
+  },
+  CoreStack: {
+    connectionConfig: 'Connection Config',
+  },
+  CreateAccountScreen: {
+    createAccount: 'Create Account',
+    enterYourName: 'Enter your name',
+    haveAnAccountAlreadyLogin: 'Have an account already? Login',
+    invalidPhoneNumberProvided: 'Invalid phone number provided.',
+    sendVerificationCode: 'Send Verification Code',
+  },
+  CreateAccountVerifyScreen: {
+    verifyCode: 'Verify Code',
+  },
+  CreateChatChannelScreen: {
+    channelName: 'Channel Name',
+    chatChannelNameIsRequired: 'Chat channel name is required.',
+    createNewChat: 'Create new Chat',
+    inputChatChannelName: 'Input chat channel name...',
+    selectParticipants: 'Select Participants:',
+    unselect: 'Unselect',
+  },
+  CurrentDestinationSelect: {
+    destination: '(Destination)',
+    selectDestination: 'Select destination',
+  },
+  DestinationChangedAlert: {
+    continue: 'Continue',
+    waypointCompleted: 'Waypoint Completed',
+  },
+  DriverDashboardScreen: {
+    activeOrders: 'Active Orders',
+    location: 'Location:',
+    speed: 'Speed',
+    tracking: 'Tracking:',
+  },
+  DriverFleetScreen: {
+    driverfleetscreen: 'DriverFleetScreen',
+  },
+  DriverNavigator: {
+    createANewFuelReport: 'Create a new Fuel Report',
+    createANewIssue: 'Create a new Issue',
+    navigator: 'Navigator',
+  },
+  DriverReportScreen: {
+    category: 'Category:',
+    cost: 'Cost:',
+    fuelReported: 'Fuel Reported:',
+    issueOn: 'Issue on:',
+    odometer: 'Odometer:',
+    priority: 'Priority:',
+    report: 'Report:',
+    reporter: 'Reporter:',
+    status: 'Status:',
+    type: 'Type:',
+    vehicle: 'Vehicle:',
+    volume: 'Volume:',
+  },
+  EditAccountPropertyScreen: {
+  },
+  EditLocationCoordScreen: {
+    savePosition: 'Save Position',
+  },
+  EditLocationScreen: {
+    addAdditionalAddressDetails: 'Add additional address details.',
+    additionalInstructionsForTheCourier: 'Additional instructions for the courier',
+    address: 'Address',
+    addressDetails: 'Address Details',
+    addressLabelOrName: 'Address label or name',
+    addressSaved: 'Address saved.',
+    aptSuiteUnitBuildingFloorEtc: 'Apt, suite, unit, building, floor, etc.',
+    cityOrTown: 'City or town',
+    deleteAddress: 'Delete Address',
+    locationType: 'Location Type',
+    makeDefaultAddress: 'Make Default Address',
+    neighborhood: 'Neighborhood',
+    optional: 'Optional',
+    postalOrZipCode: 'Postal or zip code',
+    saveAddress: 'Save Address',
+    streetAddressOrPOBox: 'Street address or P.O. Box',
+    unableToSelectLocationType: 'Unable to select location type.',
+    whereExactlyShouldWeMeetYou: 'Where exactly should we meet you?',
+  },
+  EntityScreen: {
+    details: 'Details',
+    dimensionsLXWXH: 'Dimensions (L x W x H)',
+    id: 'ID',
+    internalId: 'Internal ID',
+    sku: 'SKU',
+    trackingNumber: 'Tracking Number',
+    type: 'Type',
+    weight: 'Weight',
+  },
+  FleetScreen: {
+    fleetscreen: 'FleetScreen',
+  },
+  FuelReportForm: {
+    cost: 'Cost',
+    inputFuelCosts: 'Input fuel costs...',
+    inputFuelVolume: 'Input fuel volume...',
+    inputYourCurrentOdometer: 'Input your current odometer...',
+    odometer: 'Odometer',
+    selectFuelReportStatus: 'Select Fuel Report Status',
+    status: 'Status',
+    volume: 'Volume',
+  },
+  FuelReportScreen: {
+    areYouSureYouWantToDeleteThisFuelReport: 'Are you sure you want to delete this Fuel Report?',
+    confirmDeletion: 'Confirm Deletion',
+    cost: 'Cost:',
+    deletingFuelReport: 'Deleting Fuel Report...',
+    odometer: 'Odometer:',
+    reportLocation: 'Report Location:',
+    status: 'Status:',
+    vehicle: 'Vehicle:',
+    volume: 'Volume:',
+  },
+  InstanceLinkHandler: {
+    instanceLinkWasSuccessful: 'Instance link was successful!',
+  },
+  InstanceLinkScreen: {
+    fleetbaseHost: 'FLEETBASE HOST',
+    fleetbaseKey: 'FLEETBASE KEY',
+    inputApiKeyForFleetbaseInstance: 'Input API Key for Fleetbase instance...',
+    inputHostOfFleetbaseInstance: 'Input host of Fleetbase instance...',
+    inputSocketclusterHostForFleetbaseInstance: 'Input SocketCluster host for Fleetbase instance...',
+    inputSocketclusterPortForFleetbaseInstance: 'Input SocketCluster port for Fleetbase instance...',
+    instanceConnectionConfigResetSuccessfully: 'Instance connection config reset successfully.',
+    instanceConnectionConfigSavedSuccessfully: 'Instance connection config saved successfully.',
+    saveChanges: 'Save Changes',
+    socketclusterHost: 'SOCKETCLUSTER HOST',
+    socketclusterPort: 'SOCKETCLUSTER PORT',
+    socketclusterSecure: 'SOCKETCLUSTER SECURE',
+  },
+  IssueForm: {
+    issueCategory: 'Issue Category',
+    issuePriority: 'Issue Priority',
+    issueReport: 'Issue Report',
+    issueStatus: 'Issue Status',
+    issueType: 'Issue Type',
+    selectIssueCategory: 'Select Issue Category',
+    selectIssuePriority: 'Select Issue Priority',
+    selectIssueStatus: 'Select Issue Status',
+    selectIssueType: 'Select Issue Type',
+    typeYourIssueReport: 'Type your issue report...',
+  },
+  IssueScreen: {
+    areYouSureYouWantToDeleteThisIssue: 'Are you sure you want to delete this Issue?',
+    category: 'Category:',
+    confirmDeletion: 'Confirm Deletion',
+    deletingIssue: 'Deleting Issue...',
+    priority: 'Priority:',
+    report: 'Report:',
+    reportLocation: 'Report Location:',
+    status: 'Status:',
+    type: 'Type:',
+    vehicle: 'Vehicle:',
+  },
+  LocationPicker: {
+    addNewLocation: 'Add New Location',
+  },
+  MoneyInput: {
+    searchCurrencies: 'Search currencies',
+  },
+  MultipleCustomerAvatars: {
+    noCustomers: 'No customers',
+  },
+  OrderActivitySelect: {
+    requiresProofOfDelivery: 'Requires proof of delivery',
+    selectActivity: 'Select activity',
+    updatingActivityFor: 'Updating activity for:',
+  },
+  OrderCard: {
+    dateScheduled: 'Date Scheduled:',
+    dispatchedAt: 'Dispatched At:',
+    ect: 'ECT:',
+    eta: 'ETA:',
+    nA: 'N/A',
+    podRequired: 'POD Required:',
+  },
+  OrderCustomerCard: {
+    call: 'Call',
+    chat: 'Chat',
+    email: 'Email',
+  },
+  OrderDocumentFiles: {
+    download: 'Download',
+    downloadComplete: 'Download Complete',
+    downloadFailed: 'Download Failed',
+    imageSavedToYourPhotosGallery: 'Image saved to your Photos Gallery.',
+    noDocumentsOrFiles: 'No Documents or Files.',
+    thereWasAnErrorDownloadingTheFile: 'There was an error downloading the file.',
+    view: 'View',
+  },
+  OrderPayloadEntities: {
+    emptyPayload: 'Empty Payload.',
+  },
+  OrderProofOfDelivery: {
+    noProofOfDeliveryCaptured: 'No Proof of Delivery Captured.',
+  },
+  OrderScreen: {
+    acceptAdHocOrder: 'Accept Ad-Hoc order?',
+    acceptOrder: 'Accept Order',
+    byAcceptingThisAdHocOrderItWillBecomeAssignedToYouAndTheOrderWillStartImmediatley: 'By accepting this ad-hoc order it will become assigned to you and the order will start immediatley.',
+    byDimissingThisAdHocOrderItWillNoLongerDisplayAsAnAvailableOrder: 'By dimissing this ad-hoc order it will no longer display as an available order.',
+    currentDestination: 'Current Destination',
+    currentEta: 'Current ETA',
+    customer: 'Customer',
+    dateCreated: 'Date Created',
+    dateDispatched: 'Date Dispatched',
+    dateScheduled: 'Date Scheduled',
+    dismissAdHocOrder: 'Dismiss Ad-Hoc order?',
+    dismissOrder: 'Dismiss Order',
+    ect: 'ECT',
+    id: 'ID',
+    internalId: 'Internal ID',
+    nextDestination: 'Next Destination',
+    orderComments: 'Order Comments',
+    orderDocumentsFiles: 'Order Documents & Files',
+    orderInformation: 'Order Information',
+    orderNotDispatchedYet: 'Order Not Dispatched Yet',
+    orderNotes: 'Order Notes',
+    orderPayload: 'Order Payload',
+    orderProgress: 'Order Progress',
+    orderProof: 'Order Proof',
+    orderRoute: 'Order Route',
+    proofOfDelivery: 'Proof of Delivery',
+    startNavigation: 'Start Navigation',
+    startOrder: 'Start Order',
+    startTime: 'Start Time',
+    thisOrderIsNotYetDispatchedAreYouSureYouWantToContinue: 'This order is not yet dispatched, are you sure you want to continue?',
+    totalDistance: 'Total Distance',
+    trackingNumber: 'Tracking Number',
+    type: 'Type',
+    updateActivity: 'Update Activity',
+    warning: 'Warning!',
+    waypointCompleted: 'Waypoint Completed',
+  },
+  PastOrderCard: {
+    currentDestination: 'Current Destination',
+  },
+  PhoneInput: {
+    enterPhoneNumber: 'Enter phone number',
+    searchCountry: 'Search country',
+  },
+  PhoneLoginScreen: {
+    home: 'Home',
+    invalidPhoneNumberProvided: 'Invalid phone number provided.',
+    loginViaSms: 'Login via SMS',
+    sendVerificationCode: 'Send Verification Code',
+  },
+  PhoneLoginVerifyScreen: {
+    unableToSendSms: 'Unable to send SMS.',
+    verifyCode: 'Verify Code',
+  },
+  QrCodeScanner: {
+    noCameraAvailable: 'No camera available',
+  },
+  TestScreen: {
+    helloWorld: 'Hello World',
+  },
+  UnitInput: {
+    searchUnit: 'Search unit',
+  },
+  VehicleScreen: {
+    vehiclescreen: 'VehicleScreen',
+  },
+};
diff --git a/src/navigation/DriverNavigator.tsx b/src/navigation/DriverNavigator.tsx
index 4ee883e7..70c26e53 100644
--- a/src/navigation/DriverNavigator.tsx
+++ b/src/navigation/DriverNavigator.tsx
@@ -51,6 +51,7 @@ import BackButton from '../components/BackButton';
 import HeaderButton from '../components/HeaderButton';
 import Badge from '../components/Badge';
 import DeviceInfo from 'react-native-device-info';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const isAndroid = Platform.OS === 'android';
 const importedIconsMap = {
@@ -180,7 +181,10 @@ function getDriverNavigatorHeaderOptions({ route, navigation }) {
         headerTitle: '',
         headerLeft: (props) => (
             <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
-                Navigator
+                {(() => {
+                    const { t } = useLanguage();
+                    return t('DriverNavigator.navigator');
+                })()}
             </Text>
         ),
         headerRight: (props) => <DriverOnlineToggle {...props} />,
@@ -301,12 +305,13 @@ const DriverReportTab = createNativeStackNavigator({
         CreateFuelReport: {
             screen: CreateFuelReportScreen,
             options: ({ route, navigation }) => {
+                const { t } = useLanguage();
                 return {
                     presentation: 'modal',
                     headerTitle: '',
                     headerLeft: (props) => (
                         <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
-                            Create a new Fuel Report
+                            {t('DriverNavigator.createANewFuelReport')}
                         </Text>
                     ),
                     headerRight: (props) => <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />,
@@ -322,13 +327,14 @@ const DriverReportTab = createNativeStackNavigator({
             options: ({ route, navigation }) => {
                 const params = route.params || {};
                 const fuelReport = params.fuelReport;
+                const { t } = useLanguage();
 
                 return {
                     presentation: 'modal',
                     headerTitle: '',
                     headerLeft: (props) => (
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' numberOfLines={1}>
-                            Edit Fuel Report from {format(new Date(fuelReport.created_at), 'MMM dd, yyyy HH:mm')}
+                            {t('common.edit')} Fuel Report from {format(new Date(fuelReport.created_at), 'MMM dd, yyyy HH:mm')}
                         </Text>
                     ),
                     headerRight: (props) => <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />,
@@ -365,12 +371,13 @@ const DriverReportTab = createNativeStackNavigator({
         CreateIssue: {
             screen: CreateIssueScreen,
             options: ({ route, navigation }) => {
+                const { t } = useLanguage();
                 return {
                     presentation: 'modal',
                     headerTitle: '',
                     headerLeft: (props) => (
                         <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
-                            Create a new Issue
+                            {t('DriverNavigator.createANewIssue')}
                         </Text>
                     ),
                     headerRight: (props) => <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />,
@@ -386,13 +393,14 @@ const DriverReportTab = createNativeStackNavigator({
             options: ({ route, navigation }) => {
                 const params = route.params || {};
                 const issue = params.issue;
+                const { t } = useLanguage();
 
                 return {
                     presentation: 'modal',
                     headerTitle: '',
                     headerLeft: (props) => (
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' numberOfLines={1}>
-                            Edit Issue from {format(new Date(issue.created_at), 'MMM dd, yyyy HH:mm')}
+                            {t('common.edit')} Issue from {format(new Date(issue.created_at), 'MMM dd, yyyy HH:mm')}
                         </Text>
                     ),
                     headerRight: (props) => <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />,
@@ -506,19 +514,22 @@ const DriverNavigator = createBottomTabNavigator({
 
         return {
             headerTitle: '',
-            headerLeft: (props) => (
-                <View pl='$3'>
-                    <XStack alignItems='center'>
-                        <Image source={require('../../assets/navigator-icon-transparent.png')} style={{ width: 18, height: 18, marginRight: 5 }} />
-                        <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
-                            Navigator
+            headerLeft: (props) => {
+                const { t } = useLanguage();
+                return (
+                    <View pl='$3'>
+                        <XStack alignItems='center'>
+                            <Image source={require('../../assets/navigator-icon-transparent.png')} style={{ width: 18, height: 18, marginRight: 5 }} />
+                            <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
+                                {t('DriverNavigator.navigator')}
+                            </Text>
+                        </XStack>
+                        <Text color='$textSecondary' fontSize={8} ml={25}>
+                            v{DeviceInfo.getVersion()} #{DeviceInfo.getBuildNumber()}
                         </Text>
-                    </XStack>
-                    <Text color='$textSecondary' fontSize={8} ml={25}>
-                        v{DeviceInfo.getVersion()} #{DeviceInfo.getBuildNumber()}
-                    </Text>
-                </View>
-            ),
+                    </View>
+                );
+            },
             headerRight: (props) => (
                 <View pr='$3'>
                     <DriverOnlineToggle {...props} />
@@ -582,4 +593,4 @@ const DriverNavigator = createBottomTabNavigator({
     screens: createTabScreens(),
 });
 
-export default DriverNavigator;
+export default DriverNavigator;
\ No newline at end of file
diff --git a/src/navigation/stacks/CoreStack.tsx b/src/navigation/stacks/CoreStack.tsx
index 273d9282..658512f1 100644
--- a/src/navigation/stacks/CoreStack.tsx
+++ b/src/navigation/stacks/CoreStack.tsx
@@ -7,6 +7,7 @@ import { Text } from 'tamagui';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
 import { faTimes } from '@fortawesome/free-solid-svg-icons';
 import HeaderButton from '../../components/HeaderButton';
+import { useLanguage } from '../../contexts/LanguageContext';
 
 export const Boot = {
     screen: BootScreen,
@@ -29,12 +30,13 @@ export const LocationPermission = {
 export const InstanceLink = {
     screen: InstanceLinkScreen,
     options: ({ navigation }) => {
+        const { t } = useLanguage();
         return {
             headerTitle: '',
             presentation: 'modal',
             headerLeft: (props) => (
                 <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
-                    Connection Config
+                    {t('CoreStack.connectionConfig')}
                 </Text>
             ),
             headerRight: (props) => <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />,
@@ -57,4 +59,4 @@ const CoreStack = {
     InstanceLink,
 };
 
-export default CoreStack;
+export default CoreStack;
\ No newline at end of file
diff --git a/src/screens/ChatHomeScreen.tsx b/src/screens/ChatHomeScreen.tsx
index d3917a34..f7bb9636 100644
--- a/src/screens/ChatHomeScreen.tsx
+++ b/src/screens/ChatHomeScreen.tsx
@@ -10,6 +10,7 @@ import { useChat } from '../contexts/ChatContext';
 import { useAuth } from '../contexts/AuthContext';
 import useSocketClusterClient from '../hooks/use-socket-cluster-client';
 import ChatParticipantAvatar from '../components/ChatParticipantAvatar';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const ChatHomeScreen = () => {
     const theme = useTheme();
@@ -19,6 +20,7 @@ const ChatHomeScreen = () => {
     const { listen } = useSocketClusterClient();
     const listenerRef = useRef({});
     const loadedRef = useRef(false);
+    const { t } = useLanguage();
 
     const handleOpenChannel = (channel) => {
         setCurrentChannel(channel);
@@ -29,7 +31,7 @@ const ChatHomeScreen = () => {
         const lastParticipant = last(channel.participants);
         const otherParticipant = channel.participants.find((participant) => participant.user !== driver.getAttribute('user')) ?? lastParticipant;
         const lastMessageReceived = channel.last_message ? channel.last_message.created_at : channel.created_at;
-        let lastMessageContent = 'No messages';
+        let lastMessageContent = t('ChatHomeScreen.noMessages') || 'No messages';
 
         if (channel.last_message?.content) {
             if (channel.participants.length > 2) {
@@ -152,7 +154,7 @@ const ChatHomeScreen = () => {
             <XStack bg='$background' alignItems='center' justifyContent='space-between' px='$3' py='$4' borderBottomWidth={1} borderColor='$borderColor'>
                 <YStack>
                     <Text color='$textPrimary' fontSize={26} fontWeight='bold'>
-                        Chats
+                        {t('ChatHomeScreen.chats')}
                     </Text>
                 </YStack>
                 <YStack>
@@ -176,4 +178,4 @@ const ChatHomeScreen = () => {
     );
 };
 
-export default ChatHomeScreen;
+export default ChatHomeScreen;
\ No newline at end of file
diff --git a/src/screens/ChatParticipantsScreen.tsx b/src/screens/ChatParticipantsScreen.tsx
index 88f90388..1259b683 100644
--- a/src/screens/ChatParticipantsScreen.tsx
+++ b/src/screens/ChatParticipantsScreen.tsx
@@ -12,10 +12,12 @@ import { useAuth } from '../contexts/AuthContext';
 import useSocketClusterClient from '../hooks/use-socket-cluster-client';
 import ChatParticipantAvatar from '../components/ChatParticipantAvatar';
 import BottomSheetSelect from '../components/BottomSheetSelect';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const ChatParticipantsScreen = ({ route }) => {
     const theme = useTheme();
     const navigation = useNavigation();
+    const { t } = useLanguage();
     const { sendMessage, reloadChannel, removeParticipant, addParticipant, getAvailableParticipants, getChannelCurrentParticipant } = useChat();
     const { listen } = useSocketClusterClient();
     const [channel, setChannel] = useState(route.params.channel);
@@ -54,15 +56,15 @@ const ChatParticipantsScreen = ({ route }) => {
     const handleRemoveParticipant = useCallback(
         (participant) => {
             Alert.alert(
-                'Confirmation',
-                'Are you sure you wish to remove this participant from the chat?',
+                t('common.confirmation'),
+                t('ChatParticipantsScreen.areYouSureYouWishToRemoveThisParticipantFromTheChat'),
                 [
                     {
-                        text: 'Cancel',
+                        text: t('common.cancel'),
                         style: 'cancel',
                     },
                     {
-                        text: 'Remove Participant',
+                        text: t('ChatParticipantsScreen.remove'),
                         onPress: async () => {
                             synchronouslyRemoveParticipant(participant);
                             await removeParticipant(channel, participant);
@@ -127,7 +129,7 @@ const ChatParticipantsScreen = ({ route }) => {
                                     <Button.Icon>
                                         <FontAwesomeIcon icon={faTrash} color={theme['$errorText'].val} />
                                     </Button.Icon>
-                                    <Button.Text color='$errorText'>Remove</Button.Text>
+                                    <Button.Text color='$errorText'>{t('common.remove')}</Button.Text>
                                 </Button>
                             </YStack>
                         )}
@@ -151,7 +153,7 @@ const ChatParticipantsScreen = ({ route }) => {
                         </YStack>
                         <YStack>
                             <Text color='$textPrimary' fontSize={24} fontWeight='bold'>
-                                Participants
+                                {t('ChatParticipantsScreen.participants')}
                             </Text>
                         </YStack>
                     </XStack>
@@ -160,7 +162,7 @@ const ChatParticipantsScreen = ({ route }) => {
                             <Button.Icon>
                                 <FontAwesomeIcon icon={faPlus} color={theme['$infoText'].val} />
                             </Button.Icon>
-                            <Button.Text color='$infoText'>Add Participant</Button.Text>
+                            <Button.Text color='$infoText'>{t('ChatParticipantsScreen.addParticipant')}</Button.Text>
                         </Button>
                     </YStack>
                 </XStack>
@@ -201,7 +203,7 @@ const ChatParticipantsScreen = ({ route }) => {
                         </Pressable>
                     );
                 }}
-                title='Select Participant'
+                title={t('ChatParticipantsScreen.selectParticipant')}
                 virtual={true}
                 renderInPlace={false}
                 portalHost='ChatParticipantsPortal'
@@ -211,4 +213,4 @@ const ChatParticipantsScreen = ({ route }) => {
     );
 };
 
-export default ChatParticipantsScreen;
+export default ChatParticipantsScreen;
\ No newline at end of file
diff --git a/src/screens/CreateAccountScreen.tsx b/src/screens/CreateAccountScreen.tsx
index 753b4b1c..fc9ab8c5 100644
--- a/src/screens/CreateAccountScreen.tsx
+++ b/src/screens/CreateAccountScreen.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { SafeAreaView, Pressable, Keyboard, StyleSheet } from 'react-native';
+import { SafeAreaView, Pressable, Keyboard, StyleSheet, Alert } from 'react-native';
 import { Spinner, XStack, Text, YStack, useTheme, Button } from 'tamagui';
 import { toast, ToastPosition } from '@backpackapp-io/react-native-toast';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
@@ -11,8 +11,10 @@ import PhoneInput from '../components/PhoneInput';
 import BackButton from '../components/BackButton';
 import Input from '../components/Input';
 import LinearGradient from 'react-native-linear-gradient';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const CreateAccountScreen = ({ route }) => {
+    const { t } = useLanguage();
     const params = route.params || {};
     const navigation = useNavigation();
     const theme = useTheme();
@@ -26,7 +28,7 @@ const CreateAccountScreen = ({ route }) => {
         }
 
         if (!isValidPhoneNumber(phone)) {
-            return toast.error('Invalid phone number provided.');
+            return toast.error(t('CreateAccountScreen.invalidPhoneNumberProvided'));
         }
 
         try {
@@ -49,17 +51,17 @@ const CreateAccountScreen = ({ route }) => {
                     <XStack space='$3' alignItems='center' mb='$5'>
                         <BackButton size={40} />
                         <Text color='$textPrimary' fontWeight='bold' fontSize='$8'>
-                            Create Account
+                            {t('CreateAccountScreen.createAccount')}
                         </Text>
                     </XStack>
                     <YStack space='$3'>
-                        <Input value={name} onChangeText={(text) => setName(text)} placeholder='Enter your name' />
+                        <Input value={name} onChangeText={(text) => setName(text)} placeholder={t('CreateAccountScreen.enterYourName')} />
                         <PhoneInput value={phone} onChange={(phoneNumber) => setPhone(phoneNumber)} />
                     </YStack>
                     <Button size='$5' mt='$2' onPress={handleSendVerificationCode} bg='$primary' width='100%' opacity={isSendingCode ? 0.75 : 1} disabled={isSendingCode} rounded>
                         <Button.Icon>{isSendingCode ? <Spinner color='$white' /> : <FontAwesomeIcon icon={faPaperPlane} color={theme.white.val} />}</Button.Icon>
                         <Button.Text color='$white' fontWeight='bold'>
-                            Send Verification Code
+                            {t('CreateAccountScreen.sendVerificationCode')}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -71,7 +73,7 @@ const CreateAccountScreen = ({ route }) => {
                 <YStack space='$3' width='100%' padding='$5'>
                     <Button size='$5' onPress={handleLogin} bg='$secondary' width='100%' opacity={isSendingCode ? 0.75 : 1} disabled={isSendingCode} rounded>
                         <Button.Text color='$textPrimary' fontWeight='bold'>
-                            Have an account already? Login
+                            {t('CreateAccountScreen.haveAnAccountAlreadyLogin')}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -80,4 +82,4 @@ const CreateAccountScreen = ({ route }) => {
     );
 };
 
-export default CreateAccountScreen;
+export default CreateAccountScreen;
\ No newline at end of file
diff --git a/src/screens/CreateAccountVerifyScreen.tsx b/src/screens/CreateAccountVerifyScreen.tsx
index 8d414a5c..dcb6e629 100644
--- a/src/screens/CreateAccountVerifyScreen.tsx
+++ b/src/screens/CreateAccountVerifyScreen.tsx
@@ -8,6 +8,7 @@ import { faCheck, faArrowRotateRight } from '@fortawesome/free-solid-svg-icons';
 import { OtpInput } from 'react-native-otp-entry';
 import { useAuth } from '../contexts/AuthContext';
 import LinearGradient from 'react-native-linear-gradient';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const CreateAccountVerifyScreen = ({ route }) => {
     const navigation = useNavigation();
@@ -15,6 +16,7 @@ const CreateAccountVerifyScreen = ({ route }) => {
     const { phone, verifyAccountCreation, isVerifyingCode } = useAuth();
     const [code, setCode] = useState(null);
     const name = route.params.name;
+    const { t } = useLanguage();
 
     const handleVerifyCode = async (code) => {
         if (isVerifyingCode) {
@@ -25,7 +27,7 @@ const CreateAccountVerifyScreen = ({ route }) => {
             await verifyAccountCreation(phone, code, { name, phone });
         } catch (error) {
             console.warn('Error verifying account creation code:', error);
-            toast.error(error.message);
+            toast.error(t('common.error'));
         }
     };
 
@@ -40,7 +42,7 @@ const CreateAccountVerifyScreen = ({ route }) => {
             <YStack flex={1} space='$3' padding='$5'>
                 <YStack mb='$4'>
                     <Text fontSize={20} fontWeight='bold'>
-                        Code sent to {phone}
+                        {t('CreateAccountVerifyScreen.verifyCode')} sent to {phone}
                     </Text>
                 </YStack>
                 <OtpInput
@@ -53,7 +55,7 @@ const CreateAccountVerifyScreen = ({ route }) => {
                 <Button onPress={() => handleVerifyCode(code)} bg='$primary' width='100%' opacity={isVerifyingCode ? 0.75 : 1} disabled={isVerifyingCode} rounded>
                     <Button.Icon>{isVerifyingCode ? <Spinner color='$white' /> : <FontAwesomeIcon icon={faCheck} color={theme.white.val} />}</Button.Icon>
                     <Button.Text color='$white' fontWeight='bold'>
-                        Verify Code
+                        {t('CreateAccountVerifyScreen.verifyCode')}
                     </Button.Text>
                 </Button>
                 <Button onPress={handleRetry} bg='$secondary' width='100%' rounded>
@@ -61,7 +63,7 @@ const CreateAccountVerifyScreen = ({ route }) => {
                         <FontAwesomeIcon icon={faArrowRotateRight} color={theme['gray-500'].val} />
                     </Button.Icon>
                     <Button.Text color='$gray-500' fontWeight='bold'>
-                        Retry
+                        {t('common.retry')}
                     </Button.Text>
                 </Button>
             </YStack>
@@ -69,4 +71,4 @@ const CreateAccountVerifyScreen = ({ route }) => {
     );
 };
 
-export default CreateAccountVerifyScreen;
+export default CreateAccountVerifyScreen;
\ No newline at end of file
diff --git a/src/screens/CreateChatChannelScreen.tsx b/src/screens/CreateChatChannelScreen.tsx
index 7b96f41c..aa112778 100644
--- a/src/screens/CreateChatChannelScreen.tsx
+++ b/src/screens/CreateChatChannelScreen.tsx
@@ -13,6 +13,7 @@ import { useAuth } from '../contexts/AuthContext';
 import useSocketClusterClient from '../hooks/use-socket-cluster-client';
 import ChatParticipantAvatar from '../components/ChatParticipantAvatar';
 import Spacer from '../components/Spacer';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const CreateChatChannelScreen = ({ route }) => {
     const theme = useTheme();
@@ -25,6 +26,7 @@ const CreateChatChannelScreen = ({ route }) => {
     const [channelName, setChannelName] = useState('');
     const [isLoading, setIsLoading] = useState('');
     const availableParticipantsLoadedRef = useRef(false);
+    const { t } = useLanguage();
 
     const handleSelectParticipant = (participant) => {
         setSelectedParticipants((prevSelected) => [...prevSelected, participant.id]);
@@ -36,21 +38,21 @@ const CreateChatChannelScreen = ({ route }) => {
 
     const handleCreateChat = useCallback(async () => {
         if (!channelName.trim()) {
-            return Alert.alert('Chat channel name is required.');
+            return Alert.alert(t('common.error'), t('CreateChatChannelScreen.chatChannelNameIsRequired'));
         }
 
         setIsLoading(true);
 
         try {
             await createChannel({ name: channelName, participants: [driver.getAttribute('user'), ...selectedParticipants] });
-            toast.success(`New chat channel created: ${channelName}`);
+            toast.success(t('CreateChatChannelScreen.createNewChat'));
             navigation.goBack();
         } catch (err) {
             console.warn('Error creating new chat channel:', err);
         } finally {
             setIsLoading(false);
         }
-    }, [channelName, createChannel, navigation]);
+    }, [channelName, createChannel, navigation, driver, selectedParticipants, t]);
 
     const isSelected = useCallback(
         (participant) => {
@@ -73,7 +75,7 @@ const CreateChatChannelScreen = ({ route }) => {
             loadAvailableParticipants();
             availableParticipantsLoadedRef.current = true;
         }
-    }, []);
+    }, [getAvailableParticipants]);
 
     const renderParticipant = ({ item: participant }) => {
         return (
@@ -95,14 +97,14 @@ const CreateChatChannelScreen = ({ route }) => {
                                 <Button.Icon>
                                     <FontAwesomeIcon icon={faTimes} color={theme['$errorText'].val} />
                                 </Button.Icon>
-                                <Button.Text color='$errorText'>Unselect</Button.Text>
+                                <Button.Text color='$errorText'>{t('CreateChatChannelScreen.unselect')}</Button.Text>
                             </Button>
                         ) : (
                             <Button size='$2' bg='$success' borderWidth={1} borderColor='$successBorder' onPress={() => handleSelectParticipant(participant)}>
                                 <Button.Icon>
                                     <FontAwesomeIcon icon={faCheck} color={theme['$successText'].val} />
                                 </Button.Icon>
-                                <Button.Text color='$successText'>Select</Button.Text>
+                                <Button.Text color='$successText'>{t('common.select')}</Button.Text>
                             </Button>
                         )}
                     </YStack>
@@ -126,7 +128,7 @@ const CreateChatChannelScreen = ({ route }) => {
                             </YStack>
                             <YStack>
                                 <Text color='$textPrimary' fontSize={24} fontWeight='bold'>
-                                    Create new Chat
+                                    {t('CreateChatChannelScreen.createNewChat')}
                                 </Text>
                             </YStack>
                         </XStack>
@@ -134,12 +136,12 @@ const CreateChatChannelScreen = ({ route }) => {
                     <YStack mt='$5' pb='$2'>
                         <YStack px='$3' space='$2'>
                             <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                                Channel Name
+                                {t('CreateChatChannelScreen.channelName')}
                             </Text>
                             <Input
                                 value={channelName}
                                 onChangeText={setChannelName}
-                                placeholder='Input chat channel name...'
+                                placeholder={t('CreateChatChannelScreen.inputChatChannelName')}
                                 borderWidth={1}
                                 color='$textPrimary'
                                 borderColor='$borderColor'
@@ -150,7 +152,7 @@ const CreateChatChannelScreen = ({ route }) => {
                     </YStack>
                     <YStack mt='$4' px='$3' space='$2'>
                         <Text color='$textPrimary' fontSize={18} fontWeight='bold' px='$1'>
-                            Select Participants:
+                            {t('CreateChatChannelScreen.selectParticipants')}
                         </Text>
                     </YStack>
                 </YStack>
@@ -169,7 +171,7 @@ const CreateChatChannelScreen = ({ route }) => {
                 <YStack bg='$background' borderTopWidth={1} borderColor='$borderColorWithShadow' px='$3' py='$4'>
                     <Button size='$5' bg='$success' borderWidth={1} borderColor='$successBorder' onPress={handleCreateChat}>
                         <Button.Icon>{isLoading ? <Spinner /> : <FontAwesomeIcon icon={faSave} color={theme['$successText'].val} />}</Button.Icon>
-                        <Button.Text color='$successText'>Create new Chat</Button.Text>
+                        <Button.Text color='$successText'>{t('CreateChatChannelScreen.createNewChat')}</Button.Text>
                     </Button>
                     <Spacer height={25} />
                 </YStack>
@@ -178,4 +180,4 @@ const CreateChatChannelScreen = ({ route }) => {
     );
 };
 
-export default CreateChatChannelScreen;
+export default CreateChatChannelScreen;
\ No newline at end of file
diff --git a/src/screens/DriverDashboardScreen.tsx b/src/screens/DriverDashboardScreen.tsx
index 2b898d6d..e1adf327 100644
--- a/src/screens/DriverDashboardScreen.tsx
+++ b/src/screens/DriverDashboardScreen.tsx
@@ -6,6 +6,7 @@ import { humanize } from 'inflected';
 import { get } from '../utils';
 import OdometerNumber from '../components/OdometerNumber';
 import useAppTheme from '../hooks/use-app-theme';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const WidgetContainer = ({ px = '$4', py = '$4', children, ...props }) => {
     const { isDarkMode } = useAppTheme();
@@ -21,6 +22,7 @@ const DriverDashboardScreen = () => {
     const navigation = useNavigation();
     const { isTracking, location } = useLocation();
     const { allActiveOrders } = useOrderManager();
+    const { t } = useLanguage();
 
     return (
         <YStack flex={1} bg='$background'>
@@ -29,7 +31,7 @@ const DriverDashboardScreen = () => {
                     <WidgetContainer>
                         <XStack>
                             <YStack flex={1}>
-                                <Text color='$textPrimary'>Tracking:</Text>
+                                <Text color='$textPrimary'>{t('DriverDashboardScreen.tracking')}</Text>
                             </YStack>
                             <YStack flex={1} alignItems='flex-end'>
                                 <Text color={isTracking ? '$successBorder' : '$textSecondary'}>{isTracking ? 'Yes' : 'No'}</Text>
@@ -38,7 +40,7 @@ const DriverDashboardScreen = () => {
                     </WidgetContainer>
                     <WidgetContainer>
                         <Text color='$textPrimary' fontWeight='bold' mb='$3'>
-                            Location:
+                            {t('DriverDashboardScreen.location')}
                         </Text>
                         <XStack flexWrap='wrap' gap='$3'>
                             {['latitude', 'longitude', 'heading', 'altitude'].map((key, index) => {
@@ -58,7 +60,7 @@ const DriverDashboardScreen = () => {
                     <WidgetContainer flex={1} alignItems='center' justifyContent='center'>
                         <YStack>
                             <Text color='$textPrimary' fontWeight='bold' mb='$2'>
-                                Active Orders
+                                {t('DriverDashboardScreen.activeOrders')}
                             </Text>
                         </YStack>
                         <YStack>
@@ -68,7 +70,7 @@ const DriverDashboardScreen = () => {
                     <WidgetContainer flex={1} alignItems='center' justifyContent='center'>
                         <YStack>
                             <Text color='$textPrimary' fontWeight='bold' mb='$2'>
-                                Speed
+                                {t('DriverDashboardScreen.speed')}
                             </Text>
                         </YStack>
                         <YStack>
@@ -81,4 +83,4 @@ const DriverDashboardScreen = () => {
     );
 };
 
-export default DriverDashboardScreen;
+export default DriverDashboardScreen;
\ No newline at end of file
diff --git a/src/screens/DriverFleetScreen.tsx b/src/screens/DriverFleetScreen.tsx
index 7fdab489..b5b3323f 100644
--- a/src/screens/DriverFleetScreen.tsx
+++ b/src/screens/DriverFleetScreen.tsx
@@ -1,17 +1,19 @@
 import { useNavigation } from '@react-navigation/native';
 import { Text, YStack, useTheme } from 'tamagui';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const DriverFleetScreen = () => {
     const theme = useTheme();
     const navigation = useNavigation();
+    const { t } = useLanguage();
 
     return (
         <YStack flex='$1' bg='$background'>
             <YStack alignItems='center' justifyContent='center'>
-                <Text>DriverFleetScreen</Text>
+                <Text>{t('DriverFleetScreen.driverfleetscreen')}</Text>
             </YStack>
         </YStack>
     );
 };
 
-export default DriverFleetScreen;
+export default DriverFleetScreen;
\ No newline at end of file
diff --git a/src/screens/DriverReportScreen.tsx b/src/screens/DriverReportScreen.tsx
index 381a0620..b025d423 100644
--- a/src/screens/DriverReportScreen.tsx
+++ b/src/screens/DriverReportScreen.tsx
@@ -15,6 +15,7 @@ import Badge from '../components/Badge';
 import Spacer from '../components/Spacer';
 import useStorage from '../hooks/use-storage';
 import useFleetbase from '../hooks/use-fleetbase';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const DriverReportScreen = () => {
     const theme = useTheme();
@@ -26,9 +27,10 @@ const DriverReportScreen = () => {
     const [fuelReports, setFuelReports] = useStorage(`${driver?.id}_fuel_reports`, []);
     const [currentTab, setCurrentTab] = useStorage('current_reports_tab', 'issue');
     const [isRefreshing, setIsRefreshing] = useState(false);
+    const { t } = useLanguage();
     const reportOptions = [
-        { value: 'issue', label: 'Issues' },
-        { value: 'fuel-report', label: 'Fuel Reports' },
+        { value: 'issue', label: t('DriverReportScreen.issueOn') === 'Issue on:' ? 'Issues' : t('DriverReportScreen.issueOn') },
+        { value: 'fuel-report', label: t('DriverReportScreen.fuelReported') === 'Fuel Reported:' ? 'Fuel Reports' : t('DriverReportScreen.fuelReported') },
     ];
     const currentIndex = reportOptions.findIndex((option) => option.value === currentTab);
     const content = useMemo(() => (currentTab === 'issue' ? issues : fuelReports), [currentTab, issues, fuelReports]);
@@ -98,7 +100,7 @@ const DriverReportScreen = () => {
                     <YStack borderWidth={1} borderColor='$borderColor' borderRadius='$4' gap='$3'>
                         <XStack bg='$surface' py='$3' px='$2' borderBottomWidth={1} borderColor='$borderColor' space='$2' borderTopLeftRadius='$4' borderTopRightRadius='$4'>
                             <Text size='$5' color='$textSecondary' fontWeight='bold' numberOfLines={1}>
-                                Issue on:
+                                {t('DriverReportScreen.issueOn')}
                             </Text>
                             <Text size='$5' color='$textPrimary' fontWeight='bold' numberOfLines={1}>
                                 {format(new Date(issue.created_at), 'MMM dd, yyyy HH:mm')}
@@ -107,16 +109,16 @@ const DriverReportScreen = () => {
                         <YStack pb='$2' px='$2' gap='$2'>
                             <XStack gap='$2'>
                                 <XStack gap='$2' alignItems='center'>
-                                    <Text fontWeight='bold'>Status:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.status')}</Text>
                                     <Badge status={issue.status} alignSelf='flex-start' py='$1' px='$2' borderRadius='$3' numberOfLines={1} />
                                 </XStack>
                                 <XStack gap='$2' alignItems='center'>
-                                    <Text fontWeight='bold'>Priority:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.priority')}</Text>
                                     <Badge status={issue.priority} alignSelf='flex-start' py='$1' px='$2' borderRadius='$3' numberOfLines={1} />
                                 </XStack>
                             </XStack>
                             <YStack flex={1} gap='$2'>
-                                <Text fontWeight='bold'>Report:</Text>
+                                <Text fontWeight='bold'>{t('DriverReportScreen.report')}</Text>
                                 <Text color='$textSecondary' numberOfLines={3}>
                                     {issue.report}
                                 </Text>
@@ -126,22 +128,22 @@ const DriverReportScreen = () => {
                         <YStack bg='$background' pb='$2' gap='$2' borderBottomLeftRadius='$4' borderBottomRightRadius='$4'>
                             <YStack gap='$3'>
                                 <XStack gap='$2' px='$3' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Type:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.type')}</Text>
                                     <Text numberOfLines={1}>{titleize(issue.type) ?? 'N/A'}</Text>
                                 </XStack>
                                 <Separator />
                                 <XStack gap='$2' px='$3' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Category:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.category')}</Text>
                                     <Text numberOfLines={1}>{titleize(issue.category) ?? 'N/A'}</Text>
                                 </XStack>
                                 <Separator />
                                 <XStack gap='$2' px='$3' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Vehicle:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.vehicle')}</Text>
                                     <Text numberOfLines={1}>{issue.vehicle_name ?? 'N/A'}</Text>
                                 </XStack>
                                 <Separator />
                                 <XStack gap='$2' px='$3' pb='$2' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Reporter:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.reporter')}</Text>
                                     <Text numberOfLines={1}>{issue.reporter_name ?? 'N/A'}</Text>
                                 </XStack>
                             </YStack>
@@ -171,7 +173,7 @@ const DriverReportScreen = () => {
                         >
                             <XStack space='$2'>
                                 <Text size='$5' color='$textSecondary' fontWeight='bold' numberOfLines={1}>
-                                    Fuel Reported:
+                                    {t('DriverReportScreen.fuelReported')}
                                 </Text>
                                 <Text size='$5' color='$textPrimary' fontWeight='bold' numberOfLines={1}>
                                     {format(new Date(fuelReport.created_at), 'MMM dd, yyyy HH:mm')}
@@ -181,7 +183,7 @@ const DriverReportScreen = () => {
                         </XStack>
                         <YStack px='$2' gap='$3'>
                             <XStack gap='$2' alignItems='center'>
-                                <Text fontWeight='bold'>Status:</Text>
+                                <Text fontWeight='bold'>{t('DriverReportScreen.status')}</Text>
                                 <Badge status={fuelReport.status} alignSelf='flex-start' py='$1' px='$2' borderRadius='$3' numberOfLines={1} />
                             </XStack>
                             <XStack space='$2'>
@@ -200,17 +202,17 @@ const DriverReportScreen = () => {
                         <YStack bg='$background' pb='$2' gap='$2' borderBottomLeftRadius='$4' borderBottomRightRadius='$4'>
                             <YStack gap='$3'>
                                 <XStack gap='$2' px='$3' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Odometer:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.odometer')}</Text>
                                     <Text numberOfLines={1}>{fuelReport.odometer ?? 'N/A'}</Text>
                                 </XStack>
                                 <Separator />
                                 <XStack gap='$2' px='$3' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Volume:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.volume')}</Text>
                                     <Text numberOfLines={1}>{`${fuelReport.volume} ${fuelReport.metric_unit}` ?? 'N/A'}</Text>
                                 </XStack>
                                 <Separator />
                                 <XStack gap='$2' px='$3' pb='$2' justifyContent='space-between'>
-                                    <Text fontWeight='bold'>Cost:</Text>
+                                    <Text fontWeight='bold'>{t('DriverReportScreen.cost')}</Text>
                                     <Text numberOfLines={1}>{formatCurrency(fuelReport.amount, fuelReport.currency) ?? 'N/A'}</Text>
                                 </XStack>
                             </YStack>
@@ -247,7 +249,7 @@ const DriverReportScreen = () => {
                 ListEmptyComponent={
                     <YStack height={500} width='100%' flex={1} alignItems='center' justifyContent='center'>
                         <Text color='$textSecondary' fontSize={22}>
-                            No {reportOptions[currentIndex].label}
+                            {t('common.select')} {reportOptions[currentIndex].label}
                         </Text>
                     </YStack>
                 }
@@ -261,7 +263,7 @@ const DriverReportScreen = () => {
                             <FontAwesomeIcon icon={faPenToSquare} color={theme['$infoText'].val} size={16} />
                         </Button.Icon>
                         <Button.Text color='$infoText' fontSize={15}>
-                            Create a new {singularize(reportOptions[currentIndex].label)}
+                            {t('common.edit')} a new {singularize(reportOptions[currentIndex].label)}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -270,4 +272,4 @@ const DriverReportScreen = () => {
     );
 };
 
-export default DriverReportScreen;
+export default DriverReportScreen;
\ No newline at end of file
diff --git a/src/screens/EditAccountPropertyScreen.tsx b/src/screens/EditAccountPropertyScreen.tsx
index 1131dc14..05c184b3 100644
--- a/src/screens/EditAccountPropertyScreen.tsx
+++ b/src/screens/EditAccountPropertyScreen.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { SafeAreaView, Pressable, Keyboard, StyleSheet } from 'react-native';
+import { SafeAreaView, Pressable, Keyboard, StyleSheet, Alert } from 'react-native';
 import { Spinner, Text, YStack, XStack, Button, useTheme } from 'tamagui';
 import { toast, ToastPosition } from '@backpackapp-io/react-native-toast';
 import { useAuth } from '../contexts/AuthContext';
@@ -8,20 +8,23 @@ import { usePromiseWithLoading } from '../hooks/use-promise-with-loading';
 import BackButton from '../components/BackButton';
 import PhoneInput from '../components/PhoneInput';
 import Input from '../components/Input';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const RenderAccountProperty = ({ property, value, onChange }) => {
+    const { t } = useLanguage();
     return (
         <YStack flex={1} width='100%'>
             {property.component === 'phone-input' ? (
                 <PhoneInput value={value} onChange={onChange} wrapperProps={{ flex: 1 }} />
             ) : (
-                <Input value={value} onChangeText={onChange} size='$5' placeholder={property.name} />
+                <Input value={value} onChangeText={onChange} size='$5' placeholder={t('EditAccountPropertyScreen.' + property.name)} />
             )}
         </YStack>
     );
 };
 
 const EditAccountPropertyScreen = ({ route }) => {
+    const { t } = useLanguage();
     const property = route.params.property;
     const theme = useTheme();
     const navigation = useNavigation();
@@ -34,12 +37,12 @@ const EditAccountPropertyScreen = ({ route }) => {
         try {
             const updatedCustomer = await runWithLoading(customer.update({ [property.key]: value }));
             setCustomer(updatedCustomer);
-            toast.success(`${property.name} changes saved.`);
+            toast.success(t('EditAccountPropertyScreen.' + property.name) + ' changes saved.');
             navigation.goBack();
         } catch (error) {
             toast.error(error.message);
         }
-    }, [customer, runWithLoading]);
+    }, [customer, runWithLoading, setCustomer, value, property.name]);
 
     return (
         <SafeAreaView style={{ flex: 1, backgroundColor: theme.background.val }}>
@@ -47,7 +50,7 @@ const EditAccountPropertyScreen = ({ route }) => {
                 <XStack space='$3' alignItems='center' mb='$5'>
                     <BackButton size={40} />
                     <Text color='$textPrimary' fontWeight='bold' fontSize='$8' numberOfLines={1}>
-                        {property.name}
+                        {t('EditAccountPropertyScreen.' + property.name)}
                     </Text>
                 </XStack>
                 <XStack width='100%'>
@@ -60,7 +63,7 @@ const EditAccountPropertyScreen = ({ route }) => {
                     <Button onPress={handleUpdateProperty} size='$5' bg='$primary' flex={1} opacity={mutated ? 1 : 0.75} disabled={!mutated}>
                         <Button.Icon>{isLoading() && <Spinner color='$textPrimary' />}</Button.Icon>
                         <Button.Text color='$textPrimary' fontWeight='bold' fontSize='$5'>
-                            Save
+                            {t('common.save')}
                         </Button.Text>
                     </Button>
                 </XStack>
@@ -69,4 +72,4 @@ const EditAccountPropertyScreen = ({ route }) => {
     );
 };
 
-export default EditAccountPropertyScreen;
+export default EditAccountPropertyScreen;
\ No newline at end of file
diff --git a/src/screens/EditLocationCoordScreen.tsx b/src/screens/EditLocationCoordScreen.tsx
index b23c7258..39316e5d 100644
--- a/src/screens/EditLocationCoordScreen.tsx
+++ b/src/screens/EditLocationCoordScreen.tsx
@@ -9,6 +9,7 @@ import LocationMarker from '../components/LocationMarker';
 import useSavedLocations from '../hooks/use-saved-locations';
 import usePromiseWithLoading from '../hooks/use-promise-with-loading';
 import useFleetbase from '../hooks/use-fleetbase';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const LOCATION_MARKER_SIZE = { height: 70, width: 40 };
 const styles = StyleSheet.create({
@@ -22,6 +23,7 @@ const styles = StyleSheet.create({
 });
 
 const EditLocationCoordScreen = ({ route }) => {
+    const { t } = useLanguage();
     const params = route.params || {};
     const navigation = useNavigation();
     const theme = useTheme();
@@ -138,12 +140,12 @@ const EditLocationCoordScreen = ({ route }) => {
                 <Button onPress={handleSave} size='$5' bg='$blue-700' flex={1}>
                     <Button.Icon>{isLoading() && <Spinner color='$blue-100' />}</Button.Icon>
                     <Button.Text color='$blue-100' fontWeight='bold' fontSize='$5'>
-                        Save Position
+                        {t('EditLocationCoordScreen.savePosition')}
                     </Button.Text>
                 </Button>
                 <Button onPress={handleReset} size='$5' bg='$secondary' flex={1}>
                     <Button.Text color='$textSecondary' fontWeight='bold' fontSize='$5'>
-                        Reset
+                        {t('common.reset')}
                     </Button.Text>
                 </Button>
             </XStack>
@@ -151,4 +153,4 @@ const EditLocationCoordScreen = ({ route }) => {
     );
 };
 
-export default EditLocationCoordScreen;
+export default EditLocationCoordScreen;
\ No newline at end of file
diff --git a/src/screens/EditLocationScreen.tsx b/src/screens/EditLocationScreen.tsx
index c8dad510..9e5d6100 100644
--- a/src/screens/EditLocationScreen.tsx
+++ b/src/screens/EditLocationScreen.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useMemo } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { SafeAreaView, ScrollView } from 'react-native';
+import { SafeAreaView, ScrollView, Alert } from 'react-native';
 import { Spinner, Text, YStack, XStack, Button, Input, useTheme } from 'tamagui';
 import { toast, ToastPosition } from '@backpackapp-io/react-native-toast';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
@@ -16,14 +16,17 @@ import useFleetbase from '../hooks/use-fleetbase';
 import { useAppTheme } from '../hooks/use-app-theme';
 import ExpandableSelect from '../components/ExpandableSelect';
 import PlaceMapView from '../components/PlaceMapView';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const LocationPropertyInput = ({ value, onChange, placeholder }) => {
+    const { t } = useLanguage();
+
     return (
         <Input
             value={value}
             onChangeText={onChange}
             size='$5'
-            placeholder={placeholder}
+            placeholder={t(`EditLocationScreen.${placeholder}`)}
             color='$color'
             shadowOpacity={0}
             shadowRadius={0}
@@ -39,6 +42,7 @@ const LocationPropertyInput = ({ value, onChange, placeholder }) => {
 };
 
 const EditLocationScreen = ({ route }) => {
+    const { t } = useLanguage();
     const params = route.params || { redirectTo: 'AddressBook' };
     const navigation = useNavigation();
     const theme = useTheme();
@@ -120,7 +124,7 @@ const EditLocationScreen = ({ route }) => {
     const handleSavePlace = async () => {
         try {
             await runWithLoading(addLocation(getUpdatedPlace(), makeDefault), 'saving');
-            toast.success('Address saved.', { position: ToastPosition.bottom });
+            toast.success(t('EditLocationScreen.addressSaved'), { position: ToastPosition.bottom });
             handleRedirect();
         } catch (error) {
             console.log('Error saving address details:', error);
@@ -133,7 +137,7 @@ const EditLocationScreen = ({ route }) => {
         if (restoredInstance && restoredInstance.isSaved) {
             try {
                 await runWithLoading(updateDefaultLocationPromise(restoredInstance), 'defaulting');
-                toast.success(`${restoredInstance.getAttribute('name')} is now your default location.`, { position: ToastPosition.bottom });
+                toast.success(`${restoredInstance.getAttribute('name')} ${t('EditLocationScreen.makeDefaultAddress').toLowerCase()}.`, { position: ToastPosition.bottom });
                 handleRedirect();
             } catch (error) {
                 console.log('Error making address default location:', error);
@@ -150,7 +154,7 @@ const EditLocationScreen = ({ route }) => {
         if (restoredInstance && restoredInstance.isSaved) {
             try {
                 await runWithLoading(deleteLocation(restoredInstance), 'deleting');
-                toast.success(`${restoredInstance.getAttribute('name')} was deleted.`, { position: ToastPosition.bottom });
+                toast.success(`${restoredInstance.getAttribute('name')} ${t('common.delete').toLowerCase()}d.`, { position: ToastPosition.bottom });
 
                 // If the deleted place was the current location and there’s another saved location, make it the default
                 if (isCurrentLocation && nextPlace) {
@@ -173,18 +177,18 @@ const EditLocationScreen = ({ route }) => {
         try {
             setPlace({ ...place, type });
         } catch (error) {
-            toast.error('Unable to select location type.', { position: ToastPosition.bottom });
+            toast.error(t('EditLocationScreen.unableToSelectLocationType'), { position: ToastPosition.bottom });
         }
     };
 
     const types = [
-        { id: 1, title: 'Apartment', type: 'apartment', icon: <FontAwesomeIcon icon={faBuildingUser} color={theme.textSecondary.val} /> },
-        { id: 2, title: 'House', type: 'house', icon: <FontAwesomeIcon icon={faHouse} color={theme.textSecondary.val} /> },
-        { id: 3, title: 'Office', type: 'office', icon: <FontAwesomeIcon icon={faBuilding} color={theme.textSecondary.val} /> },
-        { id: 4, title: 'Hotel', type: 'hotel', icon: <FontAwesomeIcon icon={faHotel} color={theme.textSecondary.val} /> },
-        { id: 5, title: 'Hospital', type: 'hospital', icon: <FontAwesomeIcon icon={faHospital} color={theme.textSecondary.val} /> },
-        { id: 6, title: 'School', type: 'school', icon: <FontAwesomeIcon icon={faSchool} color={theme.textSecondary.val} /> },
-        { id: 7, title: 'Other', type: 'other', icon: <FontAwesomeIcon icon={faChair} color={theme.textSecondary.val} /> },
+        { id: 1, title: t('EditLocationScreen.apartment') || 'Apartment', type: 'apartment', icon: <FontAwesomeIcon icon={faBuildingUser} color={theme.textSecondary.val} /> },
+        { id: 2, title: t('EditLocationScreen.house') || 'House', type: 'house', icon: <FontAwesomeIcon icon={faHouse} color={theme.textSecondary.val} /> },
+        { id: 3, title: t('EditLocationScreen.office') || 'Office', type: 'office', icon: <FontAwesomeIcon icon={faBuilding} color={theme.textSecondary.val} /> },
+        { id: 4, title: t('EditLocationScreen.hotel') || 'Hotel', type: 'hotel', icon: <FontAwesomeIcon icon={faHotel} color={theme.textSecondary.val} /> },
+        { id: 5, title: t('EditLocationScreen.hospital') || 'Hospital', type: 'hospital', icon: <FontAwesomeIcon icon={faHospital} color={theme.textSecondary.val} /> },
+        { id: 6, title: t('EditLocationScreen.school') || 'School', type: 'school', icon: <FontAwesomeIcon icon={faSchool} color={theme.textSecondary.val} /> },
+        { id: 7, title: t('EditLocationScreen.other') || 'Other', type: 'other', icon: <FontAwesomeIcon icon={faChair} color={theme.textSecondary.val} /> },
     ];
 
     return (
@@ -194,7 +198,7 @@ const EditLocationScreen = ({ route }) => {
                     <YStack space='$2'>
                         <XStack py='$1' justifyContent='space-between'>
                             <Text fontSize='$8' fontWeight='bold' color='$textPrimary' numberOfLines={1}>
-                                Address
+                                {t('EditLocationScreen.address')}
                             </Text>
                         </XStack>
                         <XStack width='100%'>
@@ -206,7 +210,7 @@ const EditLocationScreen = ({ route }) => {
                     <YStack space='$2'>
                         <XStack py='$1' justifyContent='space-between'>
                             <Text fontSize='$8' fontWeight='bold' color='$textPrimary' numberOfLines={1}>
-                                Location Type
+                                {t('EditLocationScreen.locationType')}
                             </Text>
                         </XStack>
                         <YStack width='100%'>
@@ -217,80 +221,80 @@ const EditLocationScreen = ({ route }) => {
                         <YStack space='$4'>
                             <YStack py='$1' space='$2' justifyContent='space-between'>
                                 <Text fontSize='$8' fontWeight='bold' color='$textPrimary' numberOfLines={1}>
-                                    Address Details
+                                    {t('EditLocationScreen.addressDetails')}
                                 </Text>
                                 <Text fontSize='$4' color='$textSecondary' numberOfLines={1}>
-                                    Add additional address details.
+                                    {t('EditLocationScreen.addAdditionalAddressDetails')}
                                 </Text>
                             </YStack>
                             <YStack space='$4'>
                                 <YStack>
                                     <XStack mb='$2'>
                                         <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mr='$2'>
-                                            Address label or name
+                                            {t('EditLocationScreen.addressLabelOrName')}
                                         </Text>
                                         <FontAwesomeIcon icon={faAsterisk} color={'red'} size={12} />
                                     </XStack>
-                                    <LocationPropertyInput value={name} onChange={setName} placeholder='Address label or name' />
+                                    <LocationPropertyInput value={name} onChange={setName} placeholder='addressLabelOrName' />
                                 </YStack>
                                 <YStack>
                                     <XStack mb='$2'>
                                         <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mr='$2'>
-                                            Street address or P.O. Box
+                                            {t('EditLocationScreen.streetAddressOrPOBox')}
                                         </Text>
                                         <FontAwesomeIcon icon={faAsterisk} color={'red'} size={12} />
                                     </XStack>
-                                    <LocationPropertyInput value={street1} onChange={setStreet1} placeholder='Street address or P.O. Box' />
+                                    <LocationPropertyInput value={street1} onChange={setStreet1} placeholder='streetAddressOrPOBox' />
                                 </YStack>
                                 <YStack>
                                     <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mb='$2'>
-                                        Apt, suite, unit, building, floor, etc.
+                                        {t('EditLocationScreen.aptSuiteUnitBuildingFloorEtc')}
                                     </Text>
-                                    <LocationPropertyInput value={street2} onChange={setStreet2} placeholder='Apt, suite, unit, building, floor, etc.' />
+                                    <LocationPropertyInput value={street2} onChange={setStreet2} placeholder='aptSuiteUnitBuildingFloorEtc' />
                                     <Text fontSize='$1' color='$textSecondary' mt='$2'>
-                                        Optional
+                                        {t('EditLocationScreen.optional')}
                                     </Text>
                                 </YStack>
                                 <YStack>
                                     <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mb='$2'>
-                                        Neighborhood
+                                        {t('EditLocationScreen.neighborhood')}
                                     </Text>
-                                    <LocationPropertyInput value={neighborhood} onChange={setNeighborhood} placeholder='Neighborhood' />
+                                    <LocationPropertyInput value={neighborhood} onChange={setNeighborhood} placeholder='neighborhood' />
                                     <Text fontSize='$1' color='$textSecondary' mt='$2' px='$2'>
-                                        Optional
+                                        {t('EditLocationScreen.optional')}
                                     </Text>
                                 </YStack>
                                 <YStack>
                                     <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mb='$2'>
-                                        City or town
+                                        {t('EditLocationScreen.cityOrTown')}
                                     </Text>
-                                    <LocationPropertyInput value={city} onChange={setCity} placeholder='City or town' />
+                                    <LocationPropertyInput value={city} onChange={setCity} placeholder='cityOrTown' />
                                     <Text fontSize='$1' color='$textSecondary' mt='$2' px='$2'>
-                                        Optional
+                                        {t('EditLocationScreen.optional')}
                                     </Text>
                                 </YStack>
                                 <YStack>
                                     <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mb='$2'>
-                                        Postal or zip code
+                                        {t('EditLocationScreen.postalOrZipCode')}
                                     </Text>
-                                    <LocationPropertyInput value={postalCode} onChange={setPostalCode} placeholder='Postal or zip code' />
+                                    <LocationPropertyInput value={postalCode} onChange={setPostalCode} placeholder='postalOrZipCode' />
                                     <Text fontSize='$1' color='$textSecondary' mt='$2' px='$2'>
-                                        Optional
+                                        {t('EditLocationScreen.optional')}
                                     </Text>
                                 </YStack>
                                 <YStack width='100%'>
                                     <Text fontSize='$3' fontWeight='bold' color='$textSecondary' mb='$2'>
-                                        Additional instructions for the courier
+                                        {t('EditLocationScreen.additionalInstructionsForTheCourier')}
                                     </Text>
-                                    <LocationPropertyInput value={instructions} onChange={setInstructions} placeholder='Additional instructions for the courier' />
+                                    <LocationPropertyInput value={instructions} onChange={setInstructions} placeholder='additionalInstructionsForTheCourier' />
                                     <Text fontSize='$1' color='$textSecondary' mt='$2' px='$2'>
-                                        Optional
+                                        {t('EditLocationScreen.optional')}
                                     </Text>
                                 </YStack>
                                 <YStack>
                                     <XStack paddingVertical='$3' justifyContent='space-between'>
                                         <Text fontSize='$6' fontWeight='bold' color='$textPrimary' numberOfLines={1}>
-                                            Where exactly should we meet you?
+                                            {t('EditLocationScreen.whereExactlyShouldWeMeetYou')}
                                         </Text>
                                     </XStack>
                                     <PlaceMapView onPress={handleLocationSelect} place={place} height={140} zoom={2} />
@@ -318,7 +322,7 @@ const EditLocationScreen = ({ route }) => {
                                             >
                                                 <Button.Icon>{isLoading('defaulting') && <Spinner color='$blue-100' />}</Button.Icon>
                                                 <Button.Text color='$blue-100' fontWeight='bold' fontSize='$5'>
-                                                    Make Default Address
+                                                    {t('EditLocationScreen.makeDefaultAddress')}
                                                 </Button.Text>
                                             </Button>
                                         )}
@@ -341,7 +345,7 @@ const EditLocationScreen = ({ route }) => {
                                         >
                                             <Button.Icon>{isLoading('deleting') && <Spinner color='$red-100' />}</Button.Icon>
                                             <Button.Text color='$red-100' fontWeight='bold' fontSize='$5'>
-                                                Delete Address
+                                                {t('EditLocationScreen.deleteAddress')}
                                             </Button.Text>
                                         </Button>
                                     </YStack>
@@ -370,7 +374,7 @@ const EditLocationScreen = ({ route }) => {
                 >
                     <Button.Icon>{isLoading('saving') && <Spinner color='$green-100' />}</Button.Icon>
                     <Button.Text color='$green-100' fontWeight='bold' fontSize='$5'>
-                        Save Address
+                        {t('common.save')}
                     </Button.Text>
                 </Button>
             </XStack>
@@ -378,4 +382,4 @@ const EditLocationScreen = ({ route }) => {
     );
 };
 
-export default EditLocationScreen;
+export default EditLocationScreen;
\ No newline at end of file
diff --git a/src/screens/EntityScreen.tsx b/src/screens/EntityScreen.tsx
index a2ea6286..49cd575c 100644
--- a/src/screens/EntityScreen.tsx
+++ b/src/screens/EntityScreen.tsx
@@ -2,10 +2,12 @@ import { useNavigation } from '@react-navigation/native';
 import { Image, Text, YStack, XStack, Separator, useTheme } from 'tamagui';
 import { titleize } from 'inflected';
 import { SectionHeader, SectionInfoLine } from '../components/Content';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const EntityScreen = ({ route }) => {
     const theme = useTheme();
     const navigation = useNavigation();
+    const { t } = useLanguage();
     const params = route.params ?? {};
     const entity = params.entity;
     const waypoint = params.waypoint;
@@ -19,24 +21,24 @@ const EntityScreen = ({ route }) => {
                 <Image source={{ uri: `data:image/png;base64,${entity.tracking_number.qr_code}` }} bg='$white' padding='$1' width={80} height={80} borderRadius='$1' />
                 <Image source={{ uri: `data:image/png;base64,${entity.tracking_number.barcode}` }} bg='$white' padding='$1' width={190} height={80} borderRadius='$1' />
             </XStack>
-            <SectionHeader title='Details' />
+            <SectionHeader title={t('EntityScreen.details')} />
             <YStack py='$4'>
-                <SectionInfoLine title='ID' value={entity.id} />
+                <SectionInfoLine title={t('EntityScreen.id')} value={entity.id} />
                 <Separator />
-                <SectionInfoLine title='Internal ID' value={entity.internal_id} />
+                <SectionInfoLine title={t('EntityScreen.internalId')} value={entity.internal_id} />
                 <Separator />
-                <SectionInfoLine title='Tracking Number' value={entity.tracking_number.tracking_number} />
+                <SectionInfoLine title={t('EntityScreen.trackingNumber')} value={entity.tracking_number.tracking_number} />
                 <Separator />
-                <SectionInfoLine title='SKU' value={entity.sku ?? 'N/A'} />
+                <SectionInfoLine title={t('EntityScreen.sku')} value={entity.sku ?? 'N/A'} />
                 <Separator />
-                <SectionInfoLine title='Type' value={titleize(entity.type)} />
+                <SectionInfoLine title={t('EntityScreen.type')} value={titleize(entity.type)} />
                 <Separator />
-                <SectionInfoLine title='Dimensions (L x W x H)' value={`${entity.height ?? 0} x ${entity.width ?? 0} x ${entity.height ?? 0} ${entity.dimensions_unit}`} />
+                <SectionInfoLine title={t('EntityScreen.dimensionsLXWXH')} value={`${entity.height ?? 0} x ${entity.width ?? 0} x ${entity.height ?? 0} ${entity.dimensions_unit}`} />
                 <Separator />
-                <SectionInfoLine title='Weight' value={`${entity.weight ?? 0} ${entity.weight_unit}`} />
+                <SectionInfoLine title={t('EntityScreen.weight')} value={`${entity.weight ?? 0} ${entity.weight_unit}`} />
             </YStack>
         </YStack>
     );
 };
 
-export default EntityScreen;
+export default EntityScreen;
\ No newline at end of file
diff --git a/src/screens/FleetScreen.tsx b/src/screens/FleetScreen.tsx
index bb2efc04..1b0ad9d7 100644
--- a/src/screens/FleetScreen.tsx
+++ b/src/screens/FleetScreen.tsx
@@ -1,17 +1,19 @@
 import { useNavigation } from '@react-navigation/native';
 import { Text, YStack, useTheme } from 'tamagui';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const FleetScreen = () => {
     const theme = useTheme();
     const navigation = useNavigation();
+    const { t } = useLanguage();
 
     return (
         <YStack flex='$1' bg='$background'>
             <YStack alignItems='center' justifyContent='center'>
-                <Text>FleetScreen</Text>
+                <Text>{t('FleetScreen.fleetscreen')}</Text>
             </YStack>
         </YStack>
     );
 };
 
-export default FleetScreen;
+export default FleetScreen;
\ No newline at end of file
diff --git a/src/screens/FuelReportScreen.tsx b/src/screens/FuelReportScreen.tsx
index afde81f4..a0e72d51 100644
--- a/src/screens/FuelReportScreen.tsx
+++ b/src/screens/FuelReportScreen.tsx
@@ -16,6 +16,7 @@ import LoadingOverlay from '../components/LoadingOverlay';
 import HeaderButton from '../components/HeaderButton';
 import PlaceMapView from '../components/PlaceMapView';
 import useFleetbase from '../hooks/use-fleetbase';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const FuelReportScreen = () => {
     const theme = useTheme();
@@ -27,6 +28,7 @@ const FuelReportScreen = () => {
     } = useTempStore();
     const location = new Place({ id: fuelReport.id, location: fuelReport.location });
     const [isLoading, setIsLoading] = useState(false);
+    const { t } = useLanguage();
 
     const handleDeleteFuelReport = useCallback(() => {
         const handleDelete = async () => {
@@ -42,11 +44,11 @@ const FuelReportScreen = () => {
             }
         };
 
-        Alert.alert('Confirm Deletion', 'Are you sure you want to delete this Fuel Report?', [
-            { text: 'Cancel', style: 'cancel' },
-            { text: 'Delete Fuel Report', onPress: handleDelete },
+        Alert.alert(t('common.confirmDeletion'), t('FuelReportScreen.areYouSureYouWantToDeleteThisFuelReport'), [
+            { text: t('common.cancel'), style: 'cancel' },
+            { text: t('common.delete'), onPress: handleDelete },
         ]);
-    }, [adapter]);
+    }, [adapter, fuelReport.id, navigation, t]);
 
     return (
         <YStack flex={1} bg='$background'>
@@ -64,12 +66,12 @@ const FuelReportScreen = () => {
                     <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />
                 </XStack>
             </Portal>
-            <LoadingOverlay visible={isLoading} text='Deleting Fuel Report...' />
+            <LoadingOverlay visible={isLoading} text={t('FuelReportScreen.deletingFuelReport')} />
             <YStack py='$3' space='$3'>
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Odometer:
+                            {t('FuelReportScreen.odometer')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -82,7 +84,7 @@ const FuelReportScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Volume:
+                            {t('FuelReportScreen.volume')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -95,7 +97,7 @@ const FuelReportScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Vehicle:
+                            {t('FuelReportScreen.vehicle')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -108,7 +110,7 @@ const FuelReportScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Cost:
+                            {t('FuelReportScreen.cost')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -121,7 +123,7 @@ const FuelReportScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Status:
+                            {t('FuelReportScreen.status')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -132,7 +134,7 @@ const FuelReportScreen = () => {
                 <YStack px='$3' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Report Location:
+                            {t('FuelReportScreen.reportLocation')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-start'>
@@ -144,4 +146,4 @@ const FuelReportScreen = () => {
     );
 };
 
-export default FuelReportScreen;
+export default FuelReportScreen;
\ No newline at end of file
diff --git a/src/screens/InstanceLinkScreen.tsx b/src/screens/InstanceLinkScreen.tsx
index b1f10abb..946a55a2 100644
--- a/src/screens/InstanceLinkScreen.tsx
+++ b/src/screens/InstanceLinkScreen.tsx
@@ -6,6 +6,7 @@ import { YStack, Text, Input, Switch, Button } from 'tamagui';
 import { useConfig } from '../contexts/ConfigContext';
 import { toBoolean } from '../utils';
 import useAppTheme from '../hooks/use-app-theme';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const InstanceLinkScreen = () => {
     const navigation = useNavigation();
@@ -17,6 +18,7 @@ const InstanceLinkScreen = () => {
     const [socketClusterHost, setSocketClusterHost] = useState(instanceLinkConfig.SOCKETCLUSTER_HOST);
     const [socketClusterPort, setSocketClusterPort] = useState(instanceLinkConfig.SOCKETCLUSTER_PORT);
     const [socketClusterSecure, setSocketClusterSecure] = useState(toBoolean(instanceLinkConfig.SOCKETCLUSTER_SECURE));
+    const { t } = useLanguage();
 
     const handleSave = useCallback(() => {
         setInstanceLinkConfig('FLEETBASE_HOST', fleetbaseHost);
@@ -25,8 +27,8 @@ const InstanceLinkScreen = () => {
         setInstanceLinkConfig('SOCKETCLUSTER_PORT', socketClusterPort);
         setInstanceLinkConfig('SOCKETCLUSTER_SECURE', socketClusterSecure);
 
-        Alert.alert('Instance connection config saved successfully.');
-    }, [setInstanceLinkConfig, fleetbaseHost, fleetbaseKey, socketClusterHost, socketClusterPort, socketClusterSecure]);
+        Alert.alert(t('common.done'), t('InstanceLinkScreen.instanceConnectionConfigSavedSuccessfully'));
+    }, [setInstanceLinkConfig, fleetbaseHost, fleetbaseKey, socketClusterHost, socketClusterPort, socketClusterSecure, t]);
 
     const handleReset = useCallback(() => {
         clearInstanceLinkConfig();
@@ -35,8 +37,8 @@ const InstanceLinkScreen = () => {
         setSocketClusterHost(null);
         setSocketClusterPort(null);
         setSocketClusterSecure(null);
-        Alert.alert('Instance connection config reset successfully.');
-    }, [clearInstanceLinkConfig, setFleetbaseHost, setFleetbaseKey, setSocketClusterHost, setSocketClusterPort, setSocketClusterSecure]);
+        Alert.alert(t('common.done'), t('InstanceLinkScreen.instanceConnectionConfigResetSuccessfully'));
+    }, [clearInstanceLinkConfig, setFleetbaseHost, setFleetbaseKey, setSocketClusterHost, setSocketClusterPort, setSocketClusterSecure, t]);
 
     return (
         <YStack flex={1} bg='$background' position='relative'>
@@ -44,12 +46,12 @@ const InstanceLinkScreen = () => {
                 <YStack space='$5' px='$4' py='$4'>
                     <YStack space='$2'>
                         <Text color='$textPrimary' fontWeight='bold'>
-                            FLEETBASE HOST
+                            {t('InstanceLinkScreen.fleetbaseHost')}
                         </Text>
                         <Input
                             value={fleetbaseHost}
                             onChangeText={(text) => setFleetbaseHost(text)}
-                            placeholder='Input host of Fleetbase instance...'
+                            placeholder={t('InstanceLinkScreen.inputHostOfFleetbaseInstance')}
                             borderWidth={1}
                             color='$textPrimary'
                             borderColor='$borderColor'
@@ -63,12 +65,12 @@ const InstanceLinkScreen = () => {
                     </YStack>
                     <YStack space='$2'>
                         <Text color='$textPrimary' fontWeight='bold'>
-                            FLEETBASE KEY
+                            {t('InstanceLinkScreen.fleetbaseKey')}
                         </Text>
                         <Input
                             value={fleetbaseKey}
                             onChangeText={(text) => setFleetbaseKey(text)}
-                            placeholder='Input API Key for Fleetbase instance...'
+                            placeholder={t('InstanceLinkScreen.inputApiKeyForFleetbaseInstance')}
                             borderWidth={1}
                             color='$textPrimary'
                             borderColor='$borderColor'
@@ -82,12 +84,12 @@ const InstanceLinkScreen = () => {
                     </YStack>
                     <YStack space='$2'>
                         <Text color='$textPrimary' fontWeight='bold'>
-                            SOCKETCLUSTER HOST
+                            {t('InstanceLinkScreen.socketclusterHost')}
                         </Text>
                         <Input
                             value={socketClusterHost}
                             onChangeText={(text) => setSocketClusterHost(text)}
-                            placeholder='Input SocketCluster host for Fleetbase instance...'
+                            placeholder={t('InstanceLinkScreen.inputSocketclusterHostForFleetbaseInstance')}
                             borderWidth={1}
                             color='$textPrimary'
                             borderColor='$borderColor'
@@ -101,12 +103,12 @@ const InstanceLinkScreen = () => {
                     </YStack>
                     <YStack space='$2'>
                         <Text color='$textPrimary' fontWeight='bold'>
-                            SOCKETCLUSTER PORT
+                            {t('InstanceLinkScreen.socketclusterPort')}
                         </Text>
                         <Input
                             value={socketClusterPort}
                             onChangeText={(text) => setSocketClusterPort(text)}
-                            placeholder='Input SocketCluster port for Fleetbase instance...'
+                            placeholder={t('InstanceLinkScreen.inputSocketclusterPortForFleetbaseInstance')}
                             keyboardType='phone-pad'
                             borderWidth={1}
                             color='$textPrimary'
@@ -121,7 +123,7 @@ const InstanceLinkScreen = () => {
                     </YStack>
                     <YStack space='$2'>
                         <Text color='$textPrimary' fontWeight='bold'>
-                            SOCKETCLUSTER SECURE
+                            {t('InstanceLinkScreen.socketclusterSecure')}
                         </Text>
                         <Switch
                             id='socketClusterSecure'
@@ -141,12 +143,12 @@ const InstanceLinkScreen = () => {
                 <YStack space='$3' pb={insets.bottom}>
                     <Button onPress={handleSave} size='$5' bg='$info' borderColor='$infoBorder' borderWidth={1} flex={1}>
                         <Button.Text color='$infoText' fontWeight='bold' fontSize='$5'>
-                            Save Changes
+                            {t('common.saveChanges') || t('InstanceLinkScreen.saveChanges') || t('common.save')}
                         </Button.Text>
                     </Button>
                     <Button onPress={handleReset} size='$5' bg='$default' borderColor='$defaultBorder' borderWidth={1} flex={1}>
                         <Button.Text color='$defaultText' fontWeight='bold' fontSize='$5'>
-                            Reset
+                            {t('common.reset') || t('InstanceLinkScreen.reset')}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -155,4 +157,4 @@ const InstanceLinkScreen = () => {
     );
 };
 
-export default InstanceLinkScreen;
+export default InstanceLinkScreen;
\ No newline at end of file
diff --git a/src/screens/IssueScreen.tsx b/src/screens/IssueScreen.tsx
index 54a44523..df79a6a3 100644
--- a/src/screens/IssueScreen.tsx
+++ b/src/screens/IssueScreen.tsx
@@ -15,6 +15,7 @@ import LoadingOverlay from '../components/LoadingOverlay';
 import HeaderButton from '../components/HeaderButton';
 import PlaceMapView from '../components/PlaceMapView';
 import useFleetbase from '../hooks/use-fleetbase';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const IssueScreen = () => {
     const theme = useTheme();
@@ -26,6 +27,7 @@ const IssueScreen = () => {
     } = useTempStore();
     const location = new Place({ id: issue.id, location: issue.location });
     const [isLoading, setIsLoading] = useState(false);
+    const { t } = useLanguage();
 
     const handleDeleteIssue = useCallback(() => {
         const handleDelete = async () => {
@@ -41,11 +43,11 @@ const IssueScreen = () => {
             }
         };
 
-        Alert.alert('Confirm Deletion', 'Are you sure you want to delete this Issue?', [
-            { text: 'Cancel', style: 'cancel' },
-            { text: 'Delete Issue', onPress: handleDelete },
+        Alert.alert(t('common.confirmDeletion'), t('IssueScreen.areYouSureYouWantToDeleteThisIssue'), [
+            { text: t('common.cancel'), style: 'cancel' },
+            { text: t('common.delete'), onPress: handleDelete },
         ]);
-    }, [adapter]);
+    }, [adapter, issue.id, navigation, t]);
 
     return (
         <YStack flex={1} bg='$background'>
@@ -63,12 +65,12 @@ const IssueScreen = () => {
                     <HeaderButton icon={faTimes} onPress={() => navigation.goBack()} />
                 </XStack>
             </Portal>
-            <LoadingOverlay visible={isLoading} text='Deleting Issue...' />
+            <LoadingOverlay visible={isLoading} text={t('IssueScreen.deletingIssue')} />
             <YStack py='$3' space='$3'>
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Type:
+                            {t('IssueScreen.type')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -81,7 +83,7 @@ const IssueScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Category:
+                            {t('IssueScreen.category')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -94,7 +96,7 @@ const IssueScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Vehicle:
+                            {t('IssueScreen.vehicle')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -107,7 +109,7 @@ const IssueScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Priority:
+                            {t('IssueScreen.priority')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -118,7 +120,7 @@ const IssueScreen = () => {
                 <XStack px='$3' alignItems='center' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Status:
+                            {t('IssueScreen.status')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-end'>
@@ -129,7 +131,7 @@ const IssueScreen = () => {
                 <YStack px='$3' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Report:
+                            {t('IssueScreen.report')}
                         </Text>
                     </YStack>
                     <YStack py='$2'>
@@ -142,7 +144,7 @@ const IssueScreen = () => {
                 <YStack px='$3' space='$3'>
                     <YStack alignItems='flex-start'>
                         <Text color='$textSecondary' fontSize={17} fontWeight='bold'>
-                            Report Location:
+                            {t('IssueScreen.reportLocation')}
                         </Text>
                     </YStack>
                     <YStack flex={1} alignItems='flex-start'>
@@ -154,4 +156,4 @@ const IssueScreen = () => {
     );
 };
 
-export default IssueScreen;
+export default IssueScreen;
\ No newline at end of file
diff --git a/src/screens/PhoneLoginScreen.tsx b/src/screens/PhoneLoginScreen.tsx
index d502a9c3..4ed112a2 100644
--- a/src/screens/PhoneLoginScreen.tsx
+++ b/src/screens/PhoneLoginScreen.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { SafeAreaView, Pressable, Keyboard, StyleSheet } from 'react-native';
+import { SafeAreaView, Pressable, Keyboard, StyleSheet, Alert } from 'react-native';
 import { Spinner, Input, Stack, Text, YStack, useTheme, Button } from 'tamagui';
 import { toast, ToastPosition } from '@backpackapp-io/react-native-toast';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
@@ -10,6 +10,7 @@ import { useAuth } from '../contexts/AuthContext';
 import useAppTheme from '../hooks/use-app-theme';
 import PhoneInput from '../components/PhoneInput';
 import LinearGradient from 'react-native-linear-gradient';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const PhoneLoginScreen = () => {
     const navigation = useNavigation();
@@ -17,6 +18,7 @@ const PhoneLoginScreen = () => {
     const { isDarkMode } = useAppTheme();
     const { login, isSendingCode, phone: phoneState, loginMethod } = useAuth();
     const [phone, setPhone] = useState(phoneState);
+    const { t } = useLanguage();
 
     const handleSendVerificationCode = async () => {
         if (isSendingCode) {
@@ -24,7 +26,7 @@ const PhoneLoginScreen = () => {
         }
 
         if (!isValidPhoneNumber(phone)) {
-            return toast.error('Invalid phone number provided.');
+            return toast.error(t('PhoneLoginScreen.invalidPhoneNumberProvided'));
         }
 
         try {
@@ -49,13 +51,13 @@ const PhoneLoginScreen = () => {
             <YStack flex={1} alignItems='center' space='$3'>
                 <YStack space='$2' width='100%' px='$5' pt='$5'>
                     <Text color='$gray-200' fontWeight='bold' fontSize='$8' mb='$3'>
-                        Login via SMS
+                        {t('PhoneLoginScreen.loginViaSms')}
                     </Text>
                     <PhoneInput value={phone} onChange={(phoneNumber) => setPhone(phoneNumber)} />
                     <Button size='$5' onPress={handleSendVerificationCode} bg='$primary' width='100%' opacity={isSendingCode ? 0.75 : 1} disabled={isSendingCode} rounded>
                         <Button.Icon>{isSendingCode ? <Spinner color='$white' /> : <FontAwesomeIcon icon={faPaperPlane} color={'#fff'} />}</Button.Icon>
                         <Button.Text color='$white' fontWeight='bold'>
-                            Send Verification Code
+                            {t('PhoneLoginScreen.sendVerificationCode')}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -70,7 +72,7 @@ const PhoneLoginScreen = () => {
                             <FontAwesomeIcon icon={faArrowLeft} color={isDarkMode ? theme['textPrimary'].val : theme['$gray-400'].val} />
                         </Button.Icon>
                         <Button.Text color={isDarkMode ? theme['textPrimary'].val : theme['$gray-400'].val} fontWeight='bold'>
-                            Home
+                            {t('PhoneLoginScreen.home')}
                         </Button.Text>
                     </Button>
                 </YStack>
@@ -79,4 +81,4 @@ const PhoneLoginScreen = () => {
     );
 };
 
-export default PhoneLoginScreen;
+export default PhoneLoginScreen;
\ No newline at end of file
diff --git a/src/screens/PhoneLoginVerifyScreen.tsx b/src/screens/PhoneLoginVerifyScreen.tsx
index 3a419972..df06daf6 100644
--- a/src/screens/PhoneLoginVerifyScreen.tsx
+++ b/src/screens/PhoneLoginVerifyScreen.tsx
@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useCallback } from 'react';
 import { useNavigation } from '@react-navigation/native';
-import { SafeAreaView, Pressable, Keyboard, StyleSheet } from 'react-native';
+import { SafeAreaView, Pressable, Keyboard, StyleSheet, Alert } from 'react-native';
 import { Spinner, Button, Input, Stack, Text, YStack, XStack, useTheme } from 'tamagui';
 import { toast, ToastPosition } from '@backpackapp-io/react-native-toast';
 import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
@@ -9,22 +9,26 @@ import { OtpInput } from 'react-native-otp-entry';
 import { useAuth } from '../contexts/AuthContext';
 import { navigatorConfig } from '../utils';
 import LinearGradient from 'react-native-linear-gradient';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const PhoneLoginVerifyScreen = () => {
     const navigation = useNavigation();
     const theme = useTheme();
     const { phone, verifyCode, isVerifyingCode, loginMethod } = useAuth();
-    const [code, setCode] = useState(null);
+    const [code, setCode] = useState<string | null>(null);
+    const { t } = useLanguage();
 
-    const handleVerifyCode = async (code) => {
+    const handleVerifyCode = async (code: string | null) => {
         if (isVerifyingCode) {
             return;
         }
 
         try {
-            await verifyCode(code);
-        } catch (error) {
-            toast.error(error.message);
+            if (code) {
+                await verifyCode(code);
+            }
+        } catch (error: any) {
+            toast.error(t('common.error') + ': ' + error.message);
         }
     };
 
@@ -39,7 +43,7 @@ const PhoneLoginVerifyScreen = () => {
             <YStack flex={1} space='$3' padding='$5'>
                 <YStack mb='$4'>
                     <Text color='$gray-300' fontSize={20} fontWeight='bold'>
-                        Code sent to {phone}
+                        {t('PhoneLoginVerifyScreen.verifyCode')} {phone}
                     </Text>
                 </YStack>
                 <OtpInput
@@ -52,7 +56,7 @@ const PhoneLoginVerifyScreen = () => {
                 <Button size='$5' onPress={() => handleVerifyCode(code)} bg='$primary' width='100%' opacity={isVerifyingCode ? 0.75 : 1} disabled={isVerifyingCode} rounded>
                     <Button.Icon>{isVerifyingCode ? <Spinner color='$white' /> : <FontAwesomeIcon icon={faCheck} color={theme.white.val} />}</Button.Icon>
                     <Button.Text color='$gray-200' fontWeight='bold'>
-                        Verify Code
+                        {t('PhoneLoginVerifyScreen.verifyCode')}
                     </Button.Text>
                 </Button>
                 <Button size='$5' onPress={handleRetry} bg='$secondary' width='100%' rounded>
@@ -60,7 +64,7 @@ const PhoneLoginVerifyScreen = () => {
                         <FontAwesomeIcon icon={faArrowRotateRight} color={theme['gray-500'].val} />
                     </Button.Icon>
                     <Button.Text color='$textPrimary' fontWeight='bold'>
-                        Retry
+                        {t('common.retry')}
                     </Button.Text>
                 </Button>
                 {loginMethod === 'email' && (
@@ -71,10 +75,10 @@ const PhoneLoginVerifyScreen = () => {
                             </YStack>
                             <YStack flex={1}>
                                 <Text fontSize={15} color='$infoText' fontWeight='bold'>
-                                    Unable to send SMS.
+                                    {t('PhoneLoginVerifyScreen.unableToSendSms')}
                                 </Text>
                                 <Text fontSize={15} color='$infoText'>
-                                    Your verification code was sent via <Text fontWeight='bold'>{loginMethod}</Text>.
+                                    {t('PhoneLoginVerifyScreen.verifyCode')} was sent via <Text fontWeight='bold'>{loginMethod}</Text>.
                                 </Text>
                             </YStack>
                         </XStack>
@@ -88,4 +92,4 @@ const PhoneLoginVerifyScreen = () => {
     );
 };
 
-export default PhoneLoginVerifyScreen;
+export default PhoneLoginVerifyScreen;
\ No newline at end of file
diff --git a/src/screens/TestScreen.tsx b/src/screens/TestScreen.tsx
index 3a9907f0..b9b7e78a 100644
--- a/src/screens/TestScreen.tsx
+++ b/src/screens/TestScreen.tsx
@@ -1,13 +1,16 @@
 import { YStack, Text } from 'tamagui';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const TestScreen = () => {
+    const { t } = useLanguage();
+
     return (
         <YStack flex={1} alignItems='center' justifyContent='center' bg='$background' width='100%' height='100%'>
             <Text color='$textPrimary' fontSize={20} fontWeight='bold'>
-                Hello World
+                {t('TestScreen.helloWorld')}
             </Text>
         </YStack>
     );
 };
 
-export default TestScreen;
+export default TestScreen;
\ No newline at end of file
diff --git a/src/screens/VehicleScreen.tsx b/src/screens/VehicleScreen.tsx
index 569b843f..38a252ca 100644
--- a/src/screens/VehicleScreen.tsx
+++ b/src/screens/VehicleScreen.tsx
@@ -1,17 +1,19 @@
 import { useNavigation } from '@react-navigation/native';
 import { Text, YStack, useTheme } from 'tamagui';
+import { useLanguage } from '../contexts/LanguageContext';
 
 const VehicleScreen = () => {
     const theme = useTheme();
     const navigation = useNavigation();
+    const { t } = useLanguage();
 
     return (
         <YStack flex='$1' bg='$background'>
             <YStack alignItems='center' justifyContent='center'>
-                <Text>VehicleScreen</Text>
+                <Text>{t('VehicleScreen.vehiclescreen')}</Text>
             </YStack>
         </YStack>
     );
 };
 
-export default VehicleScreen;
+export default VehicleScreen;
\ No newline at end of file
diff --git a/src/utils/localize.js b/src/utils/localize.js
index 96486459..f7390aff 100644
--- a/src/utils/localize.js
+++ b/src/utils/localize.js
@@ -1,7 +1,7 @@
 import { getLangNameFromCode } from 'language-name-map';
 import { getString } from '../utils/storage';
 import { get, navigatorConfig } from '../utils';
-import en from '../../translations/en.json';
+import en from '../locales/en.js';
 // import mn from '../../translations/mn.json';
 import I18n from 'react-native-i18n';