diff --git a/ui/package.json b/ui/package.json
index f0e1f8b..e1ee5a2 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -17,6 +17,7 @@
     "moment": "^2.29.1",
     "sugar": "^2.0.6",
     "vue": "^2.6.12",
+    "vue-i18n": "^8.0.0",
     "vue-matomo": "^3.14.0-0",
     "vue-router": "^3.4.9",
     "vuex": "^3.5.1"
diff --git a/ui/src/App.vue b/ui/src/App.vue
index 14d0510..9c10892 100644
--- a/ui/src/App.vue
+++ b/ui/src/App.vue
@@ -3,9 +3,7 @@
     <NavBar />
     <AlertFeedback />
     <router-view />
-    <footer>
-      Powered by <a target="_blank" href="https://kiwix.org">Kiwix</a> and <a target="_blank" href="https://webrecorder.net">Webrecorder</a>, thanks to a <a target="_blank" href="https://www.mozilla.org/moss/">Mozilla Open-Source Support</a> Award <b-icon icon="heart-fill" style="color: rgb(234, 74, 170);" />
-    </footer>
+    <footer v-html="$t('footer.str')"></footer>
   </div>
 </template>
 
@@ -32,4 +30,15 @@ footer {
   padding-top: 1em;
   padding-bottom: 1em;
 }
+
+/* RTL styles */
+[dir="rtl"] #app {
+  direction: rtl;
+  text-align: right;
+}
+
+[dir="rtl"] footer {
+  direction: rtl;
+  text-align: center; /* Keep footer text centered or change as needed */
+}
 </style>
diff --git a/ui/src/components/Faq.vue b/ui/src/components/Faq.vue
index 1c22e97..1432083 100644
--- a/ui/src/components/Faq.vue
+++ b/ui/src/components/Faq.vue
@@ -1,27 +1,30 @@
 <template>
   <div class="faq" role="tablist">
-    <FaqEntry
-      id="what-is-zim"
-      title="What is a Zim file?">
-      The Zim file format stores website content for <a target="_blank" href="https://en.wikipedia.org/wiki/Offline">offline</a> usage. It assembles the normal constituent of a website into a single archive, and compresses it so as to make it easier to save, share, and store.
+    <FaqEntry id="what-is-zim" :title="$t('faq.whatIsZim')">
+      <template v-slot:default>
+        <div v-html="$t('faq.whatIsZimDesc')"></div>
+      </template>
     </FaqEntry>
 
-    <FaqEntry
-      id="how-to-read"
-      title="How do I read my Zim files?">
-      You will need a Zim file reader. This usually means <a target="_blank" href="https://kiwix.org/">Kiwix</a>, which is available on <a target="_blank" href="https://www.kiwix.org/en/download/">desktop computers, mobile devices, and more</a>. Currently only Kiwix-serve and Kiwix-Android can read all Zimit-generated files. If using Kiwix-Desktop for Microsoft Windows and GNU/Linux, then you will need to configure it as a Kiwix-serve instance in the settings. We expect most platforms to be upgraded by the end of 2021.
+    <FaqEntry id="how-to-read" :title="$t('faq.howToRead')">
+      <template v-slot:default>
+        <div v-html="$t('faq.howToReadDesc')"></div>
+      </template>
     </FaqEntry>
 
-    <FaqEntry
-      id="missing-content"
-      title="The Zim file is incomplete or smaller than the original website">
-      Because of the very nature of this tool, we can’t leave it open for unlimited requests towards any website. That could be harmful both for our infrastructure, but also for the target websites. We currently enforce two limits: {{ human_size_limit }} file size and {{ human_time_limit }}.
+    <FaqEntry id="missing-content" :title="$t('faq.missingContent')">
+      <template v-slot:default>
+        {{ $t('faq.missingContentDesc', { 
+          human_size_limit: human_size_limit,
+          human_time_limit: human_time_limit + ' ' + (human_time_limit === 1 ? $t('units.timeLimit.singular') : $t('units.timeLimit.plural'))
+        }) }}
+      </template>
     </FaqEntry>
 
-    <FaqEntry
-      id="got-error"
-      title="I got an error message (no zim) or could not read a zim file">
-      Triple-check the URL you entered, and if it is still not working then open a bug ticket on <a target="_blank" href="https://github.com/openzim/zimit/issues">github</a>. Indicate the target website, the request number (it’s in the email you received), and the device you tried to open your zim file on.
+    <FaqEntry id="got-error" :title="$t('faq.gotError')">
+      <template v-slot:default>
+        <div v-html="$t('faq.gotErrorDesc')"></div>
+      </template>
     </FaqEntry>
   </div>
 </template>
@@ -32,10 +35,16 @@
 
   export default {
     name: 'Faq',
-    components: {FaqEntry},
+    components: { FaqEntry },
     computed: {
-        human_size_limit() { return `${parseInt(Constants.zimit_size_limit / 1073741824)} GiB`; },
-        human_time_limit() { return `${parseInt(Constants.zimit_time_limit / 3600)} hours`; },
+      human_size_limit() {
+        const sizeInGiB = parseInt(Constants.zimit_size_limit / 1073741824);
+        return `${sizeInGiB} GiB`;
+      },
+      human_time_limit() {
+        const timeInHours = parseInt(Constants.zimit_time_limit / 3600);
+        return timeInHours;
+      },
     }
   }
-</script>
+</script>
\ No newline at end of file
diff --git a/ui/src/components/FaqEntry.vue b/ui/src/components/FaqEntry.vue
index 92e101f..eee9f59 100644
--- a/ui/src/components/FaqEntry.vue
+++ b/ui/src/components/FaqEntry.vue
@@ -33,9 +33,18 @@
     top: .5em;
     right: .3rem;
   }
+
+  /* Adjust for RTL by resetting 'right' and setting 'left' */
+  :root[dir="rtl"] .card-header .plus,
+  :root[dir="rtl"] .card-header .minus {
+    right: auto;
+    left: .3rem;
+  }
+
   .card-header .collapsed .minus {
     display: none;
   }
+
   .card-header .not-collapsed .plus {
     display: none;
   }
@@ -47,11 +56,13 @@
     margin-bottom: 0 !important;
     border-radius: 0;
   }
+
   .faq .card:not(:first-child) {
     border-top: 0;
   }
+
   .card-header {
     background-color: transparent;
     border: 0;
   }
-</style>
+</style>
\ No newline at end of file
diff --git a/ui/src/components/Loading.vue b/ui/src/components/Loading.vue
index 5a82ccb..7cc5f43 100644
--- a/ui/src/components/Loading.vue
+++ b/ui/src/components/Loading.vue
@@ -19,18 +19,18 @@
         return this.$store.getters.loadingStatus.should_display;
       },
       loading_text() {
-        return this.$store.getters.loadingStatus.text;
+        return this.$store.getters.loadingStatus.text || this.$t('loading.loading');
       }
     }
   }
 </script>
 
 <style type="text/css" scoped>
-#main_loader {
-  color: white;
-  position: absolute;
-  top: 0;
-  left: 0;
-  padding: 0.4rem;
-}
+  #main_loader {
+    color: white;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 0.4rem;
+  }
 </style>
diff --git a/ui/src/components/NavBar.vue b/ui/src/components/NavBar.vue
index 377592b..41de121 100644
--- a/ui/src/components/NavBar.vue
+++ b/ui/src/components/NavBar.vue
@@ -1,8 +1,19 @@
 <template>
+  <div>
     <header>
       <router-link :to="{ name: 'home' }"><img alt="Youzim.it logo" src="../assets/ZIMIT_LOGO_RGB.svg"></router-link>
       <Loading/>
     </header>
+
+    <div class="language-selector-container">
+      <select @change="changeLanguage($event)" class="language-selector">
+        <option value="en">English</option>
+        <option value="fr">Français</option>
+        <option value="fa">فارسی</option>
+        <!-- Add more languages here -->
+      </select>
+    </div>
+  </div>
 </template>
 
 <script>
@@ -11,14 +22,47 @@
   export default {
     name: 'NavBar',
     components: {Loading},
+    methods: {
+      changeLanguage(event) {
+        this.$i18n.locale = event.target.value;
+      }
+    }
   }
 </script>
 
 <style type="text/css" scoped="">
   header {
+    display: inline-flex; 
+    justify-content: center;
+    width: 100%;
     text-align: center;
     padding-top: 2em;
     padding-bottom: 2em;
   }
-  header img { max-width: 80%; width: 400px; }
-</style>
+
+  header img {
+    max-width: 50vw;
+    width: 400px;
+  }
+
+  .language-selector-container {
+    position: absolute;
+    top: 2em;
+    right: 2em;
+    margin-left: auto; 
+  }
+
+  .language-selector {
+    padding: .5rem 1rem;
+    border-radius: .25rem;
+    border: 1px solid #ced4da;
+    appearance: none; 
+    background-color: #fff;
+    background-size: 16px 12px;
+  }
+
+  [dir='rtl'] .language-selector-container {
+    right: auto;
+    left: 2em;
+  }
+</style>
\ No newline at end of file
diff --git a/ui/src/components/NewRequest.vue b/ui/src/components/NewRequest.vue
index e8199a5..c318793 100644
--- a/ui/src/components/NewRequest.vue
+++ b/ui/src/components/NewRequest.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="container">
-    <h1>Want an offline version of a website? Just <strong>Zim it</strong>!</h1>
+    <h1 v-html="$t('newRequest.heading')"></h1>
 
     <b-form @submit.prevent="requestZim" v-if="editorReady">
         <b-form-group>
             <b-form-input
                 type="url"
                 id="new_url"
-                placeholder="Full URL of the website to convert"
+                :placeholder="$t('newRequest.urlPlaceholder')"
                 required="required"
                 v-model="form.url" />
         </b-form-group>
@@ -16,23 +16,21 @@
             <b-form-input
                 type="email"
                 id="new_email"
-                placeholder="Your e-mail to receive a download link. Address not kept"
+                :placeholder="$t('newRequest.emailPlaceholder')"
                 v-model="form.email" />
         </b-form-group>
 
-
         <b-form-group>
           <b-button
             pill
             type="submit"
             :disabled="!editorReady || !payload.url || busy"
-            variant="grey">
-            Let's Zim it!</b-button>
+            variant="grey">{{$t('newRequest.submit')}}</b-button>
           <b-button
             pill
             size="sm"
             :pressed.sync="showAdvanced"
-            variant="link-grey">advanced options</b-button>
+            variant="link-grey">{{$t('newRequest.advancedOptions')}}</b-button>
         </b-form-group>
 
         <div v-if="showAdvanced">
@@ -80,7 +78,7 @@
                 type="submit"
                 :disabled="!editorReady || !payload.url || busy"
                 variant="grey">
-                Let's Zim it!</b-button>
+                {{$t('newRequest.submit')}}</b-button>
             </b-form-group>
 
         </div>
@@ -156,14 +154,14 @@
 
               if (field.type == "boolean") {
                 component = "switchbutton";
-                options = [{text: "True", value: true}, {text: "Not set", value: undefined}];
+                options = [{text: this.$t('newRequest.true'), value: true}, {text: this.$t('newRequest.notSet'), value: undefined}];
               }
 
               if (field.type == "string-enum") {
                 component = "b-form-select";
-                options = field.choices.map(function (option) { return {text: option, value: option}; });
+                options = field.choices.map(option => ({text: option, value: option}));
                 if (field.required != true) {
-                  options.push({text: "Not set", value: undefined});
+                  options.push({text: this.$t('newRequest.notSet'), value: undefined});
                 }
               }
 
@@ -177,7 +175,7 @@
                 data_key: field.data_key,
                 required: field.required,
                 description: field.description,
-                placeholder: "Not set",  //field.placeholder,
+                placeholder: this.$t('newRequest.notSet'),  //field.placeholder,
 
                 component: component,
                 component_type: component_type,
@@ -202,7 +200,7 @@
 
             let parent = this;
             console.debug("fetching definition…");
-            parent.toggleLoader("fetching definition…");
+            parent.toggleLoader(this.$t('newRequest.fetchingDefinition'));
             parent.queryAPI('get', Constants.zimfarm_webapi + '/offliners/zimit')
               .then(function (response) {
                   let definition = response.data.filter(field => Constants.zimit_fields.indexOf(field.key) > -1);
@@ -211,7 +209,7 @@
                   if (on_success) { on_success(); }
               })
               .catch(function (error) {
-                if (on_error) { on_error(Constants.standardHTTPError(error.response)); }
+                if (on_error) { on_error(parent.$t('newRequest.standardHTTPError', { error: Constants.standardHTTPError(error.response) })); }
               })
               .then(function () {
                   parent.toggleLoader(false);
@@ -224,17 +222,17 @@
             this.payload.flags = Object.filter(this.payload.flags, item => item!==""); 
             parent.busy = true;
             let task_id = null;
-            parent.toggleLoader("Creating schedule…");
+            parent.toggleLoader(this.$t('newRequest.creatingSchedule'));
             parent.queryAPI('post', Constants.zimitui_api + '/requests/', this.payload)
               .then(function (response) {
                 if (response.data && response.data.id) {
                   task_id = response.data.id;
                   parent.redirectTo('request', {task_id: task_id});
                 } else
-                  throw "Didn't receive task_id";
+                  throw new Error(parent.$t('newRequest.noTaskIdReceived'));
               })
               .catch(function (error) {
-                parent.alertError("Unable to request ZIM creation:<br />" + Constants.standardHTTPError(error.response));
+                parent.alertError(parent.$t('newRequest.unableToRequestZIM', { error: Constants.standardHTTPError(error.response) }));
               })
               .then(function () {
                 parent.toggleLoader(false);
diff --git a/ui/src/components/NotFound.vue b/ui/src/components/NotFound.vue
index 1e87f07..27ec3a3 100644
--- a/ui/src/components/NotFound.vue
+++ b/ui/src/components/NotFound.vue
@@ -2,8 +2,8 @@
 
 <template>
   <div class="container">
-    <h1>Not Found</h1>
-    <p>Sorry, this content was not found. Maybe you'd like to go back.</p>
+    <h1>{{ $t('notFound.heading') }}</h1>
+    <p>{{ $t('notFound.description') }}</p>
   </div>
 </template>
 
diff --git a/ui/src/components/Request.vue b/ui/src/components/Request.vue
index 1bc65fd..d052c71 100644
--- a/ui/src/components/Request.vue
+++ b/ui/src/components/Request.vue
@@ -2,7 +2,7 @@
   <div class="container">
 
     <div v-if="!error && task">
-        <h1 v-if="task && task.config">Ziming of <a :href="task.config.flags.url" target="_blank">{{ task.config.flags.url }}</a></h1>
+        <h1 v-if="task && task.config">{{ $t('request.zimingOf') }}<a :href="task.config.flags.url" target="_blank">{{ task.config.flags.url }}</a></h1>
         <b-progress>
             <b-progress-bar
             :value="progression"
@@ -16,37 +16,36 @@
 
         <div v-if="is_requested">
             <b-alert fade show variant="warning">
-                <h2>Requesting slot</h2>
-                <p>Your request has been recorded and is awaiting a slot on our infrastructure to run.</p>
+                <h2>{{$t('request.requestingSlot')}}</h2>
+                <p>{{$t('request.requestRecorded')}}</p>
             </b-alert>
         </div>
 
         <div v-if="failed">
             <b-alert fade show variant="danger">
-                <h2>You request has failed! We are sorry about that.</h2>
-                <p>A number of reasons can lead to a ziming failure. Most of the time, it's an inadequate URL… Please triple check it and create a new request. If that doesn't work, <a href="https://github.com/openzim/zimit/issues/new">open a ticket in github</a>.</p>
+                <h2>{{$t('request.requestFailed')}}</h2>
+                <p>{{$t('request.failureReasons')}} <a href="https://github.com/openzim/zimit/issues/new">{{$t('request.openTicket')}}</a>.</p>
             </b-alert>
         </div>
 
         <div v-if="succeeded">
             <b-alert fade show variant="success">
-                <h2>Success!</h2>
-                <p>The link below will expire and the file will be deleted after a week.</p>
-                <p><a :href="zim_download_url + task.config.warehouse_path + '/' + file.name"><b-button pill variant="grey">Download</b-button></a></p>
-                <p v-if="limit_hit">You have reached the maximum file size ({{ zimit_size_limit }}) or duration ({{ (zimit_time_limit) }}) allowed for free crawling. <a href="https://www.kiwix.org/en/contact/">Contact us</a> to help us purchase additional server space for you.</p>
+                <h2>{{$t('request.success')}}</h2>
+                <p>{{$t('request.linkExpires')}}</p>
+                <p><a :href="zim_download_url + task.config.warehouse_path + '/' + file.name"><b-button pill variant="grey">{{$t('request.download')}}</b-button></a></p>
+                <p v-if="limit_hit">{{$t('request.limitHit')}}</p>
             </b-alert>
         </div>
 
         <div v-if="ongoing && !is_requested">
             <b-alert fade show variant="info">
-                <h2>Your request is being processed</h2>
-                <p>One of our servers is currently converting that URL into a nice ZIM file. Depending on the number of pages and resources available, it can be a matter of minutes, hours or even days! Please be patient.</p>
-                <p v-if="task.has_email"
-                  >You can close this window. You will get an email notification when the task is completed.</p>
+                <h2>{{$t('request.beingProcessed')}}</h2>
+                <p>{{$t('request.serverConverting')}}</p>
+                <p v-if="task.has_email">{{$t('request.emailNotification')}}</p>
             </b-alert>
         </div>
         <div v-if="!Object.isEmpty(flags)">
-          <h2>Settings</h2>
+          <h2>{{$t('request.title')}}</h2>
           <FlagsList :flags="flags" :shrink="false" />
         </div>
     </div>
@@ -83,7 +82,8 @@
           progression() {
             if (this.ended)
               return 100;
-            return (this.task.container && this.task.container.progress && this.task.container.progress.overall) ? this.task.container.progress.overall : 0; },
+            return (this.task.container && this.task.container.progress && this.task.container.progress.overall) ? this.task.container.progress.overall : 0; 
+          },
           visibility_fix() {
             if (this.progression < 15)
               return "visible-text";
@@ -98,10 +98,10 @@
           },
           simple_status() {
             if (this.is_requested)
-              return "pending";
+              return this.$t('request.pending');
             if (this.ended)
               return this.task.status;
-            return "in-progress";
+            return this.$t('request.inProgress');
           },
           sorted_files() { return Object.values(this.task.files).sortBy('created_timestamp'); },
           file() { return Object.values(this.sorted_files)[0] || {}; },
@@ -109,50 +109,54 @@
           flags() {
             if (!this.task || !this.task.config || !this.task.config.flags)
               return {};
-            var parent = this;
-            return Object.filter(parent.task.config.flags, function(val, key) {
-              if (Constants.hidden_flags.indexOf(key) != -1)
-                return false;
-              if (key == "size_limit" && Object.has(parent.task.config.flags, 'size_limit') && parent.task.config.flags.size_limit >= parent.zimit_size_limit)
-                return false;
-              if (key == "time_limit" && Object.has(parent.task.config.flags, 'time_limit') && parent.task.config.flags.time_limit >= parent.zimit_time_limit)
-                return false;
-              return true;
+            return Object.entries(this.task.config.flags)
+              .filter(([key, val]) => !Constants.hidden_flags.includes(key) && 
+                      !(key === "size_limit" && val >= Constants.zimit_size_limit) && 
+                      !(key === "time_limit" && val >= Constants.zimit_time_limit))
+              .reduce((obj, [key, val]) => ({ ...obj, [key]: val }), {});
+          },
+          human_size_limit() {
+              const sizeInGiB = parseInt(Constants.zimit_size_limit / 1073741824);
+              return this.$t('request.humanSizeLimit', { size: sizeInGiB });
+          },
+          human_time_limit() {
+              const timeInHours = parseInt(Constants.zimit_time_limit / 3600);
+              const unitKey = `units.timeLimit.${timeInHours === 1 ? 'hour' : 'hours'}`;
+              return this.$t('request.humanTimeLimit', {
+                hours: timeInHours, 
+                unit: this.$t(unitKey)
             });
           },
-          human_size_limit() { return `${parseInt(Constants.zimit_size_limit / 1073741824).format()} GiB`; },
-          human_time_limit() { return `${parseInt(Constants.zimit_time_limit / 3600)} hours`; },
-          limit_hit() { return this.task.container && this.task.container.progress && this.task.container.progress.limit && this.task.container && this.task.container.progress && this.task.container.progress.limit.hit;
+          limit_hit() { 
+              return this.task.container && this.task.container.progress && this.task.container.progress.limit && this.task.container.progress.limit.hit;
           },
         },
         methods: {
             loadTask() {
-                let parent = this;
-                parent.toggleLoader("Retrieving task…");
-                parent.queryAPI('get', Constants.zimitui_api + '/requests/' + this.task_id)
-                  .then(function (response) {
+                this.toggleLoader(this.$t('request.loadingTask'));
+                this.queryAPI('get', `${Constants.zimitui_api}/requests/${this.task_id}`)
+                  .then(response => {
                     if (response.data) {
-                      parent.task = response.data;
-                      if (parent.ended && parent.interval)
-                        clearInterval(parent.interval);
-                    } else
-                      throw "Didn't receive task";
+                      this.task = response.data;
+                      if (this.ended && this.interval) clearInterval(this.interval);
+                    } else {
+                      throw new Error(this.$t('request.noDataReceived'));
+                    }
                   })
-                  .catch(function (error) {
+                  .catch(error => {
                     console.error(error);
-                    if (error.response && error.response.status && error.response.status == 404) {
-                      parent.alertError("No task found with this ID. It probably has expired.");
+                    if (error.response && error.response.status === 404) {
+                      this.alertError(this.$t('request.taskNotFound'));
+                    } else {
+                      this.alertError(this.$t('request.taskRetrieveError', { error: Constants.standardHTTPError(error.response) }));
                     }
-                    else
-                      parent.alertError("Unable to retrieve task:\n" + Constants.standardHTTPError(error.response));
                   })
-                  .then(function () {
-                    parent.toggleLoader(false);
+                  .then(() => {
+                    this.toggleLoader(false);
                   });
             },
         },
         mounted() {
-          // refresh this periodically
           this.loadTask(false);
           this.interval = setInterval(this.loadTask, Constants.zimit_refresh_after * 1000, false);
         },
diff --git a/ui/src/locales/en.json b/ui/src/locales/en.json
new file mode 100644
index 0000000..1f7976d
--- /dev/null
+++ b/ui/src/locales/en.json
@@ -0,0 +1,72 @@
+{
+    "faq": {
+        "whatIsZim": "What is a Zim file?",
+        "whatIsZimDesc": "The Zim file format stores website content for <a target='_blank' href='https://en.wikipedia.org/wiki/Offline'>offline</a> usage. It assembles the normal constituent of a website into a single archive, and compresses it so as to make it easier to save, share, and store.",
+        "howToRead": "How do I read my Zim files?",
+        "howToReadDesc": "You will need a Zim file reader. This usually means <a target='_blank' href='https://kiwix.org'>Kiwix</a>, which is available on <a target='_blank' href='https://www.kiwix.org/en/download/'>desktop computers, mobile devices, and more</a>. Currently only Kiwix-serve and Kiwix-Android can read all Zimit-generated files. If using Kiwix-Desktop for Microsoft Windows and GNU/Linux, then you will need to configure it as a Kiwix-serve instance in the settings. We expect most platforms to be upgraded by the end of 2021.",
+        "missingContent": "The Zim file is incomplete or smaller than the original website",
+        "missingContentDesc": "Because of the very nature of this tool, we can’t leave it open for unlimited requests towards any website. That could be harmful both for our infrastructure, but also for the target websites. We currently enforce two limits: {human_size_limit} file size and {human_time_limit}.",
+        "gotError": "I got an error message (no zim) or could not read a zim file",
+        "gotErrorDesc": "Triple-check the URL you entered, and if it is still not working then open a bug ticket on <a target='_blank' href='https://github.com/openzim/zimit/issues'>github</a>. Indicate the target website, the request number (it’s in the email you received), and the device you tried to open your zim file on."
+    },    
+    "errorMessages": {
+        "unableToRequestZIMCreation": "Unable to request ZIM creation:"
+    },
+    "units": {
+        "timeLimit":{
+          "singular": "hour",
+          "plural": "hours"
+        }
+    },
+    "footer": {
+        "str": "Powered by <a target='_blank' href='https://kiwix.org'>Kiwix</a> and <a target='_blank' href='https://webrecorder.net'>Webrecorder</a>, thanks to a <a target='_blank' href='https://www.mozilla.org/moss/'>Mozilla Open-Source Support</a> Award ❤️"
+    }, 
+    "loading": { 
+        "loading": "Loading…"
+    },
+    "navbar": {
+        "logoAlt": "Youzim.it logo"
+    },
+    "newRequest": {
+        "heading": "Want an offline version of a website? Just <strong>Zim it</strong>!",
+        "urlPlaceholder": "Full URL of the website to convert",
+        "emailPlaceholder": "Your e-mail to receive a download link. Address not kept",
+        "submit": "Let's Zim it!",
+        "advancedOptions": "advanced options",
+        "notSet": "Not set",
+        "fetchingDefinition": "fetching definition…",
+        "standardHTTPError": "Unable to request ZIM creation:<br />%{error}",
+        "creatingSchedule": "Creating schedule…",
+        "noTaskIdReceived": "Didn't receive task_id",
+        "unableToRequestZIM": "Unable to request ZIM creation:<br />%{error}"
+    },
+    "notFound": {
+        "heading": "Not Found",
+        "description": "Sorry, this content was not found. Maybe you'd like to go back."
+    },
+    "request": {
+        "zimingOf": "Ziming of ",
+        "requestingSlot": "Requesting slot",
+        "requestRecorded": "Your request has been recorded and is awaiting a slot on our infrastructure to run.",
+        "requestFailed": "Your request has failed! We are sorry about that.",
+        "failureReasons": "A number of reasons can lead to a ziming failure. Most of the time, it's an inadequate URL… Please triple check it and create a new request. If that doesn't work, open a ticket in github.",
+        "openTicket": "open a ticket in github",
+        "success": "Success!",
+        "linkExpires": "The link below will expire and the file will be deleted after a week.",
+        "download": "Download",
+        "limitHit": "You have reached the maximum file size or duration allowed for free crawling. Contact us to help us purchase additional server space for you.",
+        "beingProcessed": "Your request is being processed",
+        "serverConverting": "One of our servers is currently converting that URL into a nice ZIM file. Depending on the number of pages and resources available, it can be a matter of minutes, hours, or even days! Please be patient.",
+        "emailNotification": "You can close this window. You will get an email notification when the task is completed.",
+        "pending": "pending",
+        "inProgress": "in progress",
+        "humanSizeLimit": "You have reached the maximum file size of {size} GiB.",
+        "humanTimeLimit": "You have reached the maximum duration of {hours} {unit}.",
+        "loadingTask": "Retrieving task…",
+        "noDataReceived": "Didn't receive task data.",
+        "taskNotFound": "No task found with this ID. It probably has expired.",
+        "taskRetrieveError": "Unable to retrieve task: {error}",
+        "title": "Settings"
+    }
+}
+  
\ No newline at end of file
diff --git a/ui/src/locales/fa.json b/ui/src/locales/fa.json
new file mode 100644
index 0000000..2f83acd
--- /dev/null
+++ b/ui/src/locales/fa.json
@@ -0,0 +1,68 @@
+{
+    "faq":{
+        "whatIsZim": "فایل زیم چیست؟",
+        "whatIsZimDesc1": "فرمت فایل زیم محتوای وب‌سایت را برای ",
+        "whatIsZimDesc2": "استفاده ذخیره می‌کند. این فرمت اجزای اصلی یک وب‌سایت را در یک آرشیو واحد جمع‌آوری و فشرده‌سازی می‌کند تا ذخیره‌سازی، به اشتراک‌گذاری، و نگهداری آن آسان‌تر شود.",
+        "howToRead": "چگونه فایل‌های زیم خود را بخوانم؟",
+        "howToReadDesc1": "شما به یک خواننده فایل زیم نیاز دارید. این معمولاً به معنای ",
+        "howToReadDesc2": "است که بر روی ",
+        "howToReadDesc3": "در دسترس است. فعلاً تنها Kiwix-serve و Kiwix-Android قادر به خواندن تمام فایل‌های تولیدشده توسط Zimit هستند. اگر از Kiwix-Desktop برای ویندوز مایکروسافت و گنو/لینوکس استفاده می‌کنید، باید آن را به عنوان یک نمونه Kiwix-serve در تنظیمات پیکربندی کنید. انتظار می‌رود که اکثر پلتفرم‌ها تا پایان سال 2021 به‌روزرسانی شوند.",
+        "missingContent": "فایل زیم ناقص است یا کوچکتر از وب‌سایت اصلی",
+        "missingContentDesc": "به دلیل ماهیت این ابزار، نمی‌توانیم آن را برای درخواست‌های نامحدود به هر وب‌سایتی باز بگذاریم. این می‌تواند هم برای زیرساخت ما و هم برای وب‌سایت‌های هدف مضر باشد. ما در حال حاضر دو محدودیت را اعمال می‌کنیم: {human_size_limit} اندازه فایل و {human_time_limit}.",
+        "gotError": "پیام خطایی دریافت کردم (بدون زیم) یا نتوانستم فایل زیم را بخوانم",
+        "gotErrorDesc1": "URL وارد شده را سه بار بررسی کنید، و اگر همچنان کار نکرد سپس یک تیکت باگ در ",
+        "gotErrorDesc2": "باز کنید. وب‌سایت هدف، شماره درخواست (در ایمیلی که دریافت کرده‌اید است)، و دستگاهی که سعی کرده‌اید فایل زیم خود را روی آن باز کنید را ذکر کنید.",
+        "desktopMobileAndMore": "رایانه‌های دسکتاپ، دستگاه‌های موبایل و بیشتر",
+        "offline": "آفلاین"
+    },
+    "errorMessages":{
+        "unableToRequestZIMCreation": "درخواست ایجاد ZIM ممکن نیست:"
+    },
+    "units":{
+        "timeLimit":{
+          "singular": "ساعت",
+          "plural": "ساعت"
+        }
+    },
+    "app":{
+        "poweredBy": "به قدرت از",
+        "kiwix": "کیویکس",
+        "kiwixLink": "https://kiwix.org",
+        "and": "و",
+        "webrecorder": "وب‌رکوردر",
+        "webrecorderLink": "https://webrecorder.net",
+        "thanksToMozilla": "با تشکر از <a target='_blank' href='https://www.mozilla.org/moss/'>جایزه پشتیبانی منبع‌باز موزیلا</a> "
+    },
+    "loading":{
+        "loading": "در حال بارگذاری..."
+    },
+    "navbar":{
+        "logoAlt": "لوگوی Youzim.it"
+    },
+    "newRequest":{
+        "heading": "می‌خواهید یک نسخه آفلاین از یک وب‌سایت داشته باشید؟ فقط",
+        "boldZim": "زیم کنید",
+        "urlPlaceholder": "آدرس URL کامل وب‌سایت برای تبدیل",
+        "emailPlaceholder": "آدرس ایمیل خود را برای دریافت لینک دانلود وارد کنید. آدرس نگه دارده نمی‌شود",
+        "submit": "بیایید آن را زیم کنیم!",
+        "advancedOptions": "گزینه‌های پیشرفته"
+    },
+    "notFound":{
+        "heading": "یافت نشد",
+        "description": "متاسفیم، این محتوا پیدا نشد. شاید دوست داشته باشید به عقب بروید."
+    },
+    "request":{
+        "requestingSlot": "درخواست اسلات",
+        "zimingOf": "تبدیل شدن به فایل زیم از ",
+        "requestRecorded": "درخواست شما ثبت شده است و منتظر یک اسلات در زیرساخت ما برای اجرا می‌باشد.",
+        "requestFailed": "درخواست شما انجام نشد! متاسفیم در مورد این.",
+        "failureReasons": "به چندین دلیل می‌تواند منجر به شکست تبدیل شود. بیشتر زمان‌ها، این یک URL ناکافی است... لطفاً آن را سه بار بررسی کنید و یک درخواست جدید ایجاد کنید. اگر کار نمی‌کند، یک تیکت در گیت‌هاب باز کنید.",
+        "success": "موفقیت!",
+        "linkExpires": "لینک زیر پس از یک هفته منقضی می‌شود و فایل پس از آن حذف می‌شود.",
+        "download": "دانلود",
+        "limitHit": "شما به حداکثر اندازه فایل یا مدت زمان مجاز برای کرالینگ رایگان رسیده‌اید. با ما تماس بگیرید تا به شما در خرید فضای سرور اضافی کمک کنیم.",
+        "beingProcessed": "درخواست شما در حال پردازش است",
+        "serverConverting": "یکی از سرورهای ما در حال تبدیل این URL به یک فایل زیم زیبا است. بستگی به تعداد صفحات و منابع موجود، ممکن است چند دقیقه، ساعت یا حتی روزها طول بکشد! لطفاً صبور باشید.",
+        "emailNotification": "می‌توانید این پنجره را ببندید. شما یک اعلان ایمیل دریافت خواهید کرد هنگامی که وظیفه تکمیل شود."
+    }
+}
diff --git a/ui/src/locales/fr.json b/ui/src/locales/fr.json
new file mode 100644
index 0000000..cae03b5
--- /dev/null
+++ b/ui/src/locales/fr.json
@@ -0,0 +1,68 @@
+{
+    "faq":{
+        "whatIsZim": "Qu'est-ce qu'un fichier Zim ?",
+        "whatIsZimDesc1": "Le format de fichier Zim stocke le contenu d'un site Web pour ",
+        "whatIsZimDesc2": "l'utilisation. Il assemble les constituants normaux d'un site Web dans une seule archive et le compresse pour faciliter l'enregistrement, le partage et le stockage.",
+        "howToRead": "Comment puis-je lire mes fichiers Zim ?",
+        "howToReadDesc1": "Vous aurez besoin d'un lecteur de fichiers Zim. Cela signifie généralement ",
+        "howToReadDesc2": ", qui est disponible sur ",
+        "howToReadDesc3": "Actuellement, seuls Kiwix-serve et Kiwix-Android peuvent lire tous les fichiers générés par Zimit. Si vous utilisez Kiwix-Desktop pour Microsoft Windows et GNU/Linux, alors vous aurez besoin de le configurer comme une instance Kiwix-serve dans les paramètres. Nous nous attendons à ce que la plupart des plateformes soient mises à jour d'ici la fin de 2021.",
+        "missingContent": "Le fichier Zim est incomplet ou plus petit que le site Web original",
+        "missingContentDesc": "En raison de la nature même de cet outil, nous ne pouvons pas le laisser ouvert aux demandes illimitées vers n'importe quel site Web. Cela pourrait être nuisible à la fois pour notre infrastructure et pour les sites Web ciblés. Nous appliquons actuellement deux limites : {human_size_limit} pour la taille de fichier et {human_time_limit}.",
+        "gotError": "J'ai reçu un message d'erreur (pas de zim) ou je n'ai pas pu lire un fichier zim",
+        "gotErrorDesc1": "Vérifiez trois fois l'URL que vous avez saisie, et si cela ne fonctionne toujours pas, ouvrez un ticket de bug sur ",
+        "gotErrorDesc2": "Indiquez le site Web cible, le numéro de la demande (il est dans l'e-mail que vous avez reçu), et l'appareil sur lequel vous avez essayé d'ouvrir votre fichier zim.",
+        "desktopMobileAndMore": "ordinateurs de bureau, appareils mobiles et plus encore",
+        "offline": "hors ligne"
+    },
+    "errorMessages":{
+        "unableToRequestZIMCreation": "Impossible de demander la création de ZIM :"
+    },      
+    "units":{
+        "timeLimit":{
+          "singular": "heure",
+          "plural": "heures"
+        }
+    },
+    "loading":{
+        "loading": "Chargement en cours…"
+    },
+    "navbar":{
+        "logoAlt": "Logo de Youzim.it"
+    },
+    "app":{
+        "poweredBy": "Propulsé par",
+        "kiwix": "Kiwix",
+        "kiwixLink": "https://kiwix.org",
+        "and": "et",
+        "webrecorder": "Webrecorder",
+        "webrecorderLink": "https://webrecorder.net",
+        "thanksToMozilla": "grâce à un <a target='_blank' href='https://www.mozilla.org/moss/'>Prix du soutien à l'open-source de Mozilla </a>"
+    },    
+    "newRequest":{
+        "heading": "Vous voulez une version hors ligne d'un site web ? Juste",
+        "boldZim": "Zimmez-le",
+        "urlPlaceholder": "URL complète du site web à convertir",
+        "emailPlaceholder": "Votre e-mail pour recevoir un lien de téléchargement. Adresse non conservée",
+        "submit": "Zimmons-le !",
+        "advancedOptions": "options avancées"
+    },
+    "notFound":{
+        "heading": "Non trouvé",
+        "description": "Désolé, ce contenu n'a pas été trouvé. Peut-être souhaitez-vous revenir en arrière."
+    },
+    "request":{
+        "requestingSlot": "Demande d'emplacement",
+        "requestRecorded": "Votre demande a été enregistrée et est en attente d'un emplacement sur notre infrastructure pour être exécutée.",
+        "requestFailed": "Votre demande a échoué ! Nous en sommes désolés.",
+        "failureReasons": "Un certain nombre de raisons peuvent conduire à un échec de la zimification. La plupart du temps, c'est une URL inadéquate… Veuillez la vérifier trois fois et créer une nouvelle demande. Si cela ne fonctionne pas, ouvrez un ticket sur github.",
+        "success": "Succès !",
+        "linkExpires": "Le lien ci-dessous expirera et le fichier sera supprimé après une semaine.",
+        "download": "Télécharger",
+        "limitHit": "Vous avez atteint la taille maximale de fichier ({{ zimit_size_limit }}) ou la durée ({{ (zimit_time_limit) }}) autorisée pour le crawling gratuit. Contactez-nous pour nous aider à acheter un espace serveur supplémentaire pour vous.",
+        "beingProcessed": "Votre demande est en cours de traitement",
+        "serverConverting": "L'un de nos serveurs convertit actuellement cette URL en un joli fichier ZIM. Selon le nombre de pages et de ressources disponibles, cela peut prendre quelques minutes, heures ou même jours ! Veuillez être patient.",
+        "emailNotification": "Vous pouvez fermer cette fenêtre. Vous recevrez une notification par e-mail lorsque la tâche sera terminée."
+    }
+}
+  
\ No newline at end of file
diff --git a/ui/src/locales/qqq.json b/ui/src/locales/qqq.json
new file mode 100644
index 0000000..6d9f644
--- /dev/null
+++ b/ui/src/locales/qqq.json
@@ -0,0 +1,70 @@
+{
+    "faq": {
+        "whatIsZim": "This is the question asking about the Zim file format.",
+        "whatIsZimDesc": "This provides the description of what a Zim file is.",
+        "howToRead": "This is the question asking how to read Zim files.",
+        "howToReadDesc": "This provides the instructions on how to read Zim files.",
+        "missingContent": "This is the question about incomplete or missing content in Zim files.",
+        "missingContentDesc": "This provides an explanation for why some content may be missing or incomplete in Zim files.",
+        "gotError": "This is the question about encountering error messages when using Zim files.",
+        "gotErrorDesc": "This provides the instructions on what to do if errors are encountered when using Zim files."
+    },
+    "errorMessages": {
+        "unableToRequestZIMCreation": "This indicates an error message when unable to request ZIM creation."
+    },
+    "units": {
+        "timeLimit": {
+            "singular": "This indicates the singular form of the time unit.",
+            "plural": "This indicates the plural form of the time unit."
+        }
+    },
+    "footer": {
+        "str": "This indicates the footer message."
+    },
+    "loading": {
+        "loading": "This is the loading message displayed during data loading."
+    },
+    "navbar": {
+        "logoAlt": "This is the alternative text for the logo image."
+    },
+    "newRequest": {
+        "heading": "This is the heading.",
+        "urlPlaceholder": "This is the placeholder text for entering a website URL.",
+        "emailPlaceholder": "This is the placeholder text for entering an email address.",
+        "submit": "This is the label for the submit button.",
+        "advancedOptions": "This indicates a link to advanced options.",
+        "notSet": "This indicates that a value is not set.",
+        "fetchingDefinition": "This indicates the message while fetching the definition.",
+        "standardHTTPError": "This indicates an error message for standard HTTP errors.",
+        "creatingSchedule": "This indicates the message while creating a schedule.",
+        "noTaskIdReceived": "This indicates that the task ID was not received.",
+        "unableToRequestZIM": "This indicates an error message when unable to request ZIM creation."
+    },
+    "notFound": {
+        "heading": "This is the heading displayed when content is not found.",
+        "description": "This is the description explaining the 404 error."
+    },
+    "request": {
+        "zimingOf": "This indicates the process of converting a website into a ZIM file.",
+        "requestingSlot": "This indicates the process of requesting a slot on the server.",
+        "requestRecorded": "This confirms that a user's request has been recorded.",
+        "requestFailed": "This indicates that a request has failed.",
+        "failureReasons": "This provides reasons for why a request might fail.",
+        "openTicket": "This indicates to open a ticket in GitHub.",
+        "success": "This indicates a successful operation.",
+        "linkExpires": "This explains that the download link will expire after a week.",
+        "download": "This is the label for the download button.",
+        "limitHit": "This indicates that a user has reached a limit.",
+        "beingProcessed": "This indicates that a request is currently being processed.",
+        "serverConverting": "This indicates that a server is converting a URL into a ZIM file.",
+        "emailNotification": "This informs the user about receiving an email notification.",
+        "pending": "This indicates that a task is pending.",
+        "inProgress": "This indicates that a task is in progress.",
+        "humanSizeLimit": "This indicates the maximum file size limit in human-readable form.",
+        "humanTimeLimit": "This indicates the maximum time limit in human-readable form.",
+        "loadingTask": "This indicates the message while retrieving a task.",
+        "noDataReceived": "This indicates that no data was received for the task.",
+        "taskNotFound": "This indicates that the task was not found.",
+        "taskRetrieveError": "This indicates an error while retrieving the task."
+    }
+}
diff --git a/ui/src/main.js b/ui/src/main.js
index 015af51..7a2ef8f 100644
--- a/ui/src/main.js
+++ b/ui/src/main.js
@@ -19,6 +19,39 @@ import '../public/styles.css'
 import Sugar from 'sugar'
 Sugar.extend({namespaces: [Array, Object, Number]});
 
+// vue-i18n integration starts here
+import VueI18n from 'vue-i18n';
+Vue.use(VueI18n);
+
+// Assuming you have a locales directory with en.json and fr.json for example
+function loadLocaleMessages() {
+  const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
+  const messages = {}
+  locales.keys().forEach(key => {
+    const matched = key.match(/([A-Za-z0-9-_]+)\./i)
+    if (matched && matched.length > 1) {
+      const locale = matched[1]
+      messages[locale] = locales(key)
+    }
+  })
+  return messages
+}
+
+// Detect browser language
+const browserLanguage = navigator.language || navigator.userLanguage;
+
+const simplifiedBrowserLanguage = browserLanguage.split('-')[0];
+
+const supportedLanguages = ['en', 'fr']; // Add more supported languages here
+
+const defaultLanguage = supportedLanguages.includes(simplifiedBrowserLanguage) ? simplifiedBrowserLanguage : 'en';
+
+const i18n = new VueI18n({
+  locale: defaultLanguage, // set locale
+  fallbackLocale: 'en', // set fallback locale
+  messages: loadLocaleMessages(), // set locale messages
+});
+
 // Own modules
 import App from './App.vue'
 import Constants from './constants.js'
@@ -28,7 +61,6 @@ import store from './store'  // Vuex store
 // Own filters
 Vue.filter('yes_no', Constants.yes_no);
 
-
 // matomo (stats.kiwix.org)
 import VueMatomo from 'vue-matomo'
 Vue.use(VueMatomo, {
@@ -39,7 +71,22 @@ Vue.use(VueMatomo, {
 });
 
 new Vue({
-  store: store,
   router: router,
+  store: store,
+  i18n: i18n,
   render: h => h(App),
-}).$mount('#app')
+  created() {
+    this.setPageDirection(this.$i18n.locale);
+  },
+  methods: {
+    setPageDirection(locale) {
+      const dir = locale === 'fa' ? 'rtl' : 'ltr';
+      document.documentElement.setAttribute('dir', dir);
+    },
+  },
+  watch: {
+    '$i18n.locale'(newLocale) {
+      this.setPageDirection(newLocale);
+    },
+  },
+}).$mount('#app');