diff --git a/addon/components/file-record.hbs b/addon/components/file-record.hbs
index 1c8fd90..4252f27 100644
--- a/addon/components/file-record.hbs
+++ b/addon/components/file-record.hbs
@@ -1,6 +1,9 @@
 <div class="file-record relative" ...attributes>
     <div class="flex flex-col items-center justify-center">
-        <div class="file-record-icon {{@fileIconClass}} flex items-center justify-center mb-2 rounded-lg shadow-sm border-4 border-transparent dark:border-gray-900" style={{this.fileBackgroundStyle}}>
+        <div
+            class="file-record-icon {{@fileIconClass}} flex items-center justify-center mb-2 rounded-lg shadow-sm border-4 border-transparent dark:border-gray-900"
+            style={{this.fileBackgroundStyle}}
+        >
             {{#if this.isVideo}}
                 <FaIcon @icon="file-video" @size="3x" class="text-sky-400" />
             {{/if}}
@@ -15,7 +18,11 @@
         {{/if}}
     </div>
     <div class="absolute top-0 right-0">
-        <a href="javascript:;" {{on "click" (fn this.deleteFile @file)}} class="flex items-center justify-center text-center p-1 -mt-2 rounded-full w-6 h-6 hover:opacity-75 bg-red-400 shadow-md text-xs">
+        <a
+            href="javascript:;"
+            {{on "click" (fn this.deleteFile @file)}}
+            class="flex items-center justify-center text-center p-1 -mt-2 rounded-full w-6 h-6 hover:opacity-75 bg-red-400 shadow-md text-xs"
+        >
             <FaIcon @icon="trash" class="text-white" />
         </a>
     </div>
diff --git a/addon/components/file-record.js b/addon/components/file-record.js
index 31d733c..87c55cd 100644
--- a/addon/components/file-record.js
+++ b/addon/components/file-record.js
@@ -7,6 +7,7 @@ import isImage from '@fleetbase/ember-core/utils/is-image-file';
 
 export default class FileRecordComponent extends Component {
     @service modalsManager;
+    @service intl;
     @alias('args.file') file;
 
     get isVideo() {
@@ -27,8 +28,8 @@ export default class FileRecordComponent extends Component {
 
     @action deleteFile(file) {
         return this.modalsManager.confirm({
-            title: 'Are you sure you wish to delete this file?',
-            body: 'Once you delete this file you will be unable to recover it.',
+            title: this.intl.t('storefront.component.file-record.delete-this-file'),
+            body: this.intl.t('storefront.component.file-record.delete-this-file-you-will-unable-recover'),
             confirm: (modal) => {
                 file.destroyRecord();
 
diff --git a/addon/components/modals/add-store-hours.hbs b/addon/components/modals/add-store-hours.hbs
index e0035b3..77d16f0 100644
--- a/addon/components/modals/add-store-hours.hbs
+++ b/addon/components/modals/add-store-hours.hbs
@@ -1,8 +1,18 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div>
-            <InputGroup @type="time" @name="Start time" @value={{@options.hours.start}} @helpText="When availability/operation start" />
-            <InputGroup @type="time" @name="End time" @value={{@options.hours.end}} @helpText="When availability/operation hours end" />
+            <InputGroup
+                @type="time"
+                @name={{t "storefront.component.modals.add-store-hours.start-time"}}
+                @value={{@options.hours.start}}
+                @helpText={{t "storefront.component.modals.add-store-hours.operation.start"}}
+            />
+            <InputGroup
+                @type="time"
+                @name={{t "storefront.component.modals.add-store-hours.end-time"}}
+                @value={{@options.hours.end}}
+                @helpText={{t "storefront.component.modals.add-store-hours.operation-end"}}
+            />
         </div>
     </div>
 </Modal::Default>
\ No newline at end of file
diff --git a/addon/components/modals/assign-driver.hbs b/addon/components/modals/assign-driver.hbs
index caaf274..54b4857 100644
--- a/addon/components/modals/assign-driver.hbs
+++ b/addon/components/modals/assign-driver.hbs
@@ -3,19 +3,32 @@
         <div class="sm:flex sm:items-start">
             <div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto bg-red-100 rounded-full sm:mx-0 sm:h-10 sm:w-10">
                 <svg class="w-6 h-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z">
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                    >
                     </path>
                 </svg>
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <div class="mb-4">
                     <p class="text-sm leading-5 text-gray-500 dark:text-white">
-                        Select a driver to assign to this order.
+                        {{t "storefront.component.modals.assign-driver.message-driver"}}
                     </p>
                 </div>
-                <InputGroup class="mt-4" @name="Select Driver">
-                    <ModelSelect @modelName="driver" @selectedModel={{@options.order.driver_assigned}} @placeholder="Select Driver to Assign" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut
-                        @options.order.driver_assigned)}} as |model|>
+                <InputGroup class="mt-4" @name={{t "storefront.component.modals.assign-driver.name-driver"}}>
+                    <ModelSelect
+                        @modelName="driver"
+                        @selectedModel={{@options.order.driver_assigned}}
+                        @placeholder={{t "storefront.component.modals.assign-driver.placeholder-driver"}}
+                        @triggerClass="form-select form-input"
+                        @infiniteScroll={{false}}
+                        @renderInPlace={{true}}
+                        @onChange={{fn (mut @options.order.driver_assigned)}}
+                        as |model|
+                    >
                         {{model.name}}
                     </ModelSelect>
                 </InputGroup>
diff --git a/addon/components/modals/create-first-store.hbs b/addon/components/modals/create-first-store.hbs
index 03f4da5..35cfbd8 100644
--- a/addon/components/modals/create-first-store.hbs
+++ b/addon/components/modals/create-first-store.hbs
@@ -3,17 +3,29 @@
         <div class="flex flex-col items-center justify-center mb-2">
             <FaIcon @icon="stars" @size="4x" class="text-sky-400" />
             <div class="my-2 text-center">
-                <h2 class="dark:text-gray-100 font-semibold">Welcome to Storefront!</h2>
+                <h2 class="dark:text-gray-100 font-semibold">{{t "storefront.component.modals.create-first-store.title"}}</h2>
                 <p class="my-2 px-6 dark:text-gray-100">
-                    Storefront allows you to quickly setup a headless and dynamic on-demand shop powered by Fleetbase.
-                    Submit the form below to create your first store.
+                    {{t "storefront.component.modals.create-first-store.message"}}
+                    {{t "storefront.component.modals.create-first-store.submit-message"}}
                 </p>
             </div>
         </div>
         <div>
-            <InputGroup @name="Storefront name" @value={{@options.store.name}} @helpText="Enter the name of your store" />
-            <InputGroup @name="Storefront description" @value={{@options.store.description}} @helpText="Give your store a simple brief description on the types of things sold" />
-            <InputGroup @name="Storefront currency" @value={{@options.store.currency}} @helpText="Select the default currency for your storefront">
+            <InputGroup
+                @name={{t "storefront.component.modals.create-first-store.storefront-name"}}
+                @value={{@options.store.name}}
+                @helpText={{t "storefront.component.modals.create-first-store.enter-name"}}
+            />
+            <InputGroup
+                @name={{t "storefront.component.modals.create-first-store.description"}}
+                @value={{@options.store.description}}
+                @helpText={{t "storefront.component.modals.create-first-store.brief-description"}}
+            />
+            <InputGroup
+                @name={{t "storefront.component.modals.create-first-store.currency"}}
+                @value={{@options.store.currency}}
+                @helpText={{t "storefront.component.modals.create-first-store.select-currency"}}
+            >
                 <CurrencySelect @value={{@options.store.currency}} @onSelect={{fn (mut @options.store.currency)}} @triggerClass="w-full form-select" />
             </InputGroup>
         </div>
diff --git a/addon/components/modals/create-gateway.hbs b/addon/components/modals/create-gateway.hbs
index 845f7ad..a5a3350 100644
--- a/addon/components/modals/create-gateway.hbs
+++ b/addon/components/modals/create-gateway.hbs
@@ -1,20 +1,32 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="mb-4 w-full">
-            <InputGroup @name="Gateway type" @helpText="Select gateway type">
+            <InputGroup @name={{t "storefront.component.modals.create-getaway.getaway"}} @helpText={{t "storefront.component.modals.create-getaway.getaway-text"}}>
                 <Select class="w-full" @placeholder="Select gateway type" @options={{@options.schemaOptions}} @onSelect={{@options.selectSchema}} @humanize={{true}} />
             </InputGroup>
         </div>
 
         {{#if @options.schema}}
-            <InputGroup @name="Gateway name" @value={{@options.gateway.name}} @helpText="Give your payment gateway a name, this will only be relevent internally" />
-            <InputGroup @name="Gateway code" @helpText="Identifier code used to identify gateway to the SDK">
-                <KeyInput @name="Gateway code" @value={{@options.gateway.code}} @onChange={{fn (mut @options.gateway.code)}} />
+            <InputGroup
+                @name={{t "storefront.component.modals.create-getaway.getaway-name"}}
+                @value={{@options.gateway.name}}
+                @helpText={{t "storefront.component.modals.create-getaway.name-text"}}
+            />
+            <InputGroup @name={{t "storefront.component.modals.create-getaway.getaway-code"}} @helpText={{t "storefront.component.modals.create-getaway.code-text"}}>
+                <KeyInput @name={{t "storefront.component.modals.create-getaway.getaway-code"}} @value={{@options.gateway.code}} @onChange={{fn (mut @options.gateway.code)}} />
             </InputGroup>
-            <InputGroup @name="Callback URL" @value={{@options.gateway.callback_url}} @helpText="Callback URL if applicable" />
-            <InputGroup @name="Return URL" @value={{@options.gateway.return_url}} @helpText="Return URL if applicable" />
+            <InputGroup
+                @name={{t "storefront.component.modals.create-getaway.callback-url"}}
+                @value={{@options.gateway.callback_url}}
+                @helpText={{t "storefront.component.modals.create-getaway.callback-text"}}
+            />
+            <InputGroup
+                @name={{t "storefront.component.modals.create-getaway.return-url"}}
+                @value={{@options.gateway.return_url}}
+                @helpText={{t "storefront.component.modals.create-getaway.return-text"}}
+            />
             <div class="input-group">
-                <Checkbox @value={{@options.gateway.sandbox}} @label="This is a sandbox gateway" @onToggle={{fn (mut @options.gateway.sandbox)}} />
+                <Checkbox @value={{@options.gateway.sandbox}} @label={{t "storefront.component.modals.create-getaway.sandbox-getaway"}} @onToggle={{fn (mut @options.gateway.sandbox)}} />
             </div>
             <div class="p-2 rounded-md my-2 border border-gray-200 dark:border-gray-800">
                 <h4 class="mb-2 font-semibold text-sm dark:text-white">Config</h4>
diff --git a/addon/components/modals/create-network-category.hbs b/addon/components/modals/create-network-category.hbs
index 7de3195..0a48999 100644
--- a/addon/components/modals/create-network-category.hbs
+++ b/addon/components/modals/create-network-category.hbs
@@ -1,13 +1,31 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Parent category" @wrapperClass="border-b border-gray-200 dark:border-gray-700 pb-4 mb-3i">
-            <ModelSelect @modelName="category" @query={{hash for="storefront_network" owner_uuid=@options.network.id}} @selectedModel={{@options.parentCategory}} @placeholder="Select a parent category if any" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{@options.setParentCategory}} as |model|>
+        <InputGroup @name={{t "storefront.component.modals.create-network-category.parent-category"}} @wrapperClass="border-b border-gray-200 dark:border-gray-700 pb-4 mb-3i">
+            <ModelSelect
+                @modelName="category"
+                @query={{hash for="storefront_network" owner_uuid=@options.network.id}}
+                @selectedModel={{@options.parentCategory}}
+                @placeholder={{t "storefront.component.modals.create-network-category.select-parent"}}
+                @triggerClass="form-select form-input"
+                @infiniteScroll={{false}}
+                @renderInPlace={{true}}
+                @onChange={{@options.setParentCategory}}
+                as |model|
+            >
                 {{model.name}}
             </ModelSelect>
         </InputGroup>
-        <InputGroup @name="Category name" @value={{@options.category.name}} @helpText="Enter a name for category" />
-        <InputGroup @name="Category description" @value={{@options.category.description}} @helpText="Give your network category a brief description" />
-        {{!-- <InputGroup @name="Category icon type" @wrapperClass="mb-0">
+        <InputGroup
+            @name={{t "storefront.component.modals.create-network-category.category-name"}}
+            @value={{@options.category.name}}
+            @helpText={{t "storefront.component.modals.create-network-category.name-text"}}
+        />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-network-category.description"}}
+            @value={{@options.category.description}}
+            @helpText={{t "storefront.component.modals.create-network-category.description-text"}}
+        />
+        {{!-- <InputGroup @name={{t "storefront.component.modals.create-network-category.category-icon"}} @wrapperClass="mb-0">
             <div class="flex flex-row dark:text-gray-100 mt-4">
                 <div class="flex flex-row items-center mr-4">
                     <RadioButton @radioClass="focus:ring-blue-500 mr-2" @radioId="image_icon_type" @value="image" @groupValue={{@options.iconType}} @name="icon_type" @changed={{fn (mut @options.iconType)}} />
diff --git a/addon/components/modals/create-network.hbs b/addon/components/modals/create-network.hbs
index f665668..e4efe5b 100644
--- a/addon/components/modals/create-network.hbs
+++ b/addon/components/modals/create-network.hbs
@@ -3,17 +3,25 @@
         <div class="flex flex-col items-center justify-center mb-2">
             <FaIcon @icon="network-wired" @size="4x" class="text-sky-400" />
             <div class="my-2 text-center">
-                <h2 class="dark:text-gray-50 font-semibold">Start a Network</h2>
+                <h2 class="dark:text-gray-50 font-semibold">{{t "storefront.component.modals.create-network.title"}}</h2>
                 <p class="my-2 px-6 dark:text-gray-100">
-                    Storefront allows you to quickly create marketplaces, enabling multiple storefronts to sell under an umbrella.
-                    When you create the network you defined your rules and you're able to expand your network through invitiations.
-                    Get started by creating a network below.
+                    {{t "storefront.component.modals.create-network.message-line1"}}
+                    {{t "storefront.component.modals.create-network.message-line2"}}
+                    {{t "storefront.component.modals.create-network.message-line3"}}
                 </p>
             </div>
         </div>
-        <InputGroup @name="Network name" @value={{@options.network.name}} @helpText="Enter the name of your store" />
-        <InputGroup @name="Network description" @value={{@options.network.description}} @helpText="Give your store a simple brief description on the types of things sold" />
-        <InputGroup @name="Network currency" @value={{@options.network.currency}} @helpText="Select the default currency for your storefront">
+        <InputGroup @name={{t "storefront.component.modals.create-network.name"}} @value={{@options.network.name}} @helpText={{t "storefront.component.modals.create-network.name-text"}} />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-network.description"}}
+            @value={{@options.network.description}}
+            @helpText={{t "storefront.component.modals.create-network.description-text"}}
+        />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-network.currency"}}
+            @value={{@options.network.currency}}
+            @helpText={{t "storefront.component.modals.create-network.currency-text"}}
+        >
             <CurrencySelect @value={{@options.network.currency}} @onSelect={{fn (mut @options.network.currency)}} @triggerClass="w-full form-select" />
         </InputGroup>
     </div>
diff --git a/addon/components/modals/create-new-variant.hbs b/addon/components/modals/create-new-variant.hbs
index c6854d3..75d4c64 100644
--- a/addon/components/modals/create-new-variant.hbs
+++ b/addon/components/modals/create-new-variant.hbs
@@ -1,12 +1,28 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Variant name" @value={{@options.productVariant.name}} @helpText="Give your product variant a name" />
-        <InputGroup @name="Variant description" @value={{@options.productVariant.description}} @helpText="Short description of the variant" />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-new-variant.name"}}
+            @value={{@options.productVariant.name}}
+            @helpText={{t "storefront.component.modals.create-new-variant.name-text"}}
+        />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-new-variant.description"}}
+            @value={{@options.productVariant.description}}
+            @helpText={{t "storefront.component.modals.create-new-variant.description-text"}}
+        />
         <div class="input-group mb-2">
-            <Checkbox @value={{@options.productVariant.is_multiselect}} @label="Allow user to select multiple variant options at once" @onToggle={{fn (mut @options.productVariant.is_multiselect)}} />
+            <Checkbox
+                @value={{@options.productVariant.is_multiselect}}
+                @label={{t "storefront.component.modals.create-new-variant.checkbox-1"}}
+                @onToggle={{fn (mut @options.productVariant.is_multiselect)}}
+            />
         </div>
         <div class="input-group">
-            <Checkbox @value={{@options.productVariant.is_required}} @label="This product variant selection is required" @onToggle={{fn (mut @options.productVariant.is_required)}} />
+            <Checkbox
+                @value={{@options.productVariant.is_required}}
+                @label={{t "storefront.component.modals.create-new-variant.checkbox-2"}}
+                @onToggle={{fn (mut @options.productVariant.is_required)}}
+            />
         </div>
         <InputGroup>
             <TranslationsEditor @value={{@options.productVariant.translations}} @defaultKeys={{array "name" "description"}} @onChange={{fn (mut @options.productVariant.translations)}} />
diff --git a/addon/components/modals/create-notification-channel.hbs b/addon/components/modals/create-notification-channel.hbs
index 05741f7..be48cf7 100644
--- a/addon/components/modals/create-notification-channel.hbs
+++ b/addon/components/modals/create-notification-channel.hbs
@@ -2,40 +2,45 @@
     <div class="modal-body-container">
         {{#unless @options.channel.id}}
             <div class="mb-4 w-full">
-                <InputGroup @name="Channel" @helpText="Select notification channel">
-                    <Select class="w-full" @placeholder="Select notification channel"
-                        @options={{@options.schemaOptions}} @optionLabel="name" @optionValue="value" @onSelect={{@options.selectSchema}} @humanize={{true}} />
+                <InputGroup @name={{t "storefront.component.modals.create-notification-channel.title"}} @helpText={{t "storefront.component.modals.create-notification-channel.title-text"}}>
+                    <Select
+                        class="w-full"
+                        @placeholder={{t "storefront.component.modals.create-notification-channel.title-text"}}
+                        @options={{@options.schemaOptions}}
+                        @optionLabel="name"
+                        @optionValue="value"
+                        @onSelect={{@options.selectSchema}}
+                        @humanize={{true}}
+                    />
                 </InputGroup>
             </div>
         {{/unless}}
 
         {{#if @options.schema}}
-            <InputGroup @name="Channel name" @value={{@options.channel.name}}
-                @helpText="Give your notification channel a name, this will only be relevent internally" />
+            <InputGroup
+                @name={{t "storefront.component.modals.create-notification-channel.name"}}
+                @value={{@options.channel.name}}
+                @helpText={{t "storefront.component.modals.create-notification-channel.name-text"}}
+            />
             {{#if @options.channel.id}}
-                <InputGroup @name="Channel Key"
-                    @helpText="This is your notification channel key, use this to specify which apps should utilize this notification channel via sdk configs.">
-                    <ClickToReveal @value={{@options.channel.app_key}} @clickToCopy={{true}}
-                        class="form-input disabled" />
+                <InputGroup @name={{t "storefront.component.modals.create-notification-channel.key"}} @helpText={{t "storefront.component.modals.create-notification-channel.key-text"}}>
+                    <ClickToReveal @value={{@options.channel.app_key}} @clickToCopy={{true}} class="form-input disabled" />
                 </InputGroup>
             {{/if}}
             <div class="p-2 rounded-md my-2 border border-gray-800">
-                <h4 class="mb-2 font-semibold text-sm dark:text-white">Config</h4>
+                <h4 class="mb-2 font-semibold text-sm dark:text-white">{{t "storefront.common.config"}}</h4>
                 {{#each-in @options.schema as |key value|}}
                     {{#if (is-bool-value value)}}
                         <div class="input-group">
-                            <Checkbox @value={{value}} @label={{humanize key}} @onToggle={{fn @options.setConfigKey
-                                key}} />
+                            <Checkbox @value={{value}} @label={{humanize key}} @onToggle={{fn @options.setConfigKey key}} />
                         </div>
-                    {{else if (or (eq key 'private_key_content') (eq key 'firebase_credentials_json'))}}
+                    {{else if (or (eq key "private_key_content") (eq key "firebase_credentials_json"))}}
                         <InputGroup @name={{humanize key}}>
-                            <Textarea class="form-input w-full" rows="6" placeholder={{humanize key}} @value={{value}} {{on "blur"
-                                (fn @options.setConfigKey key)}} />
+                            <Textarea class="form-input w-full" rows="6" placeholder={{humanize key}} @value={{value}} {{on "blur" (fn @options.setConfigKey key)}} />
                         </InputGroup>
                     {{else}}
                         <InputGroup @name={{humanize key}}>
-                            <Input class="form-input w-full" placeholder={{humanize key}} @value={{value}} {{on "blur"
-                                (fn @options.setConfigKey key)}} />
+                            <Input class="form-input w-full" placeholder={{humanize key}} @value={{value}} {{on "blur" (fn @options.setConfigKey key)}} />
                         </InputGroup>
                     {{/if}}
                 {{/each-in}}
diff --git a/addon/components/modals/create-product-category.hbs b/addon/components/modals/create-product-category.hbs
index 5e554ab..0ccc456 100644
--- a/addon/components/modals/create-product-category.hbs
+++ b/addon/components/modals/create-product-category.hbs
@@ -1,24 +1,39 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Category name" @value={{@options.category.name}} @helpText="Enter a name for category" />
-        <InputGroup @name="Category description" @value={{@options.category.description}} @helpText="Give your product category a brief description" />
-        <InputGroup @name="Category icon">
+        <InputGroup
+            @name={{t "storefront.component.modals.create-product-category.name"}}
+            @value={{@options.category.name}}
+            @helpText={{t "storefront.component.modals.create-product-category.name-text"}}
+        />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-product-category.description"}}
+            @value={{@options.category.description}}
+            @helpText={{t "storefront.component.modals.create-product-category.description-text"}}
+        />
+        <InputGroup @name={{t "storefront.component.modals.create-product-category.icon"}}>
             <div class="flex flex-row">
                 <div class="mr-4">
-                    <Image src={{@options.category.icon_url}} @fallbackSrc={{config "defaultValues.categoryImage"}} alt={{@options.category.name}} height="80" width="80" class="h-20 w-20 rounded-md" />
+                    <Image
+                        src={{@options.category.icon_url}}
+                        @fallbackSrc={{config "defaultValues.categoryImage"}}
+                        alt={{@options.category.name}}
+                        height="80"
+                        width="80"
+                        class="h-20 w-20 rounded-md"
+                    />
                 </div>
                 <div class="flex-1">
-                    <FileUpload @name="photos" @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} as |queue|>
+                    <FileUpload @name={{t "storefront.common.photos"}} @accept="image/*" @onFileAdded={{@options.uploadNewPhoto}} as |queue|>
                         <a tabindex={{0}} class="flex items-center px-0 mt-2 text-xs no-underline truncate btn btn-sm btn-default">
                             {{#if queue.files.length}}
                                 <Spinner class="mr-1" />
                                 <span>
-                                    Uploading...
+                                    {{t "storefront.common.uploading"}}
                                 </span>
                             {{else}}
                                 <FaIcon @icon="image" class="mr-1" />
                                 <span>
-                                    Upload new category icon
+                                    {{t "storefront.component.modals.create-product-category.uploading-new"}}
                                 </span>
                             {{/if}}
                         </a>
diff --git a/addon/components/modals/create-store.hbs b/addon/components/modals/create-store.hbs
index 65c3508..1e67414 100644
--- a/addon/components/modals/create-store.hbs
+++ b/addon/components/modals/create-store.hbs
@@ -1,8 +1,16 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @name="Storefront name" @value={{@options.store.name}} @helpText="Enter the name of your store" />
-        <InputGroup @name="Storefront description" @value={{@options.store.description}} @helpText="Give your store a simple brief description on the types of things sold" />
-        <InputGroup @name="Storefront currency" @value={{@options.store.currency}} @helpText="Select the default currency for your storefront">
+        <InputGroup @name={{t "storefront.component.modals.create-store.name"}} @value={{@options.store.name}} @helpText={{t "storefront.component.modals.create-store.name-text"}} />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-store.description"}}
+            @value={{@options.store.description}}
+            @helpText={{t "storefront.component.modals.create-store.description-text"}}
+        />
+        <InputGroup
+            @name={{t "storefront.component.modals.create-store.currency"}}
+            @value={{@options.store.currency}}
+            @helpText={{t "storefront.component.modals.create-store.currency-text"}}
+        >
             <CurrencySelect @value={{@options.store.currency}} @onSelect={{fn (mut @options.store.currency)}} @triggerClass="w-full form-select" />
         </InputGroup>
     </div>
diff --git a/addon/components/modals/import-products.hbs b/addon/components/modals/import-products.hbs
index e5cac32..c03add1 100644
--- a/addon/components/modals/import-products.hbs
+++ b/addon/components/modals/import-products.hbs
@@ -1,38 +1,47 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container my-5">
         {{#if @options.isProcessing}}
-            <div class="min-h-56 dropzone w-full rounded px-4 py-8 min-h text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500">
+            <div
+                class="min-h-56 dropzone w-full rounded px-4 py-8 min-h text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500"
+            >
                 <div class="flex items-center justify-center py-5">
-                    <Spinner class="text-sm dark:text-gray-100" @loadingMessage="Processing import..." />
+                    <Spinner class="text-sm dark:text-gray-100" @loadingMessage={{t "storefront.component.modals.import-products.uploading-message"}} />
                 </div>
             </div>
         {{else}}
-            <FileDropzone @name="spreadsheets" @multiple={{true}} @onFileAdded={{@options.queueFile}} @accept={{join ","
-                @options.acceptedFileTypes}} class="min-h-56 dropzone w-full rounded px-4 py-8 min-h text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500" as |dropzone queue|>
+            <FileDropzone
+                @name="spreadsheets"
+                @multiple={{true}}
+                @onFileAdded={{@options.queueFile}}
+                @accept={{join "," @options.acceptedFileTypes}}
+                class="min-h-56 dropzone w-full rounded px-4 py-8 min-h text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500"
+                as |dropzone queue|
+            >
                 {{#if dropzone.active}}
                     {{#if dropzone.valid}}
-                        Drop to upload
+                        {{t "storefront.component.modals.import-products.drop-upload"}}
                     {{else}}
-                        Invalid
+                        {{t "storefront.common.invalid"}}
                     {{/if}}
                 {{else if queue.files.length}}
                     <div class="my-2">
                         <FaIcon @icon="file-spreadsheet" class="text-indigo-500 mr-2" />
-                        {{pluralize queue.files.length "spreadsheet"}} ready for upload.
+                        {{pluralize queue.files.length "spreadsheet"}}
+                        {{t "storefront.component.modals.import-products.ready-upload"}}
                     </div>
                     <div class="my-2">({{queue.progress}}%)</div>
                 {{else}}
                     <h4 class="font-semibold mb-8">
-                        <FaIcon @icon="file-spreadsheet" class="text-indigo-500 mr-2" /> Upload Spreadsheets
+                        <FaIcon @icon="file-spreadsheet" class="text-indigo-500 mr-2" />
+                        {{t "storefront.component.modals.import-products.upload-spreadsheets"}}
                     </h4>
                     <div>
                         {{#if dropzone.supported}}
-                            <p class="text-base font-semibold my-5">Drag and drop spreadsheet files onto this dropzone</p>
+                            <p class="text-base font-semibold my-5">{{t "storefront.component.modals.import-products.drag-drop"}}</p>
                         {{/if}}
 
                         <FileUpload @name="spreadsheets" @for="spreadsheets" @accept={{join "," @options.acceptedFileTypes}} @multiple={{true}} @onFileAdded={{@options.queueFile}}>
-                            <a tabindex="0" class="btn btn-magic cursor-pointer ml-1 hover:text-white">or select spreadsheets to
-                                upload.</a>
+                            <a tabindex="0" class="btn btn-magic cursor-pointer ml-1 hover:text-white">{{t "storefront.component.modals.import-products.select-spreadsheets"}}</a>
                         </FileUpload>
                     </div>
                 {{/if}}
@@ -41,7 +50,7 @@
             {{#if @options.uploadQueue}}
                 <div class="my-6">
                     <div class="mb-2">
-                        <span class="text-sm leading-5 text-gray-500 dark:text-white">Upload Queue</span>
+                        <span class="text-sm leading-5 text-gray-500 dark:text-white">{{t "storefront.component.modals.import-products.upload-queue"}}</span>
                     </div>
 
                     <div class="table-wrapper">
@@ -82,11 +91,21 @@
                 <div class="mt-6">
                     <div class="mb-2">
                         <p class="text-sm leading-5 text-gray-500 dark:text-white">
-                            Optionally select a category to import products into
+                            {{t "storefront.component.modals.import-products.optionally-select-category"}}
                         </p>
                     </div>
-                    <InputGroup @wrapperClass="mb-0" @name="Select Category">
-                        <ModelSelect @modelName="category" @query={{hash for="storefront_product" owner_uuid=@options.store.id}} @selectedModel={{@options.selectedCategory}} @placeholder="Select Category" @triggerClass="form-select form-input" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @options.selectedCategory)}} as |model|>
+                    <InputGroup @wrapperClass="mb-0" @name={{t "storefront.component.modals.import-products.select-category"}}>
+                        <ModelSelect
+                            @modelName="category"
+                            @query={{hash for="storefront_product" owner_uuid=@options.store.id}}
+                            @selectedModel={{@options.selectedCategory}}
+                            @placeholder={{t "storefront.component.modals.import-products.select-category"}}
+                            @triggerClass="form-select form-input"
+                            @infiniteScroll={{false}}
+                            @renderInPlace={{true}}
+                            @onChange={{fn (mut @options.selectedCategory)}}
+                            as |model|
+                        >
                             {{model.name}}
                         </ModelSelect>
                     </InputGroup>
diff --git a/addon/components/modals/incoming-order.hbs b/addon/components/modals/incoming-order.hbs
index 5432896..f1ddaae 100644
--- a/addon/components/modals/incoming-order.hbs
+++ b/addon/components/modals/incoming-order.hbs
@@ -12,7 +12,7 @@
         </div>
         <div class="w-full my-2">
             <div class="flex px-6 py-4 border-t border-b border-gray-100 dark:border-gray-800">
-                <h5 class="dark:text-gray-100 font-semibold">Store</h5>
+                <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.common.store"}}</h5>
             </div>
             <div class="flex items-start px-6 py-2">
                 <img src={{@options.store.logo_url}} class="w-12 h-12 rounded-md shadow-sm mr-4" alt={{@options.store.name}} />
@@ -24,7 +24,7 @@
         </div>
         <div class="w-full my-2">
             <div class="flex px-6 py-4 border-t border-b border-gray-100 dark:border-gray-800">
-                <h5 class="dark:text-gray-100 font-semibold">Driver Assigned</h5>
+                <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.component.modals.incoming-order.assigned"}}</h5>
             </div>
             <div class="flex flex-col px-6 py-2">
                 {{#if @options.order.driver_assigned.id}}
@@ -32,15 +32,25 @@
                         <img src={{@options.order.driver_assigned.photoUrl}} class="w-12 h-12 rounded-md shadow-sm mr-4" alt={{@options.order.driver_assigned.name}} />
                         <div>
                             <h5 class="font-semibold dark:text-white text-base">{{n-a @options.order.driver_assigned.displayName}}</h5>
-                            <div class="font-semibold dark:text-gray-100 text-sm">{{n-a @options.order.driver_assigned.phone "No phone"}}</div>
+                            <div class="font-semibold dark:text-gray-100 text-sm">{{n-a @options.order.driver_assigned.phone (t "storefront.component.modals.incoming-order.no-phone")}}</div>
                         </div>
                     </div>
                 {{else}}
-                    <h5 class="text-red-500 text-sm">No driver assigned</h5>
+                    <h5 class="text-red-500 text-sm">{{t "storefront.component.modals.incoming-order.not-assigned"}}</h5>
                 {{/if}}
                 {{#if @options.assignDriver}}
                     <div class="mt-2.5">
-                        <Button @size="xs" @type="default" @icon="steering-wheel" @text={{if @options.order.has_driver_assigned "Change Driver" "Assign Driver"}} @onClick={{@options.assignDriver}} />
+                        <Button
+                            @size="xs"
+                            @type="default"
+                            @icon="steering-wheel"
+                            @text={{if
+                                @options.order.has_driver_assigned
+                                (t "storefront.component.modals.incoming-order.change-driver")
+                                (t "storefront.component.modals.incoming-order.assign-driver")
+                            }}
+                            @onClick={{@options.assignDriver}}
+                        />
                     </div>
                 {{/if}}
             </div>
@@ -49,9 +59,9 @@
             <div class="flex px-6 py-4 border-t border-b border-gray-100 dark:border-gray-800">
                 <div class="flex-1">
                     {{#if @options.order.meta.is_pickup}}
-                        <h5 class="dark:text-gray-100 font-semibold">Pickup</h5>
+                        <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.common.pickup"}}</h5>
                     {{else}}
-                        <h5 class="dark:text-gray-100 font-semibold">Delivery</h5>
+                        <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.common.delivery"}}</h5>
                     {{/if}}
                 </div>
             </div>
@@ -61,7 +71,7 @@
                         <div class="flex-1">
                             <div class="rounded-md bg-blue-50 mr-4">
                                 <div class="rounded-t-md bg-blue-100 px-3 py-2 mb-3">
-                                    <span class="text-blue-500 font-semibold text-sm truncate">Customer must pickup order from</span>
+                                    <span class="text-blue-500 font-semibold text-sm truncate">{{t "storefront.component.modals.incoming-order.pickup-order"}}</span>
                                 </div>
                                 <div class="flex flex-row items-center mb-4 pb-4 px-3">
                                     <div class="flex items-center justify-center rounded-full bg-blue-500 w-8 h-8 mr-3">
@@ -104,8 +114,8 @@
         </div>
         <div class="w-full my-2 flex flex-col">
             <div class="flex px-6 py-4 border-t border-b border-gray-100 dark:border-gray-800">
-                <div class="flex-1 ">
-                    <h5 class="dark:text-gray-100 font-semibold">Customer</h5>
+                <div class="flex-1">
+                    <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.common.customer"}}</h5>
                 </div>
             </div>
             <div class="py-2 px-6">
@@ -124,7 +134,7 @@
                 {{#unless @options.order.meta.is_pickup}}
                     <div class="rounded-md bg-blue-50">
                         <div class="rounded-t-md bg-blue-100 px-3 py-2 mb-3">
-                            <span class="text-blue-500 font-semibold text-sm truncate">Customer address</span>
+                            <span class="text-blue-500 font-semibold text-sm truncate">{{t "storefront.component.modals.incoming-order.address"}}</span>
                         </div>
                         <div class="flex flex-row items-center mb-4 pb-4 px-3">
                             <div class="flex items-center justify-center rounded-full bg-blue-500 w-8 h-8 mr-3">
@@ -141,7 +151,7 @@
         <div class="w-full my-2 flex flex-col">
             <div class="flex px-6 py-4 border-t border-b border-gray-100 dark:border-gray-800">
                 <div class="flex-1 flex-row justify-between items-center">
-                    <h5 class="dark:text-gray-100 font-semibold">Tracking</h5>
+                    <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.component.modals.incoming-order.tracking"}}</h5>
                     <h5 class="dark:text-gray-100 font-semibold">({{@options.order.tracking}})</h5>
                 </div>
             </div>
@@ -159,12 +169,12 @@
         <div class="w-full my-2">
             <div class="flex items-center justify-between px-6 py-4 border-t border-b border-gray-100 dark:border-gray-800">
                 <div>
-                    <h5 class="dark:text-gray-100 font-semibold">Order Summary</h5>
+                    <h5 class="dark:text-gray-100 font-semibold">{{t "storefront.component.modals.incoming-order.summary"}}</h5>
                 </div>
                 {{#if @options.order.payload.cod_amount}}
                     <div>
                         <FaIcon @icon="money-bill-wave" @size="sm" class="text-green-400 mr-1" />
-                        <span class="font-semibold text-green-400 text-sm">Cash</span>
+                        <span class="font-semibold text-green-400 text-sm">{{t "storefront.common.cash"}}</span>
                     </div>
                 {{/if}}
             </div>
@@ -209,31 +219,31 @@
             </div>
             <div class="px-6 py-2.5 space-y-2 border-t border-b border-gray-100 dark:border-gray-800">
                 <div class="flex items-center justify-between">
-                    <span class="dark:text-gray-50 text-sm">Subtotal</span>
+                    <span class="dark:text-gray-50 text-sm">{{t "storefront.component.modals.incoming-order.subtotal"}}</span>
                     <span class="dark:text-gray-50 text-sm">{{format-currency @options.order.meta.subtotal @options.order.meta.currency}}</span>
                 </div>
                 {{#unless @options.order.meta.is_pickup}}
                     <div class="flex items-center justify-between">
-                        <span class="dark:text-gray-50 text-sm">Delivery fee</span>
+                        <span class="dark:text-gray-50 text-sm">{{t "storefront.component.modals.incoming-order.fee"}}</span>
                         <span class="dark:text-gray-50 text-sm">{{format-currency @options.order.meta.delivery_fee @options.order.meta.currency}}</span>
                     </div>
                 {{/unless}}
                 {{#if @options.order.meta.tip}}
                     <div class="flex items-center justify-between">
-                        <span class="dark:text-gray-50 text-sm">Tip</span>
+                        <span class="dark:text-gray-50 text-sm">{{t "storefront.component.modals.incoming-order.tip"}}</span>
                         <span class="dark:text-gray-50 text-sm">{{get-tip-amount @options.order.meta.tip @options.order.meta.subtotal @options.order.meta.currency}}</span>
                     </div>
                 {{/if}}
                 {{#if @options.order.meta.delivery_tip}}
                     <div class="flex items-center justify-between">
-                        <span class="dark:text-gray-50 text-sm">Delivery Tip</span>
+                        <span class="dark:text-gray-50 text-sm">{{t "storefront.component.modals.incoming-order.delivery-tip"}}</span>
                         <span class="dark:text-gray-50 text-sm">{{get-tip-amount @options.order.meta.delivery_tip @options.order.meta.subtotal @options.order.meta.currency}}</span>
                     </div>
                 {{/if}}
             </div>
             <div class="px-6 py-2">
                 <div class="flex items-center justify-between">
-                    <span class="dark:text-gray-50 font-bold text-sm">Total</span>
+                    <span class="dark:text-gray-50 font-bold text-sm">{{t "storefront.common.total"}}</span>
                     <span class="dark:text-gray-50 font-bold text-sm">{{format-currency @options.order.meta.total @options.order.meta.currency}}</span>
                 </div>
             </div>
diff --git a/addon/components/modals/manage-addons.hbs b/addon/components/modals/manage-addons.hbs
index 86b09f2..320f932 100644
--- a/addon/components/modals/manage-addons.hbs
+++ b/addon/components/modals/manage-addons.hbs
@@ -1,4 +1,4 @@
-<Modal::Default @onOpen={{fn this.fetchCategories @options.store}} @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
+s<Modal::Default @onOpen={{fn this.fetchCategories @options.store}} @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="flex items-center justify-between mb-4">
             <div>
@@ -7,7 +7,14 @@
                 {{/if}}
             </div>
             <div>
-                <Button @type="magic" @text="New Category" @icon="plus" @iconPrefix="fas" @onClick={{fn this.createCategory @options.store}} @disabled={{this.isLoading}} />
+                <Button
+                    @type="magic"
+                    @text={{t "storefront.component.modals.manage-addons.title"}}
+                    @icon="plus"
+                    @iconPrefix="fas"
+                    @onClick={{fn this.createCategory @options.store}}
+                    @disabled={{this.isLoading}}
+                />
             </div>
         </div>
 
@@ -17,11 +24,24 @@
                     <div class="flex items-center rounded-md shadow-sm px-3 py-2 font-semibold bg-gray-200 dark:bg-gray-800 dark:text-gray-100 mb-2">
                         <div class="flex-1 flex items-center">
                             <FaIcon @icon="pencil" class="mr-1 dark:text-gray-100" />
-                            <Input @type="text" @value={{category.name}} {{on "blur" (fn this.saveCategory category)}} class="w-full px-2 m-0 border-none bg-transparent dark:text-gray-100" />
+                            <Input
+                                @type="text"
+                                @value={{category.name}}
+                                {{on "blur" (fn this.saveCategory category)}}
+                                class="w-full px-2 m-0 border-none bg-transparent dark:text-gray-100"
+                            />
                         </div>
                         <div class="flex items-center">
-                            <Button @text="New Addon" @icon="plus" @iconPrefix="fas" @onClick={{fn this.insertNewAddon category}} class="mr-3" />
-                            <a href="javascript:;" {{on "click" (fn this.deleteCategory index)}} class="destroy-action opacity-50 hover:opacity-100 text-sm">Delete Category</a>
+                            <Button
+                                @text={{t "storefront.component.modals.manage-addons.new-addon"}}
+                                @icon="plus"
+                                @iconPrefix="fas"
+                                @onClick={{fn this.insertNewAddon category}}
+                                class="mr-3"
+                            />
+                            <a href="javascript:;" {{on "click" (fn this.deleteCategory index)}} class="destroy-action opacity-50 hover:opacity-100 text-sm">{{t
+                                    "storefront.component.modals.manage-addons.delete"
+                                }}</a>
                         </div>
                     </div>
                     <div class="space-y-2 mb-2">
@@ -29,16 +49,37 @@
                             <div class="grid grid-cols-10 gap-1 px-3 py-2 rounded-md dark:bg-gray-900 bg-gray-200">
                                 <div class="col-span-3 flex items-center">
                                     <FaIcon @icon="tag" class="text-sky-400 mr-2" />
-                                    <Input @type="text" @value={{addon.name}} {{on "blur" (fn this.saveAddon addon)}} class="form-input flex-1 w-full" placeholder="Addon Name" />
+                                    <Input
+                                        @type="text"
+                                        @value={{addon.name}}
+                                        {{on "blur" (fn this.saveAddon addon)}}
+                                        class="form-input flex-1 w-full"
+                                        placeholder={{t "storefront.component.modals.manage-addons.addon-name"}}
+                                    />
                                 </div>
                                 <div class="col-span-4">
-                                    <Input @type="text" @value={{addon.description}} {{on "blur" (fn this.saveAddon addon)}} class="form-input w-full" placeholder="Addon Description" />
+                                    <Input
+                                        @type="text"
+                                        @value={{addon.description}}
+                                        {{on "blur" (fn this.saveAddon addon)}}
+                                        class="form-input w-full"
+                                        placeholder={{t "storefront.component.modals.manage-addons.description"}}
+                                    />
                                 </div>
                                 <div class="col-span-2">
-                                    <MoneyInput class="w-full" @currency={{this.activeStore.currency}} @canSelectCurrency={{false}} @value={{addon.price}} @onFormatCompleted={{fn this.saveAddon addon}} @disabled={{this.isLoading}} />
+                                    <MoneyInput
+                                        class="w-full"
+                                        @currency={{this.activeStore.currency}}
+                                        @canSelectCurrency={{false}}
+                                        @value={{addon.price}}
+                                        @onFormatCompleted={{fn this.saveAddon addon}}
+                                        @disabled={{this.isLoading}}
+                                    />
                                 </div>
                                 <div class="flex items-center justify-center text-center text-sm">
-                                    <a href="javascript:;" class="destroy-action opacity-50 hover:opacity-100" {{on "click" (fn this.removeAddon category i)}}>Remove</a>
+                                    <a href="javascript:;" class="destroy-action opacity-50 hover:opacity-100" {{on "click" (fn this.removeAddon category i)}}>{{t
+                                            "storefront.common.remove"
+                                        }}</a>
                                 </div>
                             </div>
                         {{/each}}
diff --git a/addon/components/modals/manage-addons.js b/addon/components/modals/manage-addons.js
index 72b65ba..d18130f 100644
--- a/addon/components/modals/manage-addons.js
+++ b/addon/components/modals/manage-addons.js
@@ -5,6 +5,7 @@ import { action } from '@ember/object';
 
 export default class ModalsManageAddonsComponent extends Component {
     @service store;
+    @service intl;
     @service currentUser;
     @service modalsManager;
     @tracked categories = [];
@@ -39,7 +40,7 @@ export default class ModalsManageAddonsComponent extends Component {
 
     @action deleteCategory(index) {
         const category = this.categories.objectAt(index);
-        const result = confirm('Are you sure you wish to delete this addon category? All addons assosciated will be lost!');
+        const result = confirm(this.intl.t('storefront.component.modals.manage-addons.delete-this-addon-category-assosiated-will-lost'));
 
         if (result) {
             this.categories.removeAt(index);
@@ -54,7 +55,7 @@ export default class ModalsManageAddonsComponent extends Component {
 
     @action createCategory(store) {
         const category = this.store.createRecord('addon-category', {
-            name: 'Untitled Addon Category',
+            name: this.intl.t('storefront.component.modals.manage-addons.untitled-addon-category'),
             for: 'storefront_product_addon',
             owner_type: 'storefront:store',
             owner_uuid: store.id,
diff --git a/addon/components/modals/order-ready-assign-driver.hbs b/addon/components/modals/order-ready-assign-driver.hbs
index f1d863a..9f6ed4a 100644
--- a/addon/components/modals/order-ready-assign-driver.hbs
+++ b/addon/components/modals/order-ready-assign-driver.hbs
@@ -1,31 +1,42 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="sm:flex sm:items-start">
-            <div
-                class="flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto bg-red-100 rounded-full sm:mx-0 sm:h-10 sm:w-10">
+            <div class="flex items-center justify-center flex-shrink-0 w-12 h-12 mx-auto bg-red-100 rounded-full sm:mx-0 sm:h-10 sm:w-10">
                 <svg class="w-6 h-6 text-red-600" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z">
+                    <path
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                        d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                    >
                     </path>
                 </svg>
             </div>
             <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left">
                 <div class="mb-4">
                     <p class="text-sm leading-5 text-gray-500 dark:text-white">
-                        You are about to set this order as ready and dispatch, use the dropdown below to select a driver
-                        to dispatch to. <br><br>Or optionally you can opt to dispatch order as adhoc which will ping the
-                        order to all nearby drivers to be accepted.
+                        {{t "storefront.component.modals.order-ready-assign-driver.driver-dispatch" htmlSafe=true}}
                     </p>
                 </div>
                 <div class="input-group">
-                    <ShortToggle @isToggled={{@options.adhoc}} @onToggle={{fn (mut @options.adhoc)}} @label="Adhoc dispatch to nearby drivers" />
+                    <ShortToggle
+                        @isToggled={{@options.adhoc}}
+                        @onToggle={{fn (mut @options.adhoc)}}
+                        @label={{t "storefront.component.modals.order-ready-assign-driver.adhoc-dispatch-nearby-drivers"}}
+                    />
                 </div>
                 {{#unless @options.adhoc}}
-                    <InputGroup class="mt-4" @name="Select Driver">
-                        <ModelSelect @modelName="driver" @selectedModel={{@options.driver}}
-                            @placeholder="Select Driver to Assign" @triggerClass="form-select form-input"
-                            @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut
-                            @options.driver)}} as |model|>
+                    <InputGroup class="mt-4" @name={{t "storefront.component.modals.order-ready-assign-driver.select-driver"}}>
+                        <ModelSelect
+                            @modelName="driver"
+                            @selectedModel={{@options.driver}}
+                            @placeholder={{t "storefront.component.modals.order-ready-assign-driver.select-driver-to-assign"}}
+                            @triggerClass="form-select form-input"
+                            @infiniteScroll={{false}}
+                            @renderInPlace={{true}}
+                            @onChange={{fn (mut @options.driver)}}
+                            as |model|
+                        >
                             {{model.name}}
                         </ModelSelect>
                     </InputGroup>
diff --git a/addon/components/modals/select-addon-category.hbs b/addon/components/modals/select-addon-category.hbs
index 6d760c2..8be44fc 100644
--- a/addon/components/modals/select-addon-category.hbs
+++ b/addon/components/modals/select-addon-category.hbs
@@ -1,5 +1,12 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <ComboBox @options={{@options.addonCategories}} @selected={{@options.product.addon_categories}} @optionLabel="name" @comparator="name" @selectionBoxLabel="Selected" @onChange={{@options.updateProductAddonCategories}} />
+        <ComboBox
+            @options={{@options.addonCategories}}
+            @selected={{@options.product.addon_categories}}
+            @optionLabel="name"
+            @comparator="name"
+            @selectionBoxLabel="Selected"
+            @onChange={{@options.updateProductAddonCategories}}
+        />
     </div>
 </Modal::Default>
\ No newline at end of file
diff --git a/addon/components/modals/share-network.hbs b/addon/components/modals/share-network.hbs
index 6470187..ef2328d 100644
--- a/addon/components/modals/share-network.hbs
+++ b/addon/components/modals/share-network.hbs
@@ -3,9 +3,9 @@
         <div class="flex flex-col items-center justify-center mb-2">
             <FaIcon @icon="mail-bulk" @size="4x" class="text-sky-400" />
             <div class="my-2 text-center">
-                <h2 class="dark:text-gray-100 font-semibold">Invite members to your network</h2>
+                <h2 class="dark:text-gray-100 font-semibold">{{t "storefront.component.modals.share-network.invite-member"}}</h2>
                 <p class="my-2 px-6">
-                    Grab a shareable invitiation link or send individual invites via email below.
+                    {{t "storefront.component.modals.share-network.email-below"}}
                 </p>
             </div>
         </div>
@@ -13,22 +13,37 @@
         <div class="rounded-md border dark:border-gray-800 dark:bg-gray-800 p-4 mb-5">
             <h4 class="dark:text-gray-50 font-semibold mb-2">Share with people and organizations</h4>
             <p class="mb-4 text-sm dark:text-gray-200">
-                Enter the emails of people or organizations you want to send an invite to your network.
+                {{t "storefront.component.modals.share-network.invite-network"}}
             </p>
             <div>
-                <TagInput class="form-input" @placeholder="Add emails" @tags={{@options.recipients}} @addTag={{@options.addRecipient}} @removeTagAtIndex={{@options.removeRecipient}} as |tag|>
+                <TagInput
+                    class="form-input"
+                    @placeholder={{t "storefront.component.modals.share-network.add-email"}}
+                    @tags={{@options.recipients}}
+                    @addTag={{@options.addRecipient}}
+                    @removeTagAtIndex={{@options.removeRecipient}}
+                    as |tag|
+                >
                     {{tag}}
                 </TagInput>
             </div>
         </div>
 
-        <div class="rounded-md border dark:border-gray-800 dark:bg-gray-800 p-4">
-            <h4 class="dark:text-gray-50 mb-4 font-semibold">Get link</h4>
+        <div class="rounded-md border dark:border-fgray-800 dark:bg-gray-800 p-4">
+            <h4 class="dark:text-gray-50 mb-4 font-semibold">{{t "storefront.component.modals.share-network.get-link"}}</h4>
             <div class="input-group mb-0i">
-                <Toggle @isToggled={{@options.network.options.shareable_link_enabled}} @onToggle={{@options.toggleShareableLink}} @label="Enable shareable link" @helpText="Anyone with this link is able to join your network" />
+                <Toggle
+                    @isToggled={{@options.network.options.shareable_link_enabled}}
+                    @onToggle={{@options.toggleShareableLink}}
+                    @label={{t "storefront.component.modals.share-network.enable-shareable-link"}}
+                    @helpText={{t "storefront.component.modals.share-network.anyone-with-this-link-able-to-join-your-network"}}
+                />
             </div>
             {{#if @options.network.options.shareable_link_enabled}}
-                <ClickToCopy class="mt-4 rounded-md border dark:border-gray-900 dark:bg-gray-900 truncate px-4 py-2.5 text-sm text-green-400 dark:text-green-300 text-center" @value={{@options.shareableLink}} />
+                <ClickToCopy
+                    class="mt-4 rounded-md border dark:border-gray-900 dark:bg-gray-900 truncate px-4 py-2.5 text-sm text-green-400 dark:text-green-300 text-center"
+                    @value={{@options.shareableLink}}
+                />
             {{/if}}
         </div>
     </div>
diff --git a/addon/components/modals/store-details.hbs b/addon/components/modals/store-details.hbs
index 5785f79..c2ccbda 100644
--- a/addon/components/modals/store-details.hbs
+++ b/addon/components/modals/store-details.hbs
@@ -2,19 +2,19 @@
     <div class="modal-body-container">
         <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-4 text-xs dark:text-gray-100">
             <div class="field-info-container">
-                <div class="field-name">Name</div>
+                <div class="field-name">{{t "storefront.common.name"}}</div>
                 <div class="field-value">{{n-a @options.store.name}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Description</div>
+                <div class="field-name">{{t "storefront.common.description"}}</div>
                 <div class="field-value">{{n-a @options.store.description}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Tags</div>
+                <div class="field-name">{{t "storefront.common.tag"}}</div>
                 <div class="field-value">{{n-a @options.store.tagsList}}</div>
             </div>
             <div class="field-info-container">
-                <div class="field-name">Currency</div>
+                <div class="field-name">{{t "storefront.common.currency"}}</div>
                 <div class="field-value">{{n-a @options.store.currency}}</div>
             </div>
         </div>
diff --git a/addon/components/modals/store-form.hbs b/addon/components/modals/store-form.hbs
index c2d9d80..83f2261 100644
--- a/addon/components/modals/store-form.hbs
+++ b/addon/components/modals/store-form.hbs
@@ -1,20 +1,39 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
-        <InputGroup @id="storefront_name_input" @name="Name" @value={{@options.store.name}} @placeholder="Storefront Name" @helpText="The name of your store." />
-        <InputGroup @name="Description" @value={{@options.store.description}} @placeholder="Storefront Description" @helpText="Give your store a brief description to let users know what you sell." />
+        <InputGroup
+            @id="storefront_name_input"
+            @name={{t "storefront.common.name"}}
+            @value={{@options.store.name}}
+            @placeholder={{t "storefront.component.modals.store-form.storefront-name"}}
+            @helpText={{t "storefront.component.modals.store-form.the-name-of-your-store"}}
+        />
+        <InputGroup
+            @name={{t "storefront.common.Description"}}
+            @value={{@options.store.description}}
+            @placeholder={{t "storefront.component.modals.store-form.storefront-description-placeholder"}}
+            @helpText={{t "storefront.component.modals.store-form.give-your-store-brief-description"}}
+        />
         <InputGroup @name="Tags">
-            <TagInput class="form-input" @placeholder="Add tags" @allowSpacesInTags={{true}} @tags={{@options.store.tags}} @addTag={{this.addTag}} @removeTagAtIndex={{this.removeTag}} as |tag|>
+            <TagInput
+                class="form-input"
+                @placeholder={{t "storefront.component.modals.store-form.add-tags-placeholder"}}
+                @allowSpacesInTags={{true}}
+                @tags={{@options.store.tags}}
+                @addTag={{this.addTag}}
+                @removeTagAtIndex={{this.removeTag}}
+                as |tag|
+            >
                 {{tag}}
             </TagInput>
         </InputGroup>
-        <InputGroup @name="Currency">
+        <InputGroup @name={{t "storefront.common.currency"}}>
             <CurrencySelect @value={{@options.store.currency}} @onSelect={{fn (mut @options.store.currency)}} @triggerClass="w-full form-select" />
         </InputGroup>
 
         <div class="store-boolean-settings">
             <div class="input-group">
                 <Toggle @isToggled={{@options.store.online}} @onToggle={{fn (mut @options.store.online)}}>
-                    <FaIcon @icon="plug" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Online</span>
+                    <FaIcon @icon="plug" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t "storefront.common.online"}}</span>
                 </Toggle>
             </div>
         </div>
diff --git a/addon/components/modals/store-location-form.hbs b/addon/components/modals/store-location-form.hbs
index 5c7f027..bd25bf7 100644
--- a/addon/components/modals/store-location-form.hbs
+++ b/addon/components/modals/store-location-form.hbs
@@ -1,30 +1,40 @@
 <Modal::Default @modalIsOpened={{@modalIsOpened}} @options={{@options}} @confirm={{@onConfirm}} @decline={{@onDecline}}>
     <div class="modal-body-container">
         <div class="grid grid-cols-3 gap-1 text-xs dark:text-gray-100">
-            <InputGroup @name="Name" @autocomplete="nope" @value={{@options.place.name}} @wrapperClass="col-span-3" />
-            <InputGroup @name="Street 1" @value={{@options.place.street1}} @wrapperClass="col-span-3">
-                <AutocompleteInput @value={{@options.place.street1}} @onSelect={{@options.autocomplete}} placeholder="Street 1" class="w-full" as |result|>
+            <InputGroup @name={{t "storefront.common.name"}} @autocomplete="nope" @value={{@options.place.name}} @wrapperClass="col-span-3" />
+            <InputGroup @name={{t "storefront.common.street-1"}} @value={{@options.place.street1}} @wrapperClass="col-span-3">
+                <AutocompleteInput @value={{@options.place.street1}} @onSelect={{@options.autocomplete}} placeholder={{t "storefront.common.street-1"}} class="w-full" as |result|>
                     {{result.address}}
                 </AutocompleteInput>
             </InputGroup>
-            <InputGroup @name="Street 2" @autocomplete="nope" @value={{@options.place.street2}} @wrapperClass="col-span-3" />
-            <InputGroup @name="Neighborhood" @autocomplete="nope" @value={{@options.place.neighborhood}} />
-            <InputGroup @name="Building" @autocomplete="nope" @value={{@options.place.building}} />
-            <InputGroup @name="Security Access Code" @autocomplete="nope" @value={{@options.place.security_access_code}} />
-            <InputGroup @name="Postal Code" @autocomplete="nope" @value={{@options.place.postal_code}} />
-            <InputGroup @name="City" @autocomplete="nope" @value={{@options.place.city}} />
-            <InputGroup @name="State" @autocomplete="nope" @value={{@options.place.province}} />
-            <InputGroup @name="Country" @wrapperClass="col-span-2">
-                <CountrySelect class="w-full form-input form-select form-datalist" @value={{@options.place.country}} @onChange={{fn (mut @options.place.country)}} placeholder="Country" />
+            <InputGroup @name={{t "storefront.component.modals.store-location-form.street-2"}} @autocomplete="nope" @value={{@options.place.street2}} @wrapperClass="col-span-3" />
+            <InputGroup @name={{t "storefront.common.neighborhood"}} @autocomplete="nope" @value={{@options.place.neighborhood}} />
+            <InputGroup @name={{t "storefront.common.building"}} @autocomplete="nope" @value={{@options.place.building}} />
+            <InputGroup @name={{t "storefront.component.modals.store-location-form.security-access-code"}} @autocomplete="nope" @value={{@options.place.security_access_code}} />
+            <InputGroup @name={{t "storefront.component.modals.store-location-form.postal-code"}} @autocomplete="nope" @value={{@options.place.postal_code}} />
+            <InputGroup @name={{t "storefront.common.city"}} @autocomplete="nope" @value={{@options.place.city}} />
+            <InputGroup @name={{t "storefront.common.state"}} @autocomplete="nope" @value={{@options.place.province}} />
+            <InputGroup @name={{t "storefront.common.country"}} @wrapperClass="col-span-2">
+                <CountrySelect
+                    class="w-full form-input form-select form-datalist"
+                    @value={{@options.place.country}}
+                    @onChange={{fn (mut @options.place.country)}}
+                    placeholder={{t "storefront.common.country"}}
+                />
             </InputGroup>
-            <InputGroup @name="Coordinates" @wrapperClass="col-span-2">
-                <CoordinatesInput @value={{@options.place.location}} @onChange={{@options.updatePlaceCoordinates}} @onGeocode={{@options.autocomplete}} @onInit={{@options.setCoordinatesInput}} />
+            <InputGroup @name={{t "storefront.common.coordinates"}} @wrapperClass="col-span-2">
+                <CoordinatesInput
+                    @value={{@options.place.location}}
+                    @onChange={{@options.updatePlaceCoordinates}}
+                    @onGeocode={{@options.autocomplete}}
+                    @onInit={{@options.setCoordinatesInput}}
+                />
             </InputGroup>
             <div class="col-span-1"></div>
-            <InputGroup @name="Phone">
+            <InputGroup @name={{t "storefront.common.phone"}}>
                 <PhoneInput @value={{@options.place.phone}} @autocomplete="nope" @onInput={{fn (mut @options.place.phone)}} class="form-input w-full" />
             </InputGroup>
-            <InputGroup @name="Email" @autocomplete="nope" @value={{@options.place.email}} />
+            <InputGroup @name={{t "storefront.common.email"}} @autocomplete="nope" @value={{@options.place.email}} />
         </div>
     </div>
 </Modal::Default>
\ No newline at end of file
diff --git a/addon/components/network-category-picker.hbs b/addon/components/network-category-picker.hbs
index 699a326..4b983f7 100644
--- a/addon/components/network-category-picker.hbs
+++ b/addon/components/network-category-picker.hbs
@@ -1,16 +1,27 @@
-<DropdownButton @renderInPlace={{true}} @size="xs" @type="magic" @icon="folder-tree" @iconSize="sm" @text={{this.buttonTitle}} @buttonClass={{concat "w-full truncate w-48" " " @buttonClass}} @buttonWrapperClass={{concat "w-full" " " @buttonWrapperClass}} @wrapperClass={{@wrapperClass}} as |dd|>
+<DropdownButton
+    @renderInPlace={{true}}
+    @size="xs"
+    @type="magic"
+    @icon="folder-tree"
+    @iconSize="sm"
+    @text={{this.buttonTitle}}
+    @buttonClass={{concat "w-full truncate w-48" " " @buttonClass}}
+    @buttonWrapperClass={{concat "w-full" " " @buttonWrapperClass}}
+    @wrapperClass={{@wrapperClass}}
+    as |dd|
+>
     <div role="menu" class="store-selector-dropdown-menu next-dd-menu py-1">
         <div role="group" class="px-1 overflow-y-scroll max-h-72">
             {{#if this.isLoading}}
                 <div class="text-sm flex flex-row items-center px-3 py-0.5 border-0 my-1">
                     <Spinner class="mr-2i" />
-                    <span class="dark:text-gray-100 test-sm">Loading...</span>
+                    <span class="dark:text-gray-100 test-sm">{{t "storefront.common.loading"}}</span>
                 </div>
             {{else}}
                 {{#if this.selectedCategory}}
                     <a href="javascript:;" class="next-dd-item" role="menuitem" {{on "click" this.loadParentCategories}}>
                         <FaIcon @icon="arrow-left" class="mr-2" />
-                        <span>Back</span>
+                        <span>{{t "storefront.common.back"}}</span>
                     </a>
                 {{/if}}
                 {{#each this.categories as |category|}}
@@ -20,9 +31,9 @@
                 {{else}}
                     <div class="text-sm flex flex-row items-center px-3 py-0.5 border-0 my-1 truncate">
                         {{#if this.selectedCategory}}
-                            <span>No subcategories for {{this.selectedCategory.name}}</span>
+                            <span>{{t "storefront.component.network-category-picker.no-subcategory"}} {{this.selectedCategory.name}}</span>
                         {{else}}
-                            <span>No categories for this network</span>
+                            <span>{{t "storefront.component.network-category-picker.no-categories"}}</span>
                         {{/if}}
                     </div>
                 {{/each}}
@@ -32,7 +43,7 @@
             <div class="next-dd-menu-seperator"></div>
             <div role="group" class="px-1">
                 <a href="javascript:;" class="next-dd-item" role="menuitem" {{on "click" (dropdown-fn dd this.onCreateNewCategory)}}>
-                    Create a new category
+                    {{t "storefront.component.network-category-picker.create-category"}}
                 </a>
             </div>
         </div>
diff --git a/addon/components/schedule-manager.hbs b/addon/components/schedule-manager.hbs
index 8a41d10..372f2c7 100644
--- a/addon/components/schedule-manager.hbs
+++ b/addon/components/schedule-manager.hbs
@@ -4,7 +4,14 @@
             <div class="content-panel-header items-center {{@contentPanelHeaderClass}}">
                 <h4 class="font-semibold text-sm dark:text-gray-100">{{day}}</h4>
                 <div>
-                    <Button @icon="calendar-week" @text="Add Hours" @textClass="truncate text-xs" @size="sm" @onClick={{fn this.addHours @subject day}} class="{{@addHoursButtonClass}}" />
+                    <Button
+                        @icon="calendar-week"
+                        @text={{t "storefront.component.schedule-manager.add-hours"}}
+                        @textClass="truncate text-xs"
+                        @size="sm"
+                        @onClick={{fn this.addHours @subject day}}
+                        class="{{@addHoursButtonClass}}"
+                    />
                 </div>
             </div>
             <div class="content-panel-body {{@contentPanelBodyClass}}">
diff --git a/addon/components/schedule-manager.js b/addon/components/schedule-manager.js
index eef5656..23f25f8 100644
--- a/addon/components/schedule-manager.js
+++ b/addon/components/schedule-manager.js
@@ -6,6 +6,7 @@ export default class ScheduleManagerComponent extends Component {
     @service notifications;
     @service modalsManager;
     @service store;
+    @service intl;
 
     @computed('args.subject.hours.@each.id', 'hours.length') get schedule() {
         const schedule = {};
@@ -43,8 +44,8 @@ export default class ScheduleManagerComponent extends Component {
         });
 
         this.modalsManager.show('modals/add-store-hours', {
-            title: `Add new hours for ${day}`,
-            acceptButtonText: 'Add hours',
+            title: this.intl.t('storefront.component.schedule-manager.add-new-hours-for-day', { Day: day }),
+            acceptButtonText: this.intl.t('storefront.component.schedule-manager-add-hours'),
             acceptButtonIcon: 'save',
             hours,
             confirm: (modal) => {
@@ -52,7 +53,7 @@ export default class ScheduleManagerComponent extends Component {
 
                 return hours.save().then((hours) => {
                     subject.hours.pushObject(hours);
-                    this.notifications.success(`New hours added for ${day}`);
+                    this.notifications.success(this.intl.t('storefront.component.schedule-manager.new-hours-added-for-day', { day }));
                 });
             },
         });
@@ -60,8 +61,8 @@ export default class ScheduleManagerComponent extends Component {
 
     @action removeHours(hours) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove these hours?',
-            body: 'By removing these operation/availability hours, your store or product may become inactive or unavailable according to the updated schedule...',
+            title: this.intl.t('storefront.component.schedule-manager.you-wish-to-remove-these-hour'),
+            body: this.intl.t('storefront.component.schedule-manager.by-removing-these-operation'),
             acceptButtonIcon: 'trash',
             confirm: (modal) => {
                 modal.startLoading();
diff --git a/addon/components/store-selector.hbs b/addon/components/store-selector.hbs
index 6fe48c4..fbb9527 100644
--- a/addon/components/store-selector.hbs
+++ b/addon/components/store-selector.hbs
@@ -1,5 +1,16 @@
 {{#if @activeStore}}
-    <DropdownButton @renderInPlace={{true}} @size="xs" @type="primary" @icon="store" @iconSize="sm" @text={{@activeStore.name}} @buttonClass={{concat "w-full " @buttonClass}} @buttonWrapperClass={{concat "w-full " @buttonWrapperClass}} @wrapperClass={{@wrapperClass}} as |dd|>
+    <DropdownButton
+        @renderInPlace={{true}}
+        @size="xs"
+        @type="primary"
+        @icon="store"
+        @iconSize="sm"
+        @text={{@activeStore.name}}
+        @buttonClass={{concat "w-full " @buttonClass}}
+        @buttonWrapperClass={{concat "w-full " @buttonWrapperClass}}
+        @wrapperClass={{@wrapperClass}}
+        as |dd|
+    >
         <div role="menu" class="store-selector-dropdown-menu next-dd-menu py-1">
             <div role="group" class="px-1 overflow-y-scroll max-h-72">
                 {{#each @stores as |store|}}
@@ -7,14 +18,14 @@
                         {{or store.name "-"}}
                     </a>
                 {{else}}
-                    <div class="next-dd-item" role="menuitem">No stores to select</div>
+                    <div class="next-dd-item" role="menuitem">{{t "storefront.component.store-selector.no-stores"}}</div>
                 {{/each}}
             </div>
             <div class="px-1">
                 <div class="next-dd-menu-seperator"></div>
                 <div role="group" class="px-1">
                     <a href="javascript:;" class="next-dd-item" role="menuitem" {{on "click" (dropdown-fn dd this.onCreateStore)}}>
-                        Create a new storefront
+                        {{t "storefront.component.store-selector.create-storefront"}}
                     </a>
                 </div>
             </div>
diff --git a/addon/components/widget/customers.hbs b/addon/components/widget/customers.hbs
index b0e03fe..d4b8228 100644
--- a/addon/components/widget/customers.hbs
+++ b/addon/components/widget/customers.hbs
@@ -1,4 +1,13 @@
-<ContentPanel @title={{this.title}} @titleStatusRight={{this.customers.length}} @titleStatusRightClass="info-status-badge" @hideStatusDot={{true}} @open={{this.customers.length}} @pad={{false}} @wrapperClass={{@wrapperClass}} @onInsert={{this.getCustomers}}>
+<ContentPanel
+    @title={{this.title}}
+    @titleStatusRight={{this.customers.length}}
+    @titleStatusRightClass="info-status-badge"
+    @hideStatusDot={{true}}
+    @open={{this.customers.length}}
+    @pad={{false}}
+    @wrapperClass={{@wrapperClass}}
+    @onInsert={{this.getCustomers}}
+>
     {{#if this.isLoading}}
         <div class="px-3 py-2">
             <Spinner class="text-sky-400" />
@@ -8,10 +17,10 @@
         <table>
             <thead>
                 <tr class="h-12 text-left py-1">
-                    <th>ID</th>
-                    <th>Phone</th>
-                    <th>Email</th>
-                    <th>Orders</th>
+                    <th>{{t "storefront.common.id"}}</th>
+                    <th>{{t "storefront.common.phone"}}</th>
+                    <th>{{t "storefront.common.email"}}</th>
+                    <th>{{t "storefront.common.orders"}}</th>
                     <th></th>
                 </tr>
             </thead>
@@ -35,8 +44,8 @@
                     <div class="flex-1 font-semibold">{{customer.name}}</div>
                 </div>
                 <div class="flex flex-col">
-                    <div class="text-xs">Phone:{{n-a customer.phone}}</div>
-                    <div class="text-xs">Email: {{n-a customer.email}}</div>
+                    <div class="text-xs">{{t "storefront.component.widget.customers.phone"}}{{n-a customer.phone}}</div>
+                    <div class="text-xs">{{t "storefront.component.widget.customers.email"}} {{n-a customer.email}}</div>
                 </div>
             </div>
         {{/each}}
diff --git a/addon/components/widget/customers.js b/addon/components/widget/customers.js
index 93df489..e8c2ba9 100644
--- a/addon/components/widget/customers.js
+++ b/addon/components/widget/customers.js
@@ -7,9 +7,10 @@ import setComponentArg from '@fleetbase/ember-core/utils/set-component-arg';
 export default class WidgetCustomersComponent extends Component {
     @service store;
     @service storefront;
+    @service intl;
     @tracked isLoading = true;
     @tracked customers = [];
-    @tracked title = 'Recent Customers';
+    @tracked title = this.intl.t('storefront.component.widget.customers.widget-title');
 
     constructor(owner, { title }) {
         super(...arguments);
diff --git a/addon/components/widget/orders.hbs b/addon/components/widget/orders.hbs
index 91afeff..668902b 100644
--- a/addon/components/widget/orders.hbs
+++ b/addon/components/widget/orders.hbs
@@ -1,4 +1,13 @@
-<ContentPanel @title={{this.title}} @titleStatusRight={{this.orders.length}} @titleStatuRightClass="info-status-badge" @hideStatusDot={{true}} @open={{this.orders.length}} @pad={{false}} @wrapperClass={{@wrapperClass}} @onInsert={{this.setupWidget}}>
+<ContentPanel
+    @title={{this.title}}
+    @titleStatusRight={{this.orders.length}}
+    @titleStatuRightClass="info-status-badge"
+    @hideStatusDot={{true}}
+    @open={{this.orders.length}}
+    @pad={{false}}
+    @wrapperClass={{@wrapperClass}}
+    @onInsert={{this.setupWidget}}
+>
     {{#if this.isLoading}}
         <div class="px-3 py-2">
             <Spinner class="text-sky-400" />
@@ -8,12 +17,12 @@
         <table>
             <thead>
                 <tr class="h-12 text-left py-1">
-                    <th>ID</th>
-                    <th>Amount</th>
-                    <th>Customer</th>
-                    <th>Driver</th>
-                    <th>Created</th>
-                    <th>Status</th>
+                    <th>{{t "storefront.component.widget.orders.id-column"}}</th>
+                    <th>{{t "storefront.common.amount"}}</th>
+                    <th>{{t "storefront.common.customer"}}</th>
+                    <th>{{t "storefront.common.driver"}}</th>
+                    <th>{{t "storefront.common.created"}}</th>
+                    <th>{{t "storefront.common.status"}}</th>
                     <th></th>
                 </tr>
             </thead>
@@ -30,13 +39,26 @@
                         </td>
                         <td>
                             {{#if order.isFresh}}
-                                <Button @size="xs" @type="success" @iconPrefix="fas" @icon="check" @text="Accept Order!" @onClick={{fn this.acceptOrder order}} />
+                                <Button
+                                    @size="xs"
+                                    @type="success"
+                                    @iconPrefix="fas"
+                                    @icon="check"
+                                    @text={{concat (t "storefront.component.widget.orders.accept-order") "!"}}
+                                    @onClick={{fn this.acceptOrder order}}
+                                />
                             {{/if}}
                             {{#if order.isPreparing}}
-                                <Button @size="xs" @type="success" @icon="bells" @text="Mark as Ready!" @onClick={{fn this.markAsReady order}} />
+                                <Button @size="xs" @type="success" @icon="bells" @text={{t "storefront.component.widget.orders.mark-as-ready"}} @onClick={{fn this.markAsReady order}} />
                             {{/if}}
                             {{#if order.isPickupReady}}
-                                <Button @size="xs" @type="success" @icon="check" @text="Mark as Completed" @onClick={{fn this.markAsCompleted order}} />
+                                <Button
+                                    @size="xs"
+                                    @type="success"
+                                    @icon="check"
+                                    @text={{t "storefront.component.widget.orders.mark-as-completed"}}
+                                    @onClick={{fn this.markAsCompleted order}}
+                                />
                             {{/if}}
                         </td>
                     </tr>
@@ -59,48 +81,61 @@
                     </div>
                 </div>
                 <div class="flex flex-row space-x-2 flex-wrap">
-                    <Button @size="xs" @type="primary" @icon="eye" @text="View" @onClick={{fn this.viewOrder order}} />
-                    <Button @size="xs" @type="default" @icon="steering-wheel" @text={{if order.has_driver_assigned "Change Driver" "Assign Driver"}} @onClick={{fn this.assignDriver order}} />
+                    <Button @size="xs" @type="primary" @icon="eye" @text={{t "storefront.common.view"}} @onClick={{fn this.viewOrder order}} />
+                    <Button
+                        @size="xs"
+                        @type="default"
+                        @icon="steering-wheel"
+                        @text={{if order.has_driver_assigned (t "storefront.component.widget.order.change-driver") (t "storefront.component.widget.order.assign-driver")}}
+                        @onClick={{fn this.assignDriver order}}
+                    />
                     {{#if order.isFresh}}
-                        <Button @size="xs" @type="success" @iconPrefix="fas" @icon="check" @text="Accept Order!" @onClick={{fn this.acceptOrder order}} />
+                        <Button
+                            @size="xs"
+                            @type="success"
+                            @iconPrefix="fas"
+                            @icon="check"
+                            @text={{concat (t "storefront.component.widget.orders.accept-order") "!"}}
+                            @onClick={{fn this.acceptOrder order}}
+                        />
                     {{/if}}
                     {{#if order.isPreparing}}
-                        <Button @size="xs" @type="success" @icon="bells" @text="Mark as Ready!" @onClick={{fn this.markAsReady order}} />
+                        <Button @size="xs" @type="success" @icon="bells" @text={{t "storefront.component.widget.orders.mark-as-mark"}} @onClick={{fn this.markAsReady order}} />
                     {{/if}}
                     {{#if order.isPickupReady}}
-                        <Button @size="xs" @type="success" @icon="check" @text="Mark as Completed" @onClick={{fn this.markAsCompleted order}} />
+                        <Button @size="xs" @type="success" @icon="check" @text={{t "storefront.component.widget.orders.mark-as-completed"}} @onClick={{fn this.markAsCompleted order}} />
                     {{/if}}
                 </div>
-                <ContentPanel @title="More Details" class="mt-2">
+                <ContentPanel @title={{t "storefront.component.widget.orders.title"}} class="mt-2">
                     <div class="flex flex-col py-2 border-t dark:border-gray-800">
-                        <div>Customer: {{n-a order.customer_name}}</div>
-                        <div>Driver: {{n-a order.driver_name}}</div>
+                        <div>{{t "storefront.component.widget.orders.customer"}}: {{n-a order.customer_name}}</div>
+                        <div>{{t "storefront.component.widget.orders.driver"}}: {{n-a order.driver_name}}</div>
                     </div>
                     <div class="py-2 space-y-2 border-t dark:border-gray-800">
                         <div class="flex items-center justify-between">
-                            <span class="dark:text-gray-50">Subtotal</span>
+                            <span class="dark:text-gray-50">{{t "storefront.component.widget.orders.subtotal"}}</span>
                             <span class="dark:text-gray-50">{{format-currency order.meta.subtotal order.meta.currency}}</span>
                         </div>
                         {{#unless order.meta.is_pickup}}
                             <div class="flex items-center justify-between">
-                                <span class="dark:text-gray-50">Delivery fee</span>
+                                <span class="dark:text-gray-50">{{t "storefront.component.widget.orders.delivery-fee"}}</span>
                                 <span class="dark:text-gray-50">{{format-currency order.meta.delivery_fee order.meta.currency}}</span>
                             </div>
                         {{/unless}}
                         {{#if order.meta.tip}}
                             <div class="flex items-center justify-between">
-                                <span class="dark:text-gray-50">Tip</span>
+                                <span class="dark:text-gray-50">{{t "storefront.component.widget.order.tip"}}</span>
                                 <span class="dark:text-gray-50">{{get-tip-amount order.meta.tip order.meta.subtotal order.meta.currency}}</span>
                             </div>
                         {{/if}}
                         {{#if order.meta.delivery_tip}}
                             <div class="flex items-center justify-between">
-                                <span class="dark:text-gray-50">Delivery Tip</span>
+                                <span class="dark:text-gray-50">{{t "storefront.component.widget.order.delivery-tip"}}</span>
                                 <span class="dark:text-gray-50">{{get-tip-amount order.meta.delivery_tip order.meta.subtotal order.meta.currency}}</span>
                             </div>
                         {{/if}}
                         <div class="flex items-center justify-between">
-                            <span class="dark:text-gray-50 font-bold">Total</span>
+                            <span class="dark:text-gray-50 font-bold">{{t "storefront.component.widget.order.tip"}}</span>
                             <span class="dark:text-gray-50 font-bold">{{format-currency order.meta.total order.meta.currency}}</span>
                         </div>
                     </div>
diff --git a/addon/components/widget/orders.js b/addon/components/widget/orders.js
index b2488a8..15bdd55 100644
--- a/addon/components/widget/orders.js
+++ b/addon/components/widget/orders.js
@@ -8,13 +8,14 @@ export default class WidgetOrdersComponent extends Component {
     @service store;
     @service storefront;
     @service fetch;
+    @service intl;
     @service appCache;
     @service modalsManager;
     @tracked isLoading = true;
     @tracked orders = [];
 
     @computed('args.title') get title() {
-        return this.args.title ?? 'Recent Orders';
+        return this.args.title ?? this.intl.t('storefront.component.widget.orders.widget-title');
     }
 
     constructor() {
@@ -139,8 +140,8 @@ export default class WidgetOrdersComponent extends Component {
         await order.loadCustomer();
 
         this.modalsManager.show('modals/incoming-order', {
-            title: 'Accept Order',
-            acceptButtonText: 'Accept Order',
+            title: this.intl.t('storefront.component.widget.orders.accept-order'),
+            acceptButtonText: this.intl.t('storefront.component.widget.orders.accept-order'),
             acceptButtonScheme: 'success',
             acceptButtonIcon: 'check',
             order,
@@ -162,9 +163,9 @@ export default class WidgetOrdersComponent extends Component {
         // for pickup orders
         if (order.meta?.is_pickup === true) {
             this.modalsManager.confirm({
-                title: 'Mark order ready for pickup?',
-                body: 'Marking the order as ready will notify the customer their order is ready for pickup!',
-                acceptButtonText: 'Ready for Pickup!',
+                title: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-pickup-title'),
+                body: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-pickup-body'),
+                acceptButtonText: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-pickup-accept-button-text'),
                 acceptButtonIcon: 'check',
                 acceptButtonScheme: 'success',
                 confirm: (modal) => {
@@ -183,8 +184,8 @@ export default class WidgetOrdersComponent extends Component {
         if (!order.adhoc) {
             // prompt to assign driver then dispatch
             return this.modalsManager.show('modals/order-ready-assign-driver', {
-                title: 'Assign driver and dispatch orders',
-                acceptButtonText: 'Assign & Dispatch!',
+                title: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-not-adhoc-title'),
+                acceptButtonText: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-not-adhoc-accept-button-text'),
                 acceptButtonScheme: 'success',
                 acceptButtonIcon: 'check',
                 adhoc: false,
@@ -206,9 +207,9 @@ export default class WidgetOrdersComponent extends Component {
         }
 
         this.modalsManager.confirm({
-            title: 'Are you want to mark order as ready?',
-            body: 'Marking the order as ready will dispatch the order to nearby drivers, only mark the order as ready when it can be picked up.',
-            acceptButtonText: 'Dispatch!',
+            title: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-title'),
+            body: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-body'),
+            acceptButtonText: this.intl.t('storefront.component.widget.orders.mark-as-ready-modal-accept-button-text'),
             acceptButtonIcon: 'check',
             acceptButtonScheme: 'success',
             confirm: (modal) => {
@@ -226,9 +227,9 @@ export default class WidgetOrdersComponent extends Component {
 
     @action markAsCompleted(order) {
         this.modalsManager.confirm({
-            title: 'Are you sure you want to mark order as completed?',
-            body: 'Marking the order as completed is a confirmation that the customer has picked up the order and the order is completed.',
-            acceptButtonText: 'Order Completed!',
+            title: this.intl.t('storefront.component.widget.orders.mark-as-completed-modal-title'),
+            body: this.intl.t('storefront.component.widget.orders.mark-as-completed-modal-body'),
+            acceptButtonText: this.intl.t('storefront.component.widget.orders.mark-as-completed-accept-button-text'),
             acceptButtonIcon: 'check',
             acceptButtonScheme: 'success',
             confirm: (modal) => {
@@ -248,8 +249,8 @@ export default class WidgetOrdersComponent extends Component {
         await order.loadDriver();
 
         this.modalsManager.show('modals/assign-driver', {
-            title: 'Assign driver',
-            acceptButtonText: 'Assign Driver',
+            title: this.intl.t('storefront.component.widget.orders.assign-driver-modal-title'),
+            acceptButtonText: this.intl.t('storefront.component.widget.orders.assign-driver-accept-button-text'),
             acceptButtonScheme: 'success',
             acceptButtonIcon: 'check',
             driver: order.driver_assigned,
diff --git a/addon/components/widget/storefront-metrics.hbs b/addon/components/widget/storefront-metrics.hbs
index 3f54da3..839e4a5 100644
--- a/addon/components/widget/storefront-metrics.hbs
+++ b/addon/components/widget/storefront-metrics.hbs
@@ -2,7 +2,7 @@
     <div class="flex items-center justify-between">
         <div class="flex items-center">
             <h3 class="text-lg leading-6 font-medium text-gray-900 dark:text-gray-100 mr-2">
-                Last 30 days
+                {{t "storefront.component.widget.storefront-metrics.last-day"}}
             </h3>
             {{#if this.isLoading}}
                 <div>
@@ -17,7 +17,7 @@
     <dl class="mt-4 grid grid-cols-2 gap-5 sm:grid-cols-4">
         <div class="px-4 py-5 border border-gray-200 dark:border-gray-900 bg-gray-50 dark:bg-gray-700 shadow-sm dark:shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Orders
+                {{t "storefront.common.orders"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-800 dark:text-white">
                 {{this.metrics.orders_count}}
@@ -26,7 +26,7 @@
 
         <div class="px-4 py-5 border border-gray-200 dark:border-gray-900 bg-gray-50 dark:bg-gray-700 shadow-sm dark:shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Customers
+                {{t "storefront.common.customers"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-800 dark:text-white">
                 {{this.metrics.customers_count}}
@@ -35,7 +35,7 @@
 
         <div class="px-4 py-5 border border-gray-200 dark:border-gray-900 bg-gray-50 dark:bg-gray-700 shadow-sm dark:shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Stores
+                {{t "storefront.common.orders"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-800 dark:text-white">
                 {{this.metrics.stores_count}}
@@ -44,7 +44,7 @@
 
         <div class="px-4 py-5 border border-gray-200 dark:border-gray-900 bg-gray-50 dark:bg-gray-700 shadow-sm dark:shadow rounded-lg overflow-hidden sm:p-6">
             <dt class="text-sm font-medium text-gray-500 dark:text-gray-100 truncate">
-                Earnings
+                {{t "storefront.common.earning"}}
             </dt>
             <dd class="mt-1 text-3xl font-semibold text-gray-800 dark:text-white">
                 {{format-currency this.metrics.earnings_sum this.metrics.currency}}
diff --git a/addon/controllers/customers/index.js b/addon/controllers/customers/index.js
index 50742a6..5e87588 100644
--- a/addon/controllers/customers/index.js
+++ b/addon/controllers/customers/index.js
@@ -41,6 +41,13 @@ export default class CustomersIndexController extends Controller {
      */
     @service filters;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Queryable parameters for this controller's model
      *
@@ -111,7 +118,7 @@ export default class CustomersIndexController extends Controller {
      */
     @tracked columns = [
         {
-            label: 'Name',
+            label: this.intl.t('storefront.common.name'),
             valuePath: 'name',
             width: '15%',
             cellComponent: 'table/cell/media-name',
@@ -122,7 +129,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'ID',
+            label: this.intl.t('storefront.common.id'),
             valuePath: 'public_id',
             cellComponent: 'click-to-copy',
             width: '15%',
@@ -132,7 +139,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Internal ID',
+            label: this.intl.t('storefront.customers.index.internal-id'),
             valuePath: 'internal_id',
             cellComponent: 'click-to-copy',
             width: '15%',
@@ -142,7 +149,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Email',
+            label: this.intl.t('storefront.common.email'),
             valuePath: 'email',
             cellComponent: 'table/cell/base',
             width: '15%',
@@ -152,7 +159,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Phone',
+            label: this.intl.t('storefront.common.phone'),
             valuePath: 'phone',
             cellComponent: 'table/cell/base',
             width: '15%',
@@ -162,7 +169,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Address',
+            label: this.intl.t('storefront.common.address'),
             valuePath: 'address',
             cellComponent: 'table/cell/anchor',
             // action: this.viewVendorPlace,
@@ -174,7 +181,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Country',
+            label: this.intl.t('storefront.common.country'),
             valuePath: 'country',
             cellComponent: 'table/cell/base',
             cellClassNames: 'uppercase',
@@ -186,7 +193,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Created At',
+            label: this.intl.t('storefront.customers.index.create-at'),
             valuePath: 'createdAt',
             sortParam: 'created_at',
             width: '15%',
@@ -196,7 +203,7 @@ export default class CustomersIndexController extends Controller {
             filterComponent: 'filter/date',
         },
         {
-            label: 'Updated At',
+            label: this.intl.t('storefront.customers.index.update-at'),
             valuePath: 'updatedAt',
             sortParam: 'updated_at',
             width: '15%',
@@ -212,24 +219,25 @@ export default class CustomersIndexController extends Controller {
             ddButtonText: false,
             ddButtonIcon: 'ellipsis-h',
             ddButtonIconPrefix: 'fas',
-            ddMenuLabel: 'Vendor Actions',
+            ddMenuLabel: this.intl.t('storefront.customers.index.vendor-action'),
             cellClassNames: 'overflow-visible',
             wrapperClass: 'flex items-center justify-end mx-2',
             width: '10%',
             actions: [
                 {
-                    label: 'View Customer Details',
+                    label: this.intl.t('storefront.customers.index.view-customer-details'),
                     // fn: this.viewVendor,
                 },
                 {
-                    label: 'Edit Customer',
+                    label: this.intl.t('storefront.customers.index.edit-customer'),
+
                     // fn: this.editVendor,
                 },
                 {
                     separator: true,
                 },
                 {
-                    label: 'Delete Customer',
+                    label: this.intl.t('storefront.customers.index.delete-customer'),
                     // fn: this.deleteVendor,
                 },
             ],
diff --git a/addon/controllers/networks/index.js b/addon/controllers/networks/index.js
index 1c20ac2..d147900 100644
--- a/addon/controllers/networks/index.js
+++ b/addon/controllers/networks/index.js
@@ -22,6 +22,13 @@ export default class NetworksIndexController extends BaseController {
      */
     @service notifications;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `modals-manager` service
      *
@@ -167,13 +174,13 @@ export default class NetworksIndexController extends BaseController {
         }
 
         this.modalsManager.show('modals/create-network', {
-            title: 'Create a new network',
+            title: this.intl.t('storefront.networks.index.create-new-network'),
             network,
             confirm: (modal) => {
                 modal.startLoading();
 
                 return network.save().then(() => {
-                    this.notifications.success('Your new storefront network has been created!');
+                    this.notifications.success(this.intl.t('storefront.networks.index.success-message'));
                     return this.hostRouter.refresh();
                 });
             },
@@ -192,7 +199,7 @@ export default class NetworksIndexController extends BaseController {
      */
     @action deleteNetwork(network) {
         return this.crud.delete(network, {
-            title: `Are you sure you wish to delete this network (${network.name})? All assigned stores, customers, orders will no longer be reachable.`,
+            title: this.intl.t('storefront.networks.index.delete-this-network-all-assigned-stores-customer-order', { networkName: network.name }),
             onSuccess: () => {
                 return this.hostRouter.refresh();
             },
diff --git a/addon/controllers/networks/index/network.js b/addon/controllers/networks/index/network.js
index c4dd5ce..09d9eef 100644
--- a/addon/controllers/networks/index/network.js
+++ b/addon/controllers/networks/index/network.js
@@ -4,13 +4,14 @@ import { action } from '@ember/object';
 
 export default class NetworksIndexNetworkController extends BaseController {
     @service modalsManager;
+    @service intl;
 
     @action transitionBack({ closeOverlay }) {
         if (this.model.hasDirtyAttributes) {
             // warn user about unsaved changes
             return this.modalsManager.confirm({
-                title: 'Network changes not saved!',
-                body: 'Going back will rollback all unsaved changes, are you sure you wish to continue?',
+                title: this.intl.t('storefront.controllers.networks.index.network.Network-changes-not-save'),
+                body: this.intl.t('storefront.controllers.networks.index.network.going-back-will-rollback-all-unsaved-changes'),
                 confirm: (modal) => {
                     modal.done();
                     return this.exit(closeOverlay);
diff --git a/addon/controllers/networks/index/network/index.js b/addon/controllers/networks/index/network/index.js
index ecc5876..5d648e9 100644
--- a/addon/controllers/networks/index/network/index.js
+++ b/addon/controllers/networks/index/network/index.js
@@ -42,6 +42,13 @@ export default class NetworksIndexNetworkIndexController extends Controller {
      */
     @service fetch;
 
+    /**
+     * intl service to handle file uploads and other network requests.
+     *
+     * @property {Service} intl
+     */
+    @service intl;
+
     /**
      * Proof of delivery methods.
      *
@@ -82,7 +89,7 @@ export default class NetworksIndexNetworkIndexController extends Controller {
         this.model
             .save()
             .then(() => {
-                this.notifications.success('Changes to network saved.');
+                this.notifications.success(this.intl.t('storefront.controllers.networks.index.change-network-saved'));
             })
             .catch((error) => {
                 this.notifications.serverError(error);
@@ -134,13 +141,13 @@ export default class NetworksIndexNetworkIndexController extends Controller {
         });
 
         this.editGateway(gateway, {
-            title: `Create a new payment gateway`,
-            acceptButtonText: 'Save Gateway',
+            title: this.intl.t('storefront.networks.index.network.index.create-new-payment-gateway'),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.index.save-gateway'),
             confirm: (modal) => {
                 modal.startLoading();
 
                 return gateway.save().then((gateway) => {
-                    this.notifications.success(`New gateway added to network`);
+                    this.notifications.success(this.intl.t('storefront.networks.index.network.index.new-gateway-add-network'));
                     this.gateways.pushObject(gateway);
                 });
             },
@@ -169,7 +176,7 @@ export default class NetworksIndexNetworkIndexController extends Controller {
                 modal.startLoading();
 
                 return gateway.save().then(() => {
-                    this.notifications.success(`Payment gateway changes saved!`);
+                    this.notifications.success(this.intl.t('storefront.networks.index.network.index.payment-gateway-changes-success'));
                 });
             };
         }
@@ -200,13 +207,13 @@ export default class NetworksIndexNetworkIndexController extends Controller {
         });
 
         this.editChannel(channel, {
-            title: `Create a new notification channel`,
-            acceptButtonText: 'Create Notification Channel',
+            title: this.intl.t('storefront.networks.index.network.index.create-new-notification-channel'),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.index.create-notification-channel'),
             confirm: (modal) => {
                 modal.startLoading();
 
                 return channel.save().then((channel) => {
-                    this.notifications.success(`New notification channel added to network!`);
+                    this.notifications.success(this.intl.t('storefront.networks.index.network.index.notification-channel-add-network'));
                     this.channels.pushObject(channel);
                 });
             },
@@ -235,7 +242,7 @@ export default class NetworksIndexNetworkIndexController extends Controller {
                 modal.startLoading();
 
                 return channel.save().then(() => {
-                    this.notifications.success(`Notification channel changes saved!`);
+                    this.notifications.success(this.intl.t('storefront.controllers.networks.index.notification-channel-changes-save'));
                 });
             };
         }
diff --git a/addon/controllers/networks/index/network/stores.js b/addon/controllers/networks/index/network/stores.js
index cf0d625..5f21b08 100644
--- a/addon/controllers/networks/index/network/stores.js
+++ b/addon/controllers/networks/index/network/stores.js
@@ -18,6 +18,14 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @service notifications;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     * @memberof NetworksIndexNetworkStoresController
+     */
+    @service intl;
+
     /**
      * Inject the `modals-manager` service
      *
@@ -128,7 +136,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @tracked columns = [
         {
-            label: 'Store',
+            label: this.intl.t('storefront.networks.index.network.stores.store'),
             valuePath: 'name',
             width: '130px',
             resizable: true,
@@ -138,7 +146,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
             showOnlineIndicator: true,
         },
         {
-            label: 'ID',
+            label: this.intl.t('storefront.common.id'),
             valuePath: 'public_id',
             cellComponent: 'click-to-copy',
             width: '120px',
@@ -148,7 +156,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Category',
+            label: this.intl.t('storefront.common.category'),
             valuePath: 'category.name',
             cellComponent: 'table/cell/base',
             width: '100px',
@@ -158,7 +166,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Currency',
+            label: this.intl.t('storefront.common.currency'),
             valuePath: 'currency',
             cellComponent: 'table/cell/base',
             width: '100px',
@@ -168,7 +176,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Created At',
+            label: this.intl.t('storefront.networks.index.network.stores.created-at'),
             valuePath: 'createdAtShort',
             sortParam: 'created_at',
             width: '100px',
@@ -189,22 +197,22 @@ export default class NetworksIndexNetworkStoresController extends Controller {
             width: '50px',
             actions: [
                 {
-                    label: 'View Store Details',
+                    label: this.intl.t('storefront.networks.index.network.stores.view-store-details'),
                     fn: this.viewStoreDetails,
                 },
                 {
-                    label: 'Edit Store',
+                    label: this.intl.t('storefront.networks.index.network.stores.edit-store'),
                     fn: this.editStore,
                 },
                 {
-                    label: 'Assign Category',
+                    label: this.intl.t('storefront.networks.index.network.stores.assign-category'),
                     fn: this.assignStoreToCategory,
                 },
                 {
                     separator: true,
                 },
                 {
-                    label: 'Remove Store from Network',
+                    label: this.intl.t('storefront.networks.index.network.stores.remove-store-from-network'),
                     fn: this.removeStore,
                 },
             ],
@@ -263,8 +271,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @action deleteCategory(category) {
         this.modalsManager.confirm({
-            title: 'Delete network category?',
-            body: 'Deleting this category will move all stores inside to the top level, are you sure you want to delete this category?',
+            title: this.intl.t('storefront.networks.index.network.stores.delete-network-category'),
+            body: this.intl.t('storefront.networks.index.network.stores.deleting-category-move-all-stores-inside-on-top-level'),
             confirm: (modal) => {
                 modal.startLoading();
 
@@ -287,8 +295,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @action assignStoreToCategory(store, options = {}) {
         this.modalsManager.show('modals/add-store-to-category', {
-            title: 'Add store to category',
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.networks.index.network.stores.add-store-to-category'),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.stores.save-change'),
             acceptButtonIcon: 'save',
             selectedCategory: null,
             network: this.network,
@@ -366,10 +374,10 @@ export default class NetworksIndexNetworkStoresController extends Controller {
         const category = this.store.createRecord('category', categoryAttrs);
 
         return this.editCategory(category, {
-            title: 'Add new network category',
+            title: this.intl.t('storefront.networks.index.network.stores.add-new-network-category'),
             acceptButtonIcon: 'check',
-            acceptButtonText: 'Create new category',
-            successMessage: 'New category created.',
+            acceptButtonText: this.intl.t('storefront.networks.index.network.stores.create-new-category'),
+            successMessage: this.intl.t('storefront.networks.index.network.stores.new-category-created'),
             parentCategory,
             category,
             confirm: (modal) => {
@@ -378,7 +386,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
                 category
                     .save()
                     .then((category) => {
-                        this.notifications.success('New network category created.');
+                        this.notifications.success(this.intl.t('storefront.networks.index.network.stores.network-category-create'));
                         networkCategoriesPicker.categories.pushObject(category);
                         modal.done();
                     })
@@ -400,8 +408,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @action editCategory(category, options = {}) {
         this.modalsManager.show('modals/create-network-category', {
-            title: `Edit category (${category.name})`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.networks.index.network.stores.edit-category', { categoryName: category.name }),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.stores.save-change'),
             acceptButtonIcon: 'save',
             iconType: category.icon_file_uuid ? 'image' : 'svg',
             network: this.network,
@@ -467,7 +475,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
 
         return this.modalsManager.done().then(() => {
             this.modalsManager.show('modals/add-stores-to-network', {
-                title: 'Add stores to network',
+                title: this.intl.t('storefront.networks.index.network.stores.add-stores-to-network'),
                 acceptButtonIcon: 'check',
                 stores,
                 members,
@@ -485,7 +493,7 @@ export default class NetworksIndexNetworkStoresController extends Controller {
 
                     return network.addStores(stores, remove).then(() => {
                         return this.hostRouter.refresh().then(() => {
-                            this.notifications.success('Network stores updated.');
+                            this.notifications.success(this.intl.t('storefront.networks.index.network.stores.network-stores-update'));
                         });
                     });
                 },
@@ -502,8 +510,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @action async removeStore(store) {
         this.modalsManager.confirm({
-            title: `Remove this store (${store.name}) from this network (${this.network.name})?`,
-            body: 'Are you sure you wish to remove this store from this network? It will no longer be findable by this network.',
+            title: this.intl.t('storefront.networks.index.network.stores.remove-this-store', { storeName: store.name, networkName: this.network.name }),
+            body: this.intl.t('storefront.networks.index.network.stores.longer-findable-by-this-network'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             declineButtonIcon: 'times',
@@ -535,8 +543,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @action viewStoreDetails(store, options = {}) {
         this.modalsManager.show('modals/store-details', {
-            title: `Viewing ${store.name} storefront`,
-            acceptButtonText: 'Done',
+            title: this.intl.t('storefront.networks.index.network.stores.viewing-storefront', { storeName: store.name }),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.stores.done'),
             hideDeclineButton: true,
             store,
             ...options,
@@ -553,8 +561,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
      */
     @action editStore(store, options = {}) {
         this.modalsManager.show('modals/store-form', {
-            title: `Editing ${store.name} storefront`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.networks.index.network.stores.editing-storefront', { storeName: store.name }),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.stores.save-change'),
             hideDeclineButton: true,
             store,
             confirm: (modal) => {
@@ -586,8 +594,8 @@ export default class NetworksIndexNetworkStoresController extends Controller {
         const shareableLink = createShareableLink(`join/network/${this.network.public_id}`);
 
         this.modalsManager.show('modals/share-network', {
-            title: 'Add stores to network',
-            acceptButtonText: 'Send Invitations',
+            title: this.intl.t('storefront.networks.index.network.stores.add-stores-to-network'),
+            acceptButtonText: this.intl.t('storefront.networks.index.network.stores.send-invitations'),
             acceptButtonIcon: 'paper-plane',
             acceptButtonDisabled: true,
             shareableLink,
@@ -626,12 +634,12 @@ export default class NetworksIndexNetworkStoresController extends Controller {
                 if (!isValid) {
                     modal.stopLoading();
 
-                    return this.notifications.error('Invalid emails provided!');
+                    return this.notifications.error(this.intl.t('storefront.networks.index.network.stores.invalid-emails-provided-error'));
                 }
 
                 return this.network.sendInvites(recipients).then(() => {
                     modal.stopLoading();
-                    this.notifications.success('Invitations sent to recipients!');
+                    this.notifications.success(this.intl.t('storefront.networks.index.network.stores.invitation-sent-recipients'));
                 });
             },
         });
diff --git a/addon/controllers/orders/index.js b/addon/controllers/orders/index.js
index edac29f..393cec3 100644
--- a/addon/controllers/orders/index.js
+++ b/addon/controllers/orders/index.js
@@ -13,6 +13,13 @@ export default class OrdersIndexController extends Controller {
      */
     @service notifications;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `modals-manager` service
      *
@@ -84,7 +91,7 @@ export default class OrdersIndexController extends Controller {
 
     @tracked columns = [
         {
-            label: 'ID',
+            label: this.intl.t('storefront.common.id'),
             valuePath: 'public_id',
             width: '150px',
             cellComponent: 'table/cell/link-to',
@@ -96,7 +103,7 @@ export default class OrdersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Internal ID',
+            label: this.intl.t('storefront.orders.index.internal-id'),
             valuePath: 'internal_id',
             width: '125px',
             resizable: true,
@@ -105,7 +112,7 @@ export default class OrdersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Customer',
+            label: this.intl.t('storefront.orders.index.customer'),
             valuePath: 'customer.name',
             cellComponent: 'table/cell/base',
             width: '125px',
@@ -114,12 +121,12 @@ export default class OrdersIndexController extends Controller {
             hidden: true,
             filterable: true,
             filterComponent: 'filter/model',
-            filterComponentPlaceholder: 'Select order customer',
+            filterComponentPlaceholder: this.intl.t('storefront.orders.index.select-order-customer'),
             filterParam: 'customer',
             model: 'customer',
         },
         {
-            label: 'Pickup',
+            label: this.intl.t('storefront.common.pickup'),
             valuePath: 'pickupName',
             cellComponent: 'table/cell/base',
             width: '160px',
@@ -127,12 +134,12 @@ export default class OrdersIndexController extends Controller {
             sortable: true,
             filterable: true,
             filterComponent: 'filter/model',
-            filterComponentPlaceholder: 'Select order pickup location',
+            filterComponentPlaceholder: this.intl.t('storefront.orders.index.select-order-pickup-location'),
             filterParam: 'pickup',
             model: 'place',
         },
         {
-            label: 'Dropoff',
+            label: this.intl.t('storefront.common.dropoff'),
             valuePath: 'dropoffName',
             cellComponent: 'table/cell/base',
             width: '160px',
@@ -140,12 +147,12 @@ export default class OrdersIndexController extends Controller {
             sortable: true,
             filterable: true,
             filterComponent: 'filter/model',
-            filterComponentPlaceholder: 'Select order dropoff location',
+            filterComponentPlaceholder: this.intl.t('storefront.orders.index.select-order-dropoff-location'),
             filterParam: 'dropoff',
             model: 'place',
         },
         {
-            label: 'Scheduled At',
+            label: this.intl.t('storefront.orders.index.scheduled-at'),
             valuePath: 'scheduledAt',
             sortParam: 'scheduled_at',
             filterParam: 'scheduled_at',
@@ -164,7 +171,7 @@ export default class OrdersIndexController extends Controller {
             width: '50px',
         },
         {
-            label: 'Transaction Total',
+            label: this.intl.t('storefront.orders.index.transaction-total'),
             cellComponent: 'table/cell/base',
             valuePath: 'transaction_amount',
             width: '50px',
@@ -173,7 +180,7 @@ export default class OrdersIndexController extends Controller {
             sortable: true,
         },
         {
-            label: 'Tracking Number',
+            label: this.intl.t('storefront.orders.index.tracking-number'),
             cellComponent: 'table/cell/base',
             valuePath: 'tracking_number.tracking_number',
             width: '170px',
@@ -183,7 +190,7 @@ export default class OrdersIndexController extends Controller {
             filterComponent: 'filter/string',
         },
         {
-            label: 'Driver Assigned',
+            label: this.intl.t('storefront.orders.index.driver-assigned'),
             cellComponent: 'table/cell/driver-name',
             valuePath: 'driver_assigned',
             modelPath: 'driver_assigned',
@@ -192,7 +199,7 @@ export default class OrdersIndexController extends Controller {
             sortable: true,
             filterable: true,
             filterComponent: 'filter/model',
-            filterComponentPlaceholder: 'Select driver for order',
+            filterComponentPlaceholder: this.intl.t('storefront.orders.index.select-driver-for-order'),
             filterParam: 'driver',
             model: 'driver',
             query: {
@@ -201,7 +208,7 @@ export default class OrdersIndexController extends Controller {
             },
         },
         {
-            label: 'Type',
+            label: this.intl.t('storefront.common.type'),
             cellComponent: 'cell/humanize',
             valuePath: 'type',
             width: '100px',
@@ -210,7 +217,7 @@ export default class OrdersIndexController extends Controller {
             sortable: true,
         },
         {
-            label: 'Status',
+            label: this.intl.t('storefront.common.status'),
             valuePath: 'status',
             cellComponent: 'table/cell/status',
             width: '120px',
@@ -221,7 +228,7 @@ export default class OrdersIndexController extends Controller {
             // filterOptions: this.statusOptions,
         },
         {
-            label: 'Created At',
+            label: this.intl.t('storefront.orders.index.created-at'),
             valuePath: 'createdAt',
             sortParam: 'created_at',
             filterParam: 'created_at',
@@ -232,7 +239,7 @@ export default class OrdersIndexController extends Controller {
             filterComponent: 'filter/date',
         },
         {
-            label: 'Updated At',
+            label: this.intl.t('storefront.orders.index.updated-at'),
             valuePath: 'updatedAt',
             sortParam: 'updated_at',
             filterParam: 'updated_at',
@@ -244,7 +251,7 @@ export default class OrdersIndexController extends Controller {
             filterComponent: 'filter/date',
         },
         {
-            label: 'Created By',
+            label: this.intl.t('storefront.orders.index.created-by'),
             valuePath: 'created_by_name',
             width: '125px',
             resizable: true,
@@ -256,14 +263,14 @@ export default class OrdersIndexController extends Controller {
             model: 'user',
         },
         {
-            label: 'Updated By',
+            label: this.intl.t('storefront.orders.index.updated-by'),
             valuePath: 'updated_by_name',
             width: '125px',
             resizable: true,
             hidden: true,
             filterable: true,
             filterComponent: 'filter/model',
-            filterComponentPlaceholder: 'Select user',
+            filterComponentPlaceholder: this.intl.t('storefront.orders.index.select-user'),
             filterParam: 'updated_by',
             model: 'user',
         },
@@ -279,12 +286,12 @@ export default class OrdersIndexController extends Controller {
             width: '12%',
             actions: [
                 {
-                    label: 'View Order',
+                    label: this.intl.t('storefront.orders.index.view-order'),
                     icon: 'eye',
                     fn: this.viewOrder,
                 },
                 {
-                    label: 'Cancel Order',
+                    label: this.intl.t('storefront.orders.index.cancel-order'),
                     icon: 'ban',
                     fn: this.cancelOrder,
                 },
@@ -292,7 +299,7 @@ export default class OrdersIndexController extends Controller {
                     separator: true,
                 },
                 {
-                    label: 'Delete Order',
+                    label: this.intl.t('storefront.orders.index.delete-order'),
                     icon: 'trash',
                     fn: this.deleteOrder,
                 },
diff --git a/addon/controllers/products/index.js b/addon/controllers/products/index.js
index 8d9c85a..0a7a394 100644
--- a/addon/controllers/products/index.js
+++ b/addon/controllers/products/index.js
@@ -13,6 +13,7 @@ export default class ProductsIndexController extends BaseController {
     @service fetch;
     @service hostRouter;
     @service storefront;
+    @service intl;
 
     /**
      * the current storefront store session.
@@ -34,9 +35,9 @@ export default class ProductsIndexController extends BaseController {
 
     @action manageAddons() {
         this.modalsManager.show('modals/manage-addons', {
-            title: 'Manage Addons',
+            title: this.intl.t('storefront.products.index.aside-scroller.title'),
             modalClass: 'modal-lg',
-            acceptButtonText: 'Done',
+            acceptButtonText: this.intl.t('storefront.products.index.done'),
             store: this.activeStore,
         });
     }
@@ -60,7 +61,7 @@ export default class ProductsIndexController extends BaseController {
         });
 
         this.modalsManager.show('modals/create-product-category', {
-            title: 'Create a new product category',
+            title: this.intl.t('storefront.products.index.create-new-product-category'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             declineButtonIcon: 'times',
@@ -88,7 +89,7 @@ export default class ProductsIndexController extends BaseController {
                 modal.startLoading();
 
                 return category.save().then(() => {
-                    this.notifications.success('New product category created.');
+                    this.notifications.success(this.intl.t('storefront.products.index.product-category-created-success'));
                     return this.hostRouter.refresh();
                 });
             },
@@ -107,8 +108,8 @@ export default class ProductsIndexController extends BaseController {
         };
 
         this.modalsManager.show('modals/import-products', {
-            title: 'Import products via spreadsheets',
-            acceptButtonText: 'Start Upload',
+            title: this.intl.t('storefront.products.index.import-products-via-spreadsheets'),
+            acceptButtonText: this.intl.t('storefront.products.index.start-upload'),
             acceptButtonScheme: 'magic',
             acceptButtonIcon: 'upload',
             acceptButtonDisabled: true,
@@ -160,7 +161,7 @@ export default class ProductsIndexController extends BaseController {
                 };
 
                 if (!uploadQueue.length) {
-                    return this.notifications.warning('No files in queue to upload!');
+                    return this.notifications.warning(this.intl.t('storefront.products.index.warning-no-file-upload'));
                 }
 
                 modal.startLoading();
@@ -184,7 +185,7 @@ export default class ProductsIndexController extends BaseController {
 
                 modal.done().then(() => {
                     if (results?.length) {
-                        this.notifications.success(`Successfully imported ${results.length} products...`);
+                        this.notifications.success(this.intl.t('storefront.products.index.import-products-success-message', { resultsLength: results.length }));
                         return this.hostRouter.refresh();
                     }
                 });
diff --git a/addon/controllers/products/index/category.js b/addon/controllers/products/index/category.js
index 6ebbba7..4f1b17e 100644
--- a/addon/controllers/products/index/category.js
+++ b/addon/controllers/products/index/category.js
@@ -8,6 +8,7 @@ import { timeout } from 'ember-concurrency';
 import { task } from 'ember-concurrency-decorators';
 
 export default class ProductsIndexCategoryController extends BaseController {
+    @service intl;
     @service modalsManager;
     @service fetch;
     @service hostRouter;
@@ -99,8 +100,8 @@ export default class ProductsIndexCategoryController extends BaseController {
         }
 
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to delete this category?',
-            body: 'Warning! Deleting this category will also remove all products listed under this category.',
+            title: this.intl.t('storefront.products.index.category.category'),
+            body: this.intl.t('storefront.products.index.category.body'),
             confirm: (modal) => {
                 modal.startLoading();
 
@@ -113,8 +114,8 @@ export default class ProductsIndexCategoryController extends BaseController {
 
     @action editCategory(category) {
         this.modalsManager.show('modals/create-product-category', {
-            title: `Edit category: ${category.name}`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.products.index.category.edit-category', { categoryName: category.name }),
+            acceptButtonText: this.intl.t('storefront.products.index.category.save-changes'),
             acceptButtonIcon: 'save',
             declineButtonIcon: 'times',
             declineButtonIconPrefix: 'fas',
@@ -141,7 +142,7 @@ export default class ProductsIndexCategoryController extends BaseController {
                 modal.startLoading();
 
                 return category.save().then(() => {
-                    this.notifications.success('Category changes saved.');
+                    this.notifications.success(this.intl.t('storefront.products.index.category.category-changes-saved-success'));
                 });
             },
         });
@@ -149,8 +150,8 @@ export default class ProductsIndexCategoryController extends BaseController {
 
     @action deleteProduct(product) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to delete this product?',
-            body: 'Warning! Once this product is deleted it will no longer be accessible.',
+            title: this.intl.t('storefront.products.index.category.delete-product'),
+            body: this.intl.t('storefront.products.index.category.body-warning'),
             confirm: (modal) => {
                 modal.startLoading();
 
diff --git a/addon/controllers/products/index/category/edit.js b/addon/controllers/products/index/category/edit.js
index 147034f..379f807 100644
--- a/addon/controllers/products/index/category/edit.js
+++ b/addon/controllers/products/index/category/edit.js
@@ -2,9 +2,11 @@ import ProductsIndexCategoryNewController from './new';
 import { tracked } from '@glimmer/tracking';
 import { alias } from '@ember/object/computed';
 import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
 
 export default class ProductsIndexCategoryEditController extends ProductsIndexCategoryNewController {
     @alias('model') product;
+    @service intl;
     @tracked overlayActionButtonTitle = 'Save Changes';
     @tracked overlayActionButtonIcon = 'save';
     @tracked overlayExitButtonTitle = 'Done';
@@ -21,7 +23,7 @@ export default class ProductsIndexCategoryEditController extends ProductsIndexCa
             .save()
             .then(() => {
                 this.isSaving = false;
-                this.notifications.success('Changes saved!');
+                this.notifications.success(this.intl.t('storefront.products.index.changes-saved'));
             })
             .catch((error) => {
                 this.isSaving = false;
@@ -37,8 +39,8 @@ export default class ProductsIndexCategoryEditController extends ProductsIndexCa
         if (this.product.hasDirtyAttributes) {
             // details have been added warn user it will lost
             return this.modalsManager.confirm({
-                title: 'Product is not saved!',
-                body: 'You will loose all unsaved changes, are you sure you wish to cancel?',
+                title: this.intl.t('storefront.products.index.edit.title'),
+                body: this.intl.t('storefront.products.index.edit.body'),
                 confirm: (modal) => {
                     modal.done();
                     return this.exit(closeOverlay);
diff --git a/addon/controllers/products/index/category/new.js b/addon/controllers/products/index/category/new.js
index e934316..44d443d 100644
--- a/addon/controllers/products/index/category/new.js
+++ b/addon/controllers/products/index/category/new.js
@@ -13,6 +13,7 @@ export default class ProductsIndexCategoryNewController extends BaseController {
     @service modalsManager;
     @service currentUser;
     @service store;
+    @service intl;
     @service storefront;
     @service fetch;
     @service loader;
@@ -62,7 +63,7 @@ export default class ProductsIndexCategoryNewController extends BaseController {
             .then(() => {
                 this.loader.removeLoader(loader);
                 this.isSaving = false;
-                this.notifications.success('New product created successfully!');
+                this.notifications.success(this.intl.t('storefront.products.index.new.new-product-created-success'));
 
                 return this.transitionToRoute('products.index.category').then(() => {
                     return this.hostRouter.refresh();
@@ -134,10 +135,10 @@ export default class ProductsIndexCategoryNewController extends BaseController {
 
     @action makePrimaryFile(file) {
         if (file.isNotImage) {
-            return this.notifications.warning('You can only select an image file to be primary!');
+            return this.notifications.warning(this.intl.t('storefront.products.index.category.new.warning-only-select-an-image-file-to-be-primary'));
         }
 
-        this.notifications.success(`${file.original_filename} was made the primary image.`);
+        this.notifications.success(this.intl.t('storefront.products.index.category.new.made-the-primary-success-image', { fileName: file.original_filename }));
         this.product.primary_image_uuid = file.id;
         this.product.primary_image_url = file.url;
         this.product.primary_image = file;
@@ -147,8 +148,8 @@ export default class ProductsIndexCategoryNewController extends BaseController {
         if (this.product.hasDirtyAttributes) {
             // details have been added warn user it will lost
             return this.modalsManager.confirm({
-                title: 'Product is not saved!',
-                body: 'Going back will cancel this product creation, if you continue all input fields will be cleared!',
+                title: this.intl.t('storefront.products.index.new.title'),
+                body: this.intl.t('storefront.products.index.new.body'),
                 confirm: (modal) => {
                     modal.done();
                     return this.exit(closeOverlay);
@@ -175,7 +176,7 @@ export default class ProductsIndexCategoryNewController extends BaseController {
 
         return this.modalsManager.done().then(() => {
             this.modalsManager.show('modals/select-addon-category', {
-                title: 'Select addon categories',
+                title: this.intl.t('storefront.products.index.new.select-addon-categories'),
                 addonCategories,
                 product,
                 updateProductAddonCategories: (categories) => {
@@ -200,7 +201,7 @@ export default class ProductsIndexCategoryNewController extends BaseController {
         const productVariant = this.store.createRecord('product-variant');
 
         return this.modalsManager.show('modals/create-new-variant', {
-            title: 'Add new product variant',
+            title: this.intl.t('storefront.products.index.new.add-new-product-variant'),
             productVariant,
             confirm: (modal) => {
                 modal.startLoading();
@@ -213,7 +214,7 @@ export default class ProductsIndexCategoryNewController extends BaseController {
 
     @action editProductVariant(productVariant) {
         return this.modalsManager.show('modals/create-new-variant', {
-            title: 'Edit product variant',
+            title: this.intl.t('storefront.products.index.new.edit-product-variant'),
             productVariant,
         });
     }
@@ -272,7 +273,7 @@ export default class ProductsIndexCategoryNewController extends BaseController {
             meta_array = [];
         }
 
-        const label = `Untitled Field`;
+        const label = this.intl.t('storefront.products.index.new.untitled-field');
 
         meta_array.pushObject({
             key: underscore(label),
diff --git a/addon/controllers/products/index/index.js b/addon/controllers/products/index/index.js
index f0ed1e3..dddefe5 100644
--- a/addon/controllers/products/index/index.js
+++ b/addon/controllers/products/index/index.js
@@ -14,6 +14,13 @@ export default class ProductsIndexIndexController extends BaseController {
      */
     @service filters;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `currentUser` service
      *
@@ -121,8 +128,8 @@ export default class ProductsIndexIndexController extends BaseController {
 
     @action deleteProduct(product) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to delete this product?',
-            body: 'Warning! Once this product is deleted it will no longer be accessible.',
+            title: this.intl.t('storefront.products.index.delete-product'),
+            body: this.intl.t('storefront.products.index.body-warning'),
             confirm: (modal) => {
                 modal.startLoading();
 
diff --git a/addon/controllers/settings/gateways.js b/addon/controllers/settings/gateways.js
index 26f4f22..0315f6e 100644
--- a/addon/controllers/settings/gateways.js
+++ b/addon/controllers/settings/gateways.js
@@ -7,6 +7,7 @@ import getGatewaySchemas from '../../utils/get-gateway-schemas';
 
 export default class SettingsGatewaysController extends Controller {
     @service notifications;
+    @service intl;
     @service modalsManager;
     @service store;
     @service crud;
@@ -20,8 +21,8 @@ export default class SettingsGatewaysController extends Controller {
         });
 
         this.editGateway(gateway, {
-            title: `Create a new payment gateway`,
-            acceptButtonText: 'Save Gateway',
+            title: this.intl.t('storefront.settings.gateways.create-new-payment-gateway'),
+            acceptButtonText: this.intl.t('storefront.settings.gateways.save-gateway'),
             decline: (modal) => {
                 gateway.destroyRecord();
                 modal.done();
@@ -42,8 +43,8 @@ export default class SettingsGatewaysController extends Controller {
         const schemaOptions = Object.keys(schemas);
 
         this.modalsManager.show('modals/create-gateway', {
-            title: `Edit payment gateway`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.settings.gateways.edit-payment-gateway'),
+            acceptButtonText: this.intl.t('storefront.settings.gateways.save-changes'),
             schema: null,
             schemas,
             schemaOptions,
@@ -95,8 +96,8 @@ export default class SettingsGatewaysController extends Controller {
 
     @action deleteGateway(gateway) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove this gateway?',
-            body: 'All applications and websites utilizing this gateway in configuration could be disrupted if gateway is not replaced beforehand',
+            title: this.intl.t('storefront.settings.gateways.title-remove'),
+            body: this.intl.t('storefront.settings.gateways.application-website-utilizing-gateway'),
             confirm: (modal) => {
                 modal.startLoading();
 
diff --git a/addon/controllers/settings/index.js b/addon/controllers/settings/index.js
index b0117e0..b9080e0 100644
--- a/addon/controllers/settings/index.js
+++ b/addon/controllers/settings/index.js
@@ -10,6 +10,7 @@ export default class SettingsIndexController extends Controller {
     @service notifications;
     @service fetch;
     @service storefront;
+    @service intl;
 
     @alias('storefront.activeStore') activeStore;
     @tracked podMethods = getPodMethods();
diff --git a/addon/controllers/settings/locations.js b/addon/controllers/settings/locations.js
index 31068b4..4a5d475 100644
--- a/addon/controllers/settings/locations.js
+++ b/addon/controllers/settings/locations.js
@@ -12,6 +12,13 @@ export default class SettingsLocationsController extends Controller {
      */
     @service notifications;
 
+    /**
+     * Inject the `intl` service
+     *
+     * @var {Service}
+     */
+    @service intl;
+
     /**
      * Inject the `modals-manager` service
      *
@@ -64,8 +71,8 @@ export default class SettingsLocationsController extends Controller {
         });
 
         return this.editStoreLocation(storeLocation, {
-            title: 'New store location',
-            acceptButtonText: 'Add new Location',
+            title: this.intl.t('storefront.settings.locations.new-store-location'),
+            acceptButtonText: this.intl.t('storefront.settings.locations.add-new-location'),
             acceptButtonIcon: 'save',
         });
     }
@@ -82,8 +89,8 @@ export default class SettingsLocationsController extends Controller {
         }
 
         this.modalsManager.show('modals/store-location-form', {
-            title: 'Edit store location',
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.settings.locations.edit-store-location'),
+            acceptButtonText: this.intl.t('storefront.settings.locations.save-changes'),
             acceptButtonIcon: 'save',
             place,
             autocomplete: (selected) => {
@@ -134,8 +141,8 @@ export default class SettingsLocationsController extends Controller {
 
     @action removeStoreLocation(storeLocation) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove this store location?',
-            body: 'All products that are solely assosciated with this location will no longer be accessible.',
+            title: this.intl.t('storefront.settings.locations.remove-this-store-location'),
+            body: this.intl.t('storefront.settings.locations.solely-accosciated-location'),
             confirm: (modal) => {
                 modal.startLoading();
 
@@ -156,8 +163,8 @@ export default class SettingsLocationsController extends Controller {
         });
 
         this.modalsManager.show('modals/add-store-hours', {
-            title: `Add new store hours for ${day}`,
-            acceptButtonText: 'Add hours',
+            title: this.intl.t('storefront.settings.locations.new-store-hour', { Day: day }),
+            acceptButtonText: this.intl.t('storefront.settings.locations.add-hours'),
             acceptButtonIcon: 'save',
             storeHours,
             confirm: (modal) => {
@@ -165,7 +172,7 @@ export default class SettingsLocationsController extends Controller {
 
                 return storeHours.save().then((storeHours) => {
                     storeLocation.hours.pushObject(storeHours);
-                    this.notifications.success(`New store hours added for ${day}`);
+                    this.notifications.success(this.intl.t('storefront.settings.locations.store-hour-added', { Day: day }));
                 });
             },
         });
@@ -173,8 +180,8 @@ export default class SettingsLocationsController extends Controller {
 
     @action removeHours(storeHours) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove these hours?',
-            body: 'By removing these operation hours, your store may become inactive according to the updated schedule for this location..',
+            title: this.intl.t('storefront.settings.locations.remove-these-hour'),
+            body: this.intl.t('storefront.settings.locations.update-schedule-location'),
             confirm: (modal) => {
                 modal.startLoading();
 
diff --git a/addon/controllers/settings/notifications.js b/addon/controllers/settings/notifications.js
index 143240d..d4eec10 100644
--- a/addon/controllers/settings/notifications.js
+++ b/addon/controllers/settings/notifications.js
@@ -10,6 +10,7 @@ export default class SettingsNotificationsController extends Controller {
     @service notifications;
     @service modalsManager;
     @service store;
+    @service intl;
     @service crud;
     @service storefront;
     @alias('storefront.activeStore') activeStore;
@@ -22,8 +23,8 @@ export default class SettingsNotificationsController extends Controller {
         });
 
         this.editChannel(channel, {
-            title: `Create a new notification channel`,
-            acceptButtonText: 'Create Notification Channel',
+            title: this.intl.t('storefront.settings.notification.create-new-notification-channel'),
+            acceptButtonText: this.intl.t('storefront.settings.notification.create-notification-channel'),
             decline: (modal) => {
                 channel.destroyRecord();
                 modal.done();
@@ -39,8 +40,8 @@ export default class SettingsNotificationsController extends Controller {
         ];
 
         this.modalsManager.show('modals/create-notification-channel', {
-            title: `Edit notification channel`,
-            acceptButtonText: 'Save Changes',
+            title: this.intl.t('storefront.settings.notification.edit-notification-channel'),
+            acceptButtonText: this.intl.t('storefront.settings.notification.save-changes'),
             schema: channel.id ? channel.config : null,
             schemas,
             schemaOptions,
@@ -71,7 +72,7 @@ export default class SettingsNotificationsController extends Controller {
                 return channel
                     .save()
                     .then((channel) => {
-                        this.notifications.success(`New notification channel added`);
+                        this.notifications.success(this.intl.t('storefront.settings.notification.new-notification-channel-added'));
                         this.channels.pushObject(channel);
                     })
                     .catch((error) => {
@@ -86,8 +87,8 @@ export default class SettingsNotificationsController extends Controller {
 
     @action deleteChannel(channel) {
         this.modalsManager.confirm({
-            title: 'Are you sure you wish to remove this notification channel?',
-            body: 'All applications and websites utilizing this channel in configuration could be disrupted if channel is not replaced beforehand',
+            title: this.intl.t('storefront.settings.notification.remove-this-notification-channel'),
+            body: this.intl.t('storefront.settings.notification.application-websites-utillizing-channel'),
             confirm: (modal) => {
                 modal.startLoading();
 
diff --git a/addon/services/storefront.js b/addon/services/storefront.js
index a2df505..cce8df1 100644
--- a/addon/services/storefront.js
+++ b/addon/services/storefront.js
@@ -13,6 +13,12 @@ export default class StorefrontService extends Service.extend(Evented) {
      */
     @service store;
 
+    /**
+     * Ember service for intl.
+     * @type {Service}
+     */
+    @service intl;
+
     /**
      * Ember service for fetch operations.
      * @type {Service}
@@ -121,11 +127,11 @@ export default class StorefrontService extends Service.extend(Evented) {
         this.trigger('order.incoming', order, store);
 
         this.modalsManager.show('modals/incoming-order', {
-            title: 'You have a new incoming order!',
-            acceptButtonText: 'Accept Order',
+            title: this.intl.t('storefront.service.storefront.new-incoming-order'),
+            acceptButtonText: this.intl.t('storefront.service.storefront.accept-order'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
-            declineButtonText: 'Decline Order',
+            declineButtonText: this.intl.t('storefront.service.storefront.decline-order'),
             declineButtonScheme: 'danger',
             closeButton: false,
             backdropClose: false,
@@ -192,7 +198,7 @@ export default class StorefrontService extends Service.extend(Evented) {
         }
 
         this.modalsManager.show('modals/create-first-store', {
-            title: 'Create your first Storefront',
+            title: this.intl.t('storefront.service.storefront.create-first-storefront'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             closeButton: false,
@@ -209,7 +215,7 @@ export default class StorefrontService extends Service.extend(Evented) {
                 store
                     .save()
                     .then((store) => {
-                        this.notifications.success('Your new storefront has been created!');
+                        this.notifications.success(this.intl.t('storefront.service.storefront.storefront-has-been-create-success'));
                         this.setActiveStorefront(store);
                         return done();
                     })
@@ -238,7 +244,7 @@ export default class StorefrontService extends Service.extend(Evented) {
         }
 
         this.modalsManager.show('modals/create-store', {
-            title: 'Create a new Storefront',
+            title: this.intl.t('storefront.service.storefront.create-new-storefront'),
             acceptButtonIcon: 'check',
             acceptButtonIconPrefix: 'fas',
             declineButtonIcon: 'times',
@@ -250,7 +256,7 @@ export default class StorefrontService extends Service.extend(Evented) {
                 store
                     .save()
                     .then((store) => {
-                        this.notifications.success('Your new storefront has been created!');
+                        this.notifications.success(this.intl.t('storefront.service.storefront.storefront-create-success'));
                         // this.currentUser.setOption('activeStorefront', store.id);
                         this.setActiveStorefront(store);
 
diff --git a/addon/templates/application.hbs b/addon/templates/application.hbs
index 1c5bb3c..0ded445 100644
--- a/addon/templates/application.hbs
+++ b/addon/templates/application.hbs
@@ -1,14 +1,14 @@
 <EmberWormhole @to="sidebar-menu-items">
     <StoreSelector @stores={{@model}} @activeStore={{this.activeStore}} @wrapperClass="mb-2" @onCreateStore={{this.createNewStorefront}} @onSwitchStore={{this.switchActiveStore}} />
-    <Layout::Sidebar::Panel @open={{true}} @title="Storefront">
-        <Layout::Sidebar::Item @route="console.storefront.home" @icon="home">Dashboard</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.products" @icon="box" disabled={{not this.activeStore.id}}>Products</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.customers" @icon="users" disabled={{not this.activeStore.id}}>Customers</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.orders" @icon="file-invoice-dollar" disabled={{not this.activeStore.id}}>Orders</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.networks" @icon="network-wired" disabled={{not this.activeStore.id}}>Networks</Layout::Sidebar::Item>
-        <Layout::Sidebar::Item @route="console.storefront.settings" @icon="cogs" disabled={{not this.activeStore.id}}>Settings</Layout::Sidebar::Item>
+    <Layout::Sidebar::Panel @open={{true}} @title={{t "storefront.sidebar.storefront"}}>
+        <Layout::Sidebar::Item @route="console.storefront.home" @icon="home">{{t "storefront.sidebar.dashboard"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.products" @icon="box" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.products"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.customers" @icon="users" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.customers"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.orders" @icon="file-invoice-dollar" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.orders"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.networks" @icon="network-wired" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.networks"}}</Layout::Sidebar::Item>
+        <Layout::Sidebar::Item @route="console.storefront.settings" @icon="cogs" disabled={{not this.activeStore.id}}>{{t "storefront.sidebar.settings"}}</Layout::Sidebar::Item>
     </Layout::Sidebar::Panel>
-    <Layout::Sidebar::Item @url="https://github.com/fleetbase/storefront-app" @target="_github" @icon="rocket">Launch App</Layout::Sidebar::Item>
+    <Layout::Sidebar::Item @url="https://github.com/fleetbase/storefront-app" @target="_github" @icon="rocket">{{t "storefront.sidebar.launch-app"}}</Layout::Sidebar::Item>
 </EmberWormhole>
 
 <Layout::Section::Container>
diff --git a/addon/templates/customers/index.hbs b/addon/templates/customers/index.hbs
index 9dbaf86..f7aa02e 100644
--- a/addon/templates/customers/index.hbs
+++ b/addon/templates/customers/index.hbs
@@ -1,11 +1,30 @@
-<Layout::Section::Header @title="Customers" @searchQuery={{this.query}} @onSearch={{perform this.search}}>
-    <FiltersPicker @columns={{this.columns}} @onApply={{fn this.filters.apply this}} @onClear={{fn this.filters.reset this}} @onFilterClear={{this.filters.clear}} @onChange={{this.filters.set}} @buttonWrapperClass="mr-2" />
+<Layout::Section::Header @title={{t "storefront.common.customer"}} @searchQuery={{this.query}} @onSearch={{perform this.search}}>
+    <FiltersPicker
+        @columns={{this.columns}}
+        @onApply={{fn this.filters.apply this}}
+        @onClear={{fn this.filters.reset this}}
+        @onFilterClear={{this.filters.clear}}
+        @onChange={{this.filters.set}}
+        @buttonWrapperClass="mr-2"
+    />
     <VisibleColumnPicker @columns={{this.columns}} @onChange={{fn (mut this.columns)}} class="mr-2" />
-    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text="Export" />
+    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text={{t "storefront.common.export"}} />
 </Layout::Section::Header>
 
 <Layout::Section::Body>
-    <Table @rows={{@model}} @columns={{this.columns}} @selectable={{true}} @canSelectAll={{true}} @onSetup={{fn (mut this.table)}} @pagination={{true}} @paginationMeta={{@model.meta}} @page={{this.page}} @onPageChange={{fn (mut this.page)}} @tfootVerticalOffset="53" @tfootVerticalOffsetElements=".next-view-section-subheader" />
+    <Table
+        @rows={{@model}}
+        @columns={{this.columns}}
+        @selectable={{true}}
+        @canSelectAll={{true}}
+        @onSetup={{fn (mut this.table)}}
+        @pagination={{true}}
+        @paginationMeta={{@model.meta}}
+        @page={{this.page}}
+        @onPageChange={{fn (mut this.page)}}
+        @tfootVerticalOffset="53"
+        @tfootVerticalOffsetElements=".next-view-section-subheader"
+    />
 </Layout::Section::Body>
 
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/customers/index/edit.hbs b/addon/templates/customers/index/edit.hbs
index e2535d2..e2147ca 100644
--- a/addon/templates/customers/index/edit.hbs
+++ b/addon/templates/customers/index/edit.hbs
@@ -1,2 +1 @@
-
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/home.hbs b/addon/templates/home.hbs
index ee807a6..50e7d72 100644
--- a/addon/templates/home.hbs
+++ b/addon/templates/home.hbs
@@ -1,4 +1,4 @@
-<Layout::Section::Header @title="Storefront Dashboard" @hideActions={{true}} />
+<Layout::Section::Header @title={{t "storefront.home.title"}} @hideActions={{true}} />
 
 <Layout::Section::Body class="space-y-4" @padded={{true}}>
     <Widget::StorefrontMetrics />
diff --git a/addon/templates/networks/index.hbs b/addon/templates/networks/index.hbs
index d9801a6..8dfb450 100644
--- a/addon/templates/networks/index.hbs
+++ b/addon/templates/networks/index.hbs
@@ -1,5 +1,5 @@
-<Layout::Section::Header @title="Networks" @searchQuery={{this.query}} @onSearch={{perform this.search}}>
-    <Button @type="primary" @icon="plus" @iconPrefix="fas" @text="New" class="mr-2" @onClick={{this.createNetwork}} />
+<Layout::Section::Header @title={{t "storefront.common.network"}} @searchQuery={{this.query}} @onSearch={{perform this.search}}>
+    <Button @type="primary" @icon="plus" @iconPrefix="fas" @text={{t "storefront.common.new"}} class="mr-2" @onClick={{this.createNetwork}} />
 </Layout::Section::Header>
 
 <Layout::Section::Body>
@@ -21,7 +21,7 @@
                                         <div role="menu" class="next-dd-menu" aria-orientation="vertical" aria-labelledby="user-menu">
                                             <div class="px-1">
                                                 <div class="next-dd-title">
-                                                    Network Options
+                                                    {{t "storefront.networks.index.network-option"}}
                                                 </div>
                                             </div>
                                             <div class="next-dd-menu-seperator"></div>
@@ -30,19 +30,24 @@
                                                     <div class="w-7">
                                                         <FaIcon @icon="network-wired" class="mr-2" />
                                                     </div>
-                                                    <span>Manage Network</span>
+                                                    <span>{{t "storefront.networks.index.manage-network"}}</span>
                                                 </a>
                                                 <a href="javascript:;" class="next-dd-item" role="menuitem" {{on "click" (dropdown-fn dd this.sendInvites network)}}>
                                                     <div class="w-7">
                                                         <FaIcon @icon="envelope-open-text" class="mr-2" />
                                                     </div>
-                                                    <span>Send Invites</span>
+                                                    <span>{{t "storefront.networks.index.send-invite"}}</span>
                                                 </a>
-                                                <a href="javascript:;" class="next-dd-item text-red-500 hover:bg-opacity-75" role="menuitem" {{on "click" (dropdown-fn dd this.deleteNetwork network)}}>
+                                                <a
+                                                    href="javascript:;"
+                                                    class="next-dd-item text-red-500 hover:bg-opacity-75"
+                                                    role="menuitem"
+                                                    {{on "click" (dropdown-fn dd this.deleteNetwork network)}}
+                                                >
                                                     <div class="w-7">
                                                         <FaIcon @icon="trash" class="mr-2 text-red-500" />
                                                     </div>
-                                                    <span class="text-red-500">Delete Network</span>
+                                                    <span class="text-red-500">{{t "storefront.networks.index.delete-network"}}</span>
                                                 </a>
                                             </div>
                                         </div>
diff --git a/addon/templates/networks/index/network.hbs b/addon/templates/networks/index/network.hbs
index 7e7ad4b..0dcbaa4 100644
--- a/addon/templates/networks/index/network.hbs
+++ b/addon/templates/networks/index/network.hbs
@@ -1,5 +1,5 @@
 <Overlay @position="right" @isResizable={{true}} @noBackdrop={{true}} @width="570px" @minResizeWidth={{570}} @fullHeight={{true}}>
-    <Overlay::Header @title="Manage Network" @onPressCancel={{this.transitionBack}} />
+    <Overlay::Header @title={{t "storefront.networks.index.network.manage-network"}} @onPressCancel={{this.transitionBack}} />
     <Overlay::Body class="p-0i" @increaseInnerBodyHeightBy="0" @wrapperClass="space-y-4 pt-4">
         <div class="flex flex-col">
             <div class="px-4 flex items-center section-header-title mb-4">
@@ -13,19 +13,19 @@
                     <nav>
                         <LinkTo @route="networks.index.network.index" class="ui-tab">
                             <FaIcon @icon="cogs" class="mr-2" />
-                            <span>Settings</span>
+                            <span>{{t "storefront.networks.index.network.settings"}}</span>
                         </LinkTo>
                         <LinkTo @route="networks.index.network.stores" class="ui-tab">
                             <FaIcon @icon="store" class="mr-2" />
-                            <span>Stores</span>
+                            <span>{{t "storefront.networks.index.network.stores.store"}}</span>
                         </LinkTo>
                         <LinkTo @route="networks.index.network.orders" class="ui-tab">
                             <FaIcon @icon="file-invoice-dollar" class="mr-2" />
-                            <span>Orders</span>
+                            <span>{{t "storefront.networks.index.network.orders"}}</span>
                         </LinkTo>
                         <LinkTo @route="networks.index.network.customers" class="ui-tab">
                             <FaIcon @icon="users" class="mr-2" />
-                            <span>Customers</span>
+                            <span>{{t "storefront.networks.index.network.customers"}}</span>
                         </LinkTo>
                     </nav>
                 </div>
diff --git a/addon/templates/networks/index/network/customers.hbs b/addon/templates/networks/index/network/customers.hbs
index e2535d2..e2147ca 100644
--- a/addon/templates/networks/index/network/customers.hbs
+++ b/addon/templates/networks/index/network/customers.hbs
@@ -1,2 +1 @@
-
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/networks/index/network/index.hbs b/addon/templates/networks/index/network/index.hbs
index 28137c1..1cb8fe2 100644
--- a/addon/templates/networks/index/network/index.hbs
+++ b/addon/templates/networks/index/network/index.hbs
@@ -1,34 +1,72 @@
 <div class="space-y-4 px-6 py-4">
-    <ContentPanel @title="General Network Settings" @open={{true}} @pad={{true}}>
+    <ContentPanel @title={{t "storefront.networks.index.network.index.general-network-settings-title"}} @open={{true}} @pad={{true}}>
         <div class="space-y-4">
             <div>
                 <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                    General Network Settings
+                    {{t "storefront.networks.index.network.index.general-network-settings-title"}}
                 </h1>
                 <p class="mt-1 text-sm text-gray-500">
-                    Provide the general settings for your network or marketplace.
+                    {{t "storefront.networks.index.network.index.general-network-settings-subtitle"}}
                 </p>
             </div>
 
-            <InputGroup @name="Name" @value={{@model.name}} @placeholder="Storefront Name" @helpText="The name of your network or marketplace." />
-            <InputGroup @name="Description" @value={{@model.description}} @placeholder="Storefront Description" @helpText="Give your store a brief description to let users know what your network is about." />
-            <InputGroup @name="Currency">
+            <InputGroup
+                @name={{t "storefront.networks.index.network.index.general-network-settings-form.name"}}
+                @value={{@model.name}}
+                @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.name-placeholder"}}
+                @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.name-help-text"}}
+            />
+            <InputGroup
+                @name={{t "storefront.networks.index.network.index.general-network-settings-form.description"}}
+                @value={{@model.description}}
+                @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.description-placeholder"}}
+                @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.description-help-text"}}
+            />
+            <InputGroup @name={{t "storefront.networks.index.network.index.general-network-settings-form.currency"}}>
                 <CurrencySelect @value={{@model.currency}} @onSelect={{fn (mut @model.currency)}} @triggerClass="w-full form-select" />
             </InputGroup>
 
-            <ContentPanel @title="Contact & Social" @open={{false}} @pad={{true}}>
-                <InputGroup @name="Phone">
+            <ContentPanel @title={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.panel-title"}} @open={{false}} @pad={{true}}>
+                <InputGroup @name={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.phone"}}>
                     <PhoneInput @value={{@model.phone}} @onInput={{fn (mut @model.phone)}} class="form-input w-full" />
                 </InputGroup>
-                <InputGroup @name="Email" @value={{@model.email}} @placeholder="Email" @helpText="Your business email." />
-                <InputGroup @name="Website" @value={{@model.website}} @placeholder="Website" @helpText="Your business website URL." />
-                <InputGroup @name="Facebook" @value={{@model.facebook}} @placeholder="Facebook ID" @helpText="Your business Facebook page ID." />
-                <InputGroup @name="Instagram" @value={{@model.instagram}} @placeholder="Instagram Username" @helpText="Your business Instagram username." />
-                <InputGroup @name="Twitter" @value={{@model.twitter}} @placeholder="Twitter Username" @helpText="Your business Twitter username." />
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.email"}}
+                    @value={{@model.email}}
+                    @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.email"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.email-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.website"}}
+                    @value={{@model.website}}
+                    @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.website"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.website-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.facebook"}}
+                    @value={{@model.facebook}}
+                    @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.facebook"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.facebook-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.instagram"}}
+                    @value={{@model.instagram}}
+                    @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.instagram"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.instagram-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.twitter"}}
+                    @value={{@model.twitter}}
+                    @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.twitter"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.contact-social-panel.twitter-help-text"}}
+                />
             </ContentPanel>
 
-            <ContentPanel @title="Logo & Backdrop" @open={{false}} @pad={{true}}>
-                <InputGroup @name="Logo" @helpText="Logo for your store.">
+            <ContentPanel @title={{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.panel-title"}} @open={{false}} @pad={{true}}>
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.logo-label"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.logo-help-text"}}
+                >
                     <div class="flex flex-row items-center">
                         <img src={{@model.logo_url}} alt={{concat @model.name " logo"}} class="h-20 w-64 border dark:border-gray-900 rounded-md mr-4" />
                         <FileUpload @name="logo" @accept="image/*" @onFileAdded={{fn this.uploadFile "storefront_logo"}} as |queue|>
@@ -36,12 +74,12 @@
                                 {{#if queue.files.length}}
                                     <Spinner class="mr-1" />
                                     <span>
-                                        Uploading...
+                                        {{t "storefront.common.uploading"}}
                                     </span>
                                 {{else}}
                                     <FaIcon @icon="image" class="mr-1" />
                                     <span>
-                                        Upload new logo
+                                        {{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.upload-logo-button-text"}}
                                     </span>
                                 {{/if}}
                             </a>
@@ -49,7 +87,10 @@
                     </div>
                 </InputGroup>
 
-                <InputGroup @name="Backdrop" @helpText="Optional banner or background image for your store.">
+                <InputGroup
+                    @name={{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.backdrop-label"}}
+                    @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.backdrop-help-text"}}
+                >
                     <div class="flex flex-row items-center">
                         <img src={{@model.backdrop_url}} alt={{concat @model.name " backdrop"}} class="h-20 w-64 border dark:border-gray-900 rounded-md mr-4" />
                         <FileUpload @name="backdrop" @accept="image/*" @onFileAdded={{fn this.uploadFile "storefront_backdrop"}} as |queue|>
@@ -57,12 +98,12 @@
                                 {{#if queue.files.length}}
                                     <Spinner class="mr-1" />
                                     <span>
-                                        Uploading...
+                                        {{t "storefront.common.uploading"}}
                                     </span>
                                 {{else}}
                                     <FaIcon @icon="image" class="mr-1" />
                                     <span>
-                                        Upload new backdrop
+                                        {{t "storefront.networks.index.network.index.general-network-settings-form.logo-backdrop-panel.upload-backdrop-button-text"}}
                                     </span>
                                 {{/if}}
                             </a>
@@ -71,11 +112,25 @@
                 </InputGroup>
             </ContentPanel>
 
-            <ContentPanel @title="Alerts" @open={{false}} @pad={{true}} @panelBodyClass="bg-gray-800">
+            <ContentPanel
+                @title={{t "storefront.networks.index.network.index.general-network-settings-form.alert-panel.panel-title"}}
+                @open={{false}}
+                @pad={{true}}
+                @panelBodyClass="bg-gray-800"
+            >
                 <div>
-                    <p class="dark:text-gray-100 mb-4">Configure who should be alerted for certain events.</p>
-                    <InputGroup @name="New order alert" @wrapperClass="mb-0">
-                        <ModelSelectMultiple @modelName="user" @selectedModel={{@model.alertable.for_new_order}} @placeholder="Select users to alert for new order" @triggerClass="form-select form-input multiple" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn this.makeAlertable "for_new_order"}} as |model|>
+                    <p class="dark:text-gray-100 mb-4">{{t "storefront.networks.index.network.index.general-network-settings-form.alert-panel.panel-description"}}</p>
+                    <InputGroup @name={{t "storefront.networks.index.network.index.general-network-settings-form.alert-panel.new-order-alert-label"}} @wrapperClass="mb-0">
+                        <ModelSelectMultiple
+                            @modelName="user"
+                            @selectedModel={{@model.alertable.for_new_order}}
+                            @placeholder={{t "storefront.networks.index.network.index.general-network-settings-form.alert-panel.new-order-alert-placeholder"}}
+                            @triggerClass="form-select form-input multiple"
+                            @infiniteScroll={{false}}
+                            @renderInPlace={{true}}
+                            @onChange={{fn this.makeAlertable "for_new_order"}}
+                            as |model|
+                        >
                             {{model.name}}
                         </ModelSelectMultiple>
                     </InputGroup>
@@ -85,119 +140,192 @@
             <div class="store-boolean-settings">
                 <div class="input-group">
                     <Toggle @isToggled={{@model.online}} @onToggle={{fn (mut @model.online)}}>
-                        <FaIcon @icon="plug" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Online</span>
+                        <FaIcon @icon="plug" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.online"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.tax_enabled}} @onToggle={{fn (mut @model.options.tax_enabled)}}>
-                        <FaIcon @icon="percent" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable tax</span>
+                        <FaIcon @icon="percent" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-tax"
+                            }}</span>
                     </Toggle>
                     {{#if @model.options.tax_enabled}}
-                        <InputGroup @wrapperClass="mb-0 mt-2" @type="number" @name="Tax Percentage" @value={{@model.options.tax_percentage}} @placeholder="Tax Percentage" @helpText="The sales tax percentage to apply to orders." />
+                        <InputGroup
+                            @wrapperClass="mb-0 mt-2"
+                            @type="number"
+                            @name={{t "storefront.networks.index.network.index.general-network-settings-form.config-switches.tax-percentage-input-label"}}
+                            @value={{@model.options.tax_percentage}}
+                            @placeholder={{t "storefront.networks.index.network.index.placeholder-tax"}}
+                            @helpText={{t "storefront.networks.index.network.index.general-network-settings-form.config-switches.tax-percentage-input-help-text"}}
+                        />
                     {{/if}}
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.auto_accept_orders}} @onToggle={{fn (mut @model.options.auto_accept_orders)}}>
-                        <FaIcon @icon="robot" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Auto accept incoming orders</span>
+                        <FaIcon @icon="robot" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.auto-accept-incoming-orders"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.auto_dispatch}} @onToggle={{fn (mut @model.options.auto_dispatch)}}>
-                        <FaIcon @icon="paper-plane" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Auto dispatch orders</span>
+                        <FaIcon @icon="paper-plane" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.auto-dispatch-orders"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.require_pod}} @onToggle={{fn (mut @model.options.require_pod)}}>
-                        <FaIcon @icon="signature" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Require proof of delivery</span>
+                        <FaIcon @icon="signature" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.require-proof-of-delivery"
+                            }}</span>
                     </Toggle>
                     {{#if @model.options.require_pod}}
-                        <InputGroup @wrapperClass="mb-0 mt-2" @name="Proof of Delivery Method">
-                            <Select @options={{this.podMethods}} @optionValue="value" @optionLabel="name" @value={{@model.pod_method}} @onSelect={{fn (mut @model.pod_method)}} class="w-full" />
+                        <InputGroup @wrapperClass="mb-0 mt-2" @name={{t "storefront.networks.index.network.index.general-network-settings-form.config-switches.proof-of-delivery-method"}}>
+                            <Select
+                                @options={{this.podMethods}}
+                                @optionValue="value"
+                                @optionLabel="name"
+                                @value={{@model.pod_method}}
+                                @onSelect={{fn (mut @model.pod_method)}}
+                                class="w-full"
+                            />
                         </InputGroup>
                     {{/if}}
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.cod_enabled}} @onToggle={{fn (mut @model.options.cod_enabled)}}>
-                        <FaIcon @icon="money-bill-wave" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable cash on delivery</span>
+                        <FaIcon @icon="money-bill-wave" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-cash-on-delivery"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.pickup_enabled}} @onToggle={{fn (mut @model.options.pickup_enabled)}}>
-                        <FaIcon @icon="person-booth" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable order pickup</span>
+                        <FaIcon @icon="person-booth" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-order-pickup"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.tips_enabled}} @onToggle={{fn (mut @model.options.tips_enabled)}}>
-                        <FaIcon @icon="cash-register" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable tips</span>
+                        <FaIcon @icon="cash-register" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-tips"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.delivery_tips_enabled}} @onToggle={{fn (mut @model.options.delivery_tips_enabled)}}>
-                        <FaIcon @icon="face-smile" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable delivery tips</span>
+                        <FaIcon @icon="face-smile" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-delivery-tips"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.multi_cart_enabled}} @onToggle={{fn (mut @model.options.multi_cart_enabled)}}>
-                        <FaIcon @icon="gifts" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable multi-cart checkout</span>
+                        <FaIcon @icon="gifts" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-multi-cart-checkout"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.reviews_enabled}} @onToggle={{fn (mut @model.options.reviews_enabled)}}>
-                        <FaIcon @icon="star" @prefix="fas" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable user reviews</span>
+                        <FaIcon @icon="star" @prefix="fas" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.networks.index.network.index.general-network-settings-form.config-switches.enable-user-reviews"
+                            }}</span>
                     </Toggle>
                 </div>
             </div>
 
             <div class="flex justify-end">
-                <Button @type="primary" @text="Save Changes" @icon="save" @size="lg" @isLoading={{this.isLoading}} @onClick={{this.saveSettings}} />
+                <Button
+                    @type="primary"
+                    @text={{t "storefront.networks.index.network.index.general-network-settings-form.save-changes-button-text"}}
+                    @icon="save"
+                    @size="lg"
+                    @isLoading={{this.isLoading}}
+                    @onClick={{this.saveSettings}}
+                />
             </div>
         </div>
     </ContentPanel>
 
-    <ContentPanel @title="API" @open={{false}} @pad={{true}}>
+    <ContentPanel @title={{t "storefront.networks.index.network.index.api-panel.panel-title"}} @open={{false}} @pad={{true}}>
         <div class="space-y-6">
             <div>
                 <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                    API Settings
+                    {{t "storefront.networks.index.network.index.api-panel.panel-header"}}
                 </h1>
                 <p class="mt-1 text-sm text-gray-500">
-                    Access key for Storefront API & Integrations.
+                    {{t "storefront.networks.index.network.index.api-panel.panel-description"}}
                 </p>
             </div>
 
-            <InputGroup @name="Network Key" @helpText="This is your network key, use this to enable apps and integrations for your network.">
+            <InputGroup
+                @name={{t "storefront.networks.index.network.index.api-panel.network-key-label"}}
+                @helpText={{t "storefront.networks.index.network.index.api-panel.network-key-help-text"}}
+            >
                 <ClickToReveal @value={{@model.key}} @clickToCopy={{true}} class="form-input disabled" />
             </InputGroup>
         </div>
     </ContentPanel>
 
-    <ContentPanel @title="Payment Gateways" @open={{false}} @pad={{true}}>
+    <ContentPanel @title={{t "storefront.networks.index.network.index.payment-gateways-panel.panel-title"}} @open={{false}} @pad={{true}}>
         <div class="space-y-6">
             <div class="flex justify-between">
                 <div>
                     <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                        Gateway Settings
+                        {{t "storefront.networks.index.network.index.payment-gateways-panel.panel-title"}}
                     </h1>
                     <p class="mt-1 text-sm text-gray-500">
-                        Add or manage your payment gateway settings here.
+                        {{t "storefront.networks.index.network.index.payment-gateways-panel.panel-description"}}
                     </p>
                 </div>
                 <div>
-                    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text="Create new gateway" @onClick={{this.createGateway}} />
+                    <Button
+                        @icon="plus"
+                        @iconPrefix="fas"
+                        @type="primary"
+                        @text={{t "storefront.networks.index.network.index.payment-gateways-panel.new-gateway-button-text"}}
+                        @onClick={{this.createGateway}}
+                    />
                 </div>
             </div>
 
             {{#each this.gateways as |gateway|}}
                 <ContentPanel @title={{gateway.name}} @open={{true}} @pad={{true}}>
-                    <InputGroup @name="Gateway name" @value={{gateway.name}} @helpText="Give your payment gateway a name, this will only be relevent internally" />
-                    <InputGroup @name="Gateway code" @value={{gateway.code}} @disabled={{true}} @helpText="Identifier code used to identify gateway to the SDK" />
-                    <InputGroup @name="Callback URL" @value={{gateway.callback_url}} @helpText="Callback URL if applicable" />
-                    <InputGroup @name="Return URL" @value={{gateway.return_url}} @helpText="Return URL if applicable" />
+                    <InputGroup
+                        @name={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.name"}}
+                        @value={{gateway.name}}
+                        @helpText={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.name-help-text"}}
+                    />
+                    <InputGroup
+                        @name={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.code"}}
+                        @value={{gateway.code}}
+                        @disabled={{true}}
+                        @helpText={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.code-help-text"}}
+                    />
+                    <InputGroup
+                        @name={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.callback-url"}}
+                        @value={{gateway.callback_url}}
+                        @helpText={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.callback-url-help-text"}}
+                    />
+                    <InputGroup
+                        @name={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.return-url"}}
+                        @value={{gateway.return_url}}
+                        @helpText={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.return-url-help-text"}}
+                    />
                     <div class="input-group">
-                        <Checkbox @value={{gateway.sandbox}} @label="This is a sandbox gateway" @onToggle={{fn (mut gateway.sandbox)}} />
+                        <Checkbox
+                            @value={{gateway.sandbox}}
+                            @label={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.sandbox-toggle-label"}}
+                            @onToggle={{fn (mut gateway.sandbox)}}
+                        />
                     </div>
                     <div>
-                        <h4 class="mb-2 font-semibold text-sm dark:text-white">Config</h4>
+                        <h4 class="mb-2 font-semibold text-sm dark:text-white">{{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.config-header-label"}}</h4>
                         {{#each-in gateway.config as |key value|}}
                             {{#if (is-bool-value value)}}
                                 <div class="input-group">
@@ -211,28 +339,38 @@
                         {{/each-in}}
                     </div>
                     <div>
-                        <Button @size="sm" @type="danger" @icon="trash" @text="Delete payment gateway" @onClick={{fn this.deleteGateway gateway}} />
+                        <Button
+                            @size="sm"
+                            @type="danger"
+                            @icon="trash"
+                            @text={{t "storefront.networks.index.network.index.payment-gateways-panel.gateway-form.delete-gateway-button-text"}}
+                            @onClick={{fn this.deleteGateway gateway}}
+                        />
                     </div>
                 </ContentPanel>
             {{/each}}
         </div>
     </ContentPanel>
 
-    <ContentPanel @title="Notification Channels" @open={{false}} @pad={{true}}>
+    <ContentPanel @title={{t "storefront.networks.index.network.index.notification-channels-panel.panel-title"}} @open={{false}} @pad={{true}}>
         <div class="space-y-6">
             <div class="flex justify-between">
                 <div class="w-3/4">
                     <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                        Notification Settings
+                        {{t "storefront.networks.index.network.index.notification-channels-panel.panel-header"}}
                     </h1>
                     <p class="mt-1 text-sm text-gray-500">
-                        Configure notification channels for your storefront, each notification channel additionally can
-                        have
-                        it's own rules and options.
+                        {{t "storefront.networks.index.network.index.notification-channels-panel.panel-description"}}
                     </p>
                 </div>
                 <div>
-                    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text="New channel" @onClick={{this.createChannel}} />
+                    <Button
+                        @icon="plus"
+                        @iconPrefix="fas"
+                        @type="primary"
+                        @text={{t "storefront.networks.index.network.index.notification-channels-panel.new-channel-button-text"}}
+                        @onClick={{this.createChannel}}
+                    />
                 </div>
             </div>
 
@@ -243,8 +381,8 @@
                             <span class="dark:text-gray-50">{{notificationChannel.name}}</span>
                         </div>
                         <div class="flex items-center">
-                            <Button @size="xs" @type="default" @text="Edit" @wrapperClass="mr-2" @onClick={{fn this.editChannel notificationChannel}} />
-                            <Button @size="xs" @type="danger" @text="Delete" @onClick={{fn this.deleteChannel notificationChannel}} />
+                            <Button @size="xs" @type="default" @text={{t "storefront.common.edit"}} @wrapperClass="mr-2" @onClick={{fn this.editChannel notificationChannel}} />
+                            <Button @size="xs" @type="danger" @text={{t "storefront.common.delete"}} @onClick={{fn this.deleteChannel notificationChannel}} />
                         </div>
                     </div>
                 {{/each}}
diff --git a/addon/templates/networks/index/network/orders.hbs b/addon/templates/networks/index/network/orders.hbs
index e2535d2..e2147ca 100644
--- a/addon/templates/networks/index/network/orders.hbs
+++ b/addon/templates/networks/index/network/orders.hbs
@@ -1,2 +1 @@
-
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/networks/index/network/stores.hbs b/addon/templates/networks/index/network/stores.hbs
index 51de942..0e74ef2 100644
--- a/addon/templates/networks/index/network/stores.hbs
+++ b/addon/templates/networks/index/network/stores.hbs
@@ -1,6 +1,21 @@
-<Layout::Section::Header @title="Stores" @searchQuery={{this.storeQuery}} @onSearch={{perform this.search}}>
-    <Button @type="primary" @icon="plus" @text="Add Stores" @textClass="truncate" @size="sm" @onClick={{this.addStores}} @wrapperClass="mr-2" />
-    <Button @type="primary" @icon="envelope-open-text" @textClass="truncate" @size="sm" @text="Invite Stores" @onClick={{this.invite}} />
+<Layout::Section::Header @title={{t "storefront.networks.index.network.stores.store"}} @searchQuery={{this.storeQuery}} @onSearch={{perform this.search}}>
+    <Button
+        @type="primary"
+        @icon="plus"
+        @text={{t "storefront.networks.index.network.stores.add-stores-button-text"}}
+        @textClass="truncate"
+        @size="sm"
+        @onClick={{this.addStores}}
+        @wrapperClass="mr-2"
+    />
+    <Button
+        @type="primary"
+        @icon="envelope-open-text"
+        @textClass="truncate"
+        @size="sm"
+        @text={{t "storefront.networks.index.network.stores.invite-stores-button-text"}}
+        @onClick={{this.invite}}
+    />
 </Layout::Section::Header>
 
 <Layout::Section::Body>
diff --git a/addon/templates/orders/index.hbs b/addon/templates/orders/index.hbs
index f697f5b..30c59cc 100644
--- a/addon/templates/orders/index.hbs
+++ b/addon/templates/orders/index.hbs
@@ -1,22 +1,41 @@
-<Layout::Section::Header @title="Orders" @searchQuery={{this.query}} @onSearch={{perform this.search}}>
-    <FiltersPicker @columns={{this.columns}} @onApply={{fn this.filters.apply this}} @onClear={{fn this.filters.reset this}} @onFilterClear={{this.filters.clear}} @onChange={{this.filters.set}} @buttonWrapperClass="mr-2" />
+<Layout::Section::Header @title={{t "storefront.common.orders"}} @searchQuery={{this.query}} @onSearch={{perform this.search}}>
+    <FiltersPicker
+        @columns={{this.columns}}
+        @onApply={{fn this.filters.apply this}}
+        @onClear={{fn this.filters.reset this}}
+        @onFilterClear={{this.filters.clear}}
+        @onChange={{this.filters.set}}
+        @buttonWrapperClass="mr-2"
+    />
     <VisibleColumnPicker @columns={{this.columns}} @onChange={{fn (mut this.columns)}} class="mr-2" />
     {{#if (safe-has this.table "selectedRows")}}
-        <DropdownButton @icon="layer-group" @text="Bulk Action" @type="magic" @size="sm" @buttonWrapperClass="mr-2" @contentClass="dropdown-menu" as |dd|>
+        <DropdownButton @icon="layer-group" @text={{t "storefront.common.bulk-action"}} @type="magic" @size="sm" @buttonWrapperClass="mr-2" @contentClass="dropdown-menu" as |dd|>
             <div class="next-dd-menu mt-2 mx-0">
                 <div class="px-1">
                     <a href="#" class="text-red-500 next-dd-item" {{on "click" (dropdown-fn dd this.bulkDeleteOrders)}}>
-                        Delete Orders
+                        {{t "storefront.orders.index.delete-order"}}
                     </a>
                 </div>
             </div>
         </DropdownButton>
     {{/if}}
-    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text="Export" />
+    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @text={{t "storefront.common.export"}} />
 </Layout::Section::Header>
 
 <Layout::Section::Body>
-    <Table @rows={{@model}} @columns={{this.columns}} @selectable={{true}} @canSelectAll={{true}} @onSetup={{fn (mut this.table)}} @pagination={{true}} @paginationMeta={{@model.meta}} @page={{this.page}} @onPageChange={{fn (mut this.page)}} @tfootVerticalOffset="53" @tfootVerticalOffsetElements=".next-view-section-subheader" />
+    <Table
+        @rows={{@model}}
+        @columns={{this.columns}}
+        @selectable={{true}}
+        @canSelectAll={{true}}
+        @onSetup={{fn (mut this.table)}}
+        @pagination={{true}}
+        @paginationMeta={{@model.meta}}
+        @page={{this.page}}
+        @onPageChange={{fn (mut this.page)}}
+        @tfootVerticalOffset="53"
+        @tfootVerticalOffsetElements=".next-view-section-subheader"
+    />
 </Layout::Section::Body>
 
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/orders/index/edit.hbs b/addon/templates/orders/index/edit.hbs
index e2535d2..e2147ca 100644
--- a/addon/templates/orders/index/edit.hbs
+++ b/addon/templates/orders/index/edit.hbs
@@ -1,2 +1 @@
-
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/orders/index/new.hbs b/addon/templates/orders/index/new.hbs
index e2535d2..e2147ca 100644
--- a/addon/templates/orders/index/new.hbs
+++ b/addon/templates/orders/index/new.hbs
@@ -1,2 +1 @@
-
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/orders/index/view.hbs b/addon/templates/orders/index/view.hbs
index e2535d2..e2147ca 100644
--- a/addon/templates/orders/index/view.hbs
+++ b/addon/templates/orders/index/view.hbs
@@ -1,2 +1 @@
-
 {{outlet}}
\ No newline at end of file
diff --git a/addon/templates/products/index.hbs b/addon/templates/products/index.hbs
index ff33deb..2fd9631 100644
--- a/addon/templates/products/index.hbs
+++ b/addon/templates/products/index.hbs
@@ -1,12 +1,33 @@
-<Layout::Section::Header @title="Products">
-    <Button @type="magic" @icon="tags" @text="Manage Addons" class="mr-2 flex-shrink-0" @onClick={{this.manageAddons}} />
-    <Button @type="primary" @icon="plus" @iconPrefix="fas" @text="New" class="mr-2 flex-shrink-0" @onClick={{this.createNewProduct}} @disabled={{not this.category}} @helpText={{unless this.category "Select a category to create a product within"}} />
-    <Button @icon="file-import" @text="Import" class="mr-2" @wrapperClass="hidden lg:flex flex-shrink-0" @onClick={{this.importProducts}} />
-    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @wrapperClass="hidden lg:flex flex-shrink-0" @text="Export" />
+<Layout::Section::Header @title={{t "storefront.common.product"}}>
+    <Button @type="magic" @icon="tags" @text={{t "storefront.products.index.manage-addons"}} class="mr-2 flex-shrink-0" @onClick={{this.manageAddons}} />
+    <Button
+        @type="primary"
+        @icon="plus"
+        @iconPrefix="fas"
+        @text={{t "storefront.common.new"}}
+        class="mr-2 flex-shrink-0"
+        @onClick={{this.createNewProduct}}
+        @disabled={{not this.category}}
+        @helpText={{unless this.category "Select a category to create a product within"}}
+    />
+    <Button @icon="file-import" @text={{t "storefront.common.import"}} class="mr-2" @wrapperClass="hidden lg:flex flex-shrink-0" @onClick={{this.importProducts}} />
+    <Button @icon="long-arrow-up" @iconClass="rotate-icon-45" @wrapperClass="hidden lg:flex flex-shrink-0" @text={{t "storefront.common.export"}} />
 </Layout::Section::Header>
 
 <Layout::Section::Body class="section-content flex flex-col lg:flex-row">
-    <AsideItemScroller @title="Product Categories" @resource="category" @items={{@model}} @titleKey="name" @onCreate={{this.createNewProductCategory}} @onInit={{this.setAsideScroller}} @customTopItemComponent="aside-item-scroller/item" @customTopItemText="All Products" @customTopItemOnClick={{this.viewAllProducts}} @customTopItemClass="border-t border-gray-200 dark:border-gray-700" as |category|>
+    <AsideItemScroller
+        @title={{t "storefront.products.index.aside-scroller.title"}}
+        @resource="category"
+        @items={{@model}}
+        @titleKey="name"
+        @onCreate={{this.createNewProductCategory}}
+        @onInit={{this.setAsideScroller}}
+        @customTopItemComponent="aside-item-scroller/item"
+        @customTopItemText={{t "storefront.products.index.aside-scroller.custom-top-item-text"}}
+        @customTopItemOnClick={{this.viewAllProducts}}
+        @customTopItemClass="border-t border-gray-200 dark:border-gray-700"
+        as |category|
+    >
         <a href="javascript:;" class="aside-item-link cursor-pointer flex w-full md:px-6 md:py-5" {{on "click" (fn this.switchCategory category)}}>
             <div class="flex items-center justify-between">
                 <div>
diff --git a/addon/templates/products/index/category/new.hbs b/addon/templates/products/index/category/new.hbs
index 54b0934..355ab43 100644
--- a/addon/templates/products/index/category/new.hbs
+++ b/addon/templates/products/index/category/new.hbs
@@ -1,6 +1,20 @@
 <Overlay @position="right" @noBackdrop={{true}} @isResizable={{true}} @width="570px" @fullHeight={{true}} @containerClass="border-l border-transparent dark:border-gray-700">
-    <Overlay::Header @title={{this.overlayTitle}} @titleClass="truncate" @titleWrapperClass="w-3/4" @headerLeftClass="w-70pc" @headerLeftInnerClass="w-full flex-1" @onPressCancel={{this.transitionBack}}>
-        <Button @icon={{this.overlayActionButtonIcon}} @type="primary" @text={{this.overlayActionButtonTitle}} @onClick={{this.saveProduct}} @isLoading={{this.isSaving}} @isSubscriptionRequired={{true}} />
+    <Overlay::Header
+        @title={{this.overlayTitle}}
+        @titleClass="truncate"
+        @titleWrapperClass="w-3/4"
+        @headerLeftClass="w-70pc"
+        @headerLeftInnerClass="w-full flex-1"
+        @onPressCancel={{this.transitionBack}}
+    >
+        <Button
+            @icon={{this.overlayActionButtonIcon}}
+            @type="primary"
+            @text={{this.overlayActionButtonTitle}}
+            @onClick={{this.saveProduct}}
+            @isLoading={{this.isSaving}}
+            @isSubscriptionRequired={{true}}
+        />
     </Overlay::Header>
 
     <Overlay::Body @increaseInnerBodyHeightBy="0" @wrapperClass="new-order-overlay-body px-4 space-y-4 pt-4">
@@ -9,28 +23,56 @@
             <Textarea @value={{this.product.description}} class="form-input w-full" placeholder="Enter a description of your product...." rows={{4}} />
         </InputGroup>
         <InputGroup @name="Product Tags">
-            <TagInput class="form-input" @placeholder="Add tags" @allowSpacesInTags={{true}} @tags={{this.product.tags}} @addTag={{this.addTag}} @removeTagAtIndex={{this.removeTag}} as |tag|>
+            <TagInput
+                class="form-input"
+                @placeholder="Add tags"
+                @allowSpacesInTags={{true}}
+                @tags={{this.product.tags}}
+                @addTag={{this.addTag}}
+                @removeTagAtIndex={{this.removeTag}}
+                as |tag|
+            >
                 {{tag}}
             </TagInput>
         </InputGroup>
         <InputGroup @name="Product SKU" @value={{this.product.sku}} @helpText="Enter product SKU if applicable" />
         <div class="grid grid-cols-2 gap-2">
             <InputGroup @name="Price" @helpText="Enter a price users will pay to purchase this product">
-                <MoneyInput class="w-full" @currency={{this.product.currency}} @value={{this.product.price}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut this.product.currency)}} />
+                <MoneyInput
+                    class="w-full"
+                    @currency={{this.product.currency}}
+                    @value={{this.product.price}}
+                    @canSelectCurrency={{true}}
+                    @onCurrencyChange={{fn (mut this.product.currency)}}
+                />
             </InputGroup>
             <InputGroup @name="Sale Price" @helpText="Optionally add a sale price for the product if the product is put on sale">
-                <MoneyInput class="w-full" @currency={{this.product.currency}} @value={{this.product.sale_price}} @canSelectCurrency={{true}} @onCurrencyChange={{fn (mut this.product.currency)}} />
+                <MoneyInput
+                    class="w-full"
+                    @currency={{this.product.currency}}
+                    @value={{this.product.sale_price}}
+                    @canSelectCurrency={{true}}
+                    @onCurrencyChange={{fn (mut this.product.currency)}}
+                />
             </InputGroup>
         </div>
 
-        <ContentPanel @title="Metadata" @open={{this.product.meta_array.length}} @actionButtons={{this.metadataButtons}} @pad={{true}} @panelBodyWrapperClass="px-0 py-4" @panelBodyClass="bg-white dark:bg-gray-800">
+        <ContentPanel
+            @title="Metadata"
+            @open={{this.product.meta_array.length}}
+            @actionButtons={{this.metadataButtons}}
+            @pad={{true}}
+            @panelBodyWrapperClass="px-0 py-4"
+            @panelBodyClass="bg-white dark:bg-gray-800"
+        >
             {{#each this.product.meta_array as |metaField index|}}
                 <div class="px-4 py-3 border-b border-gray-200 dark:border-gray-700">
                     <div class="input-group">
                         <div class="flex justify-between items-center mb-1">
                             <Input class="form-input border-0 px-2 py-1 m-0 bg-white dark:bg-gray-900 shadow-none" @value={{metaField.label}} placeholder={{metaField.label}} />
                             <a href="javascript:;" class="text-xs" tabindex="-1" {{on "click" (fn this.removeMetaField index)}}>
-                                <FaIcon @icon="trash" @size="sm" class="mr-1" /> Remove
+                                <FaIcon @icon="trash" @size="sm" class="mr-1" />
+                                Remove
                             </a>
                         </div>
                         <Input class="w-full form-input" @value={{metaField.value}} placeholder={{metaField.label}} />
@@ -168,7 +210,9 @@
         <ContentPanel @title="Images & Videos" @open={{this.product.files.length}} @pad={{false}} @panelBodyWrapperClass="px-0 py-4" @panelBodyClass="bg-white dark:bg-gray-800">
             <div class="px-6 space-y-4">
                 {{#if this.isUploading}}
-                    <div class="min-h-56 dropzone w-full rounded-lg px-4 py-8 min-h bg-gray-50 dark:bg-gray-900 bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500">
+                    <div
+                        class="min-h-56 dropzone w-full rounded-lg px-4 py-8 min-h bg-gray-50 dark:bg-gray-900 bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500"
+                    >
                         <div class="flex items-center justify-center py-5">
                             <Spinner class="text-sm dar:text-gray-100" @loadingMessage="Uploading..." />
                         </div>
@@ -185,12 +229,14 @@
                             {{else if queue.files.length}}
                                 <div class="my-2">
                                     <FaIcon @icon="photo-video" class="text-indigo-500 mr-2" />
-                                    {{pluralize queue.files.length "file"}} ready for upload.
+                                    {{pluralize queue.files.length "file"}}
+                                    ready for upload.
                                 </div>
                                 <div class="my-2">({{queue.progress}}%)</div>
                             {{else}}
                                 <h4 class="font-semibold mb-8">
-                                    <FaIcon @icon="photo-video" @size="2x" class="text-indigo-500 mr-2" /> Upload Images & Videos
+                                    <FaIcon @icon="photo-video" @size="2x" class="text-indigo-500 mr-2" />
+                                    Upload Images & Videos
                                 </h4>
                                 <div>
                                     {{#if dropzone.supported}}
@@ -224,9 +270,16 @@
                     <div>
                         <div class="grid grid-cols-2 md:grid-cols-4 gap-2 md:gap-4">
                             {{#each this.product.files as |file|}}
-                                <FileRecord @file={{file}} @fileIconClass={{if (eq this.product.primary_image_uuid file.id) 'border-blue-400'}} @onDelete={{this.removeFile}}>
+                                <FileRecord @file={{file}} @fileIconClass={{if (eq this.product.primary_image_uuid file.id) "border-blue-400"}} @onDelete={{this.removeFile}}>
                                     <div class="flex items-center justify-evenly">
-                                        <Button @icon="magic" @text="Make Primary" @size="xs" @textClass="text-xs truncate" @onClick={{fn this.makePrimaryFile file}} @disabled={{eq this.product.primary_image_uuid file.id}} />
+                                        <Button
+                                            @icon="magic"
+                                            @text="Make Primary"
+                                            @size="xs"
+                                            @textClass="text-xs truncate"
+                                            @onClick={{fn this.makePrimaryFile file}}
+                                            @disabled={{eq this.product.primary_image_uuid file.id}}
+                                        />
                                     </div>
                                 </FileRecord>
                             {{/each}}
diff --git a/addon/templates/settings.hbs b/addon/templates/settings.hbs
index 1cf6bd1..70ff3bf 100644
--- a/addon/templates/settings.hbs
+++ b/addon/templates/settings.hbs
@@ -1,25 +1,25 @@
-<Layout::Section::Header @title="Settings" class="align-items-unset" @actionsWrapperClass="align-items-end-i">
+<Layout::Section::Header @title={{t "storefront.common.settings"}} class="align-items-unset" @actionsWrapperClass="align-items-end-i">
     <div class="ui-tabs w-full border-b-0i">
         <nav>
             <LinkTo @route="settings.index" class="ui-tab">
                 <FaIcon @icon="cog" @prefix="fas" class="mr-1" />
-                <span>General</span>
+                <span>{{t "storefront.common.general"}}</span>
             </LinkTo>
             <LinkTo @route="settings.locations" class="ui-tab">
                 <FaIcon @icon="map-marker-alt" class="mr-1" />
-                <span>Locations</span>
+                <span>{{t "storefront.common.location"}}</span>
             </LinkTo>
             <LinkTo @route="settings.gateways" class="ui-tab">
                 <FaIcon @icon="cash-register" class="mr-1" />
-                <span>Gateways</span>
+                <span>{{t "storefront.common.gateways"}}</span>
             </LinkTo>
             <LinkTo @route="settings.api" class="ui-tab">
                 <FaIcon @icon="code" class="mr-1" />
-                <span>API</span>
+                <span>{{t "storefront.common.api"}}</span>
             </LinkTo>
             <LinkTo @route="settings.notifications" class="ui-tab">
                 <FaIcon @icon="bells" class="mr-1" />
-                <span>Notifications</span>
+                <span>{{t "storefront.common.notification"}}</span>
             </LinkTo>
         </nav>
     </div>
diff --git a/addon/templates/settings/api.hbs b/addon/templates/settings/api.hbs
index 095157c..6f15e3e 100644
--- a/addon/templates/settings/api.hbs
+++ b/addon/templates/settings/api.hbs
@@ -3,14 +3,14 @@
         <div class="space-y-6">
             <div>
                 <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                    API Settings
+                    {{t "storefront.settings.api.api-settings"}}
                 </h1>
                 <p class="mt-1 text-sm text-gray-500">
-                    Access key for Storefront API & Integrations.
+                    {{t "storefront.settings.api.access-key-for-storefront-api-integrations"}}
                 </p>
             </div>
 
-            <InputGroup @name="Store Key" @helpText="This is your store key, use this to enable apps and integrations for your storefront.">
+            <InputGroup @name={{t "storefront.settings.api.store-key"}} @helpText={{t "storefront.settings.api.store-key-help-text"}}>
                 <ClickToReveal @value={{@model.key}} @clickToCopy={{true}} class="form-input disabled" />
             </InputGroup>
         </div>
diff --git a/addon/templates/settings/gateways.hbs b/addon/templates/settings/gateways.hbs
index fb168c3..5f6d158 100644
--- a/addon/templates/settings/gateways.hbs
+++ b/addon/templates/settings/gateways.hbs
@@ -4,28 +4,28 @@
             <div class="flex justify-between">
                 <div>
                     <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                        Gateway Settings
+                        {{t "storefront.settings.gateways.geteway-settings"}}
                     </h1>
                     <p class="mt-1 text-sm text-gray-500">
-                        Add or manage your payment gateway settings here.
+                        {{t "storefront.settings.gateways.add-or-manage-your-paymeny-gateway-settings-here"}}
                     </p>
                 </div>
                 <div>
-                    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text="Create new gateway" @onClick={{this.createGateway}} />
+                    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text={{t "storefront.settings.gateways.create-new-gateway"}} @onClick={{this.createGateway}} />
                 </div>
             </div>
 
             {{#each this.gateways as |gateway|}}
                 <ContentPanel @title={{gateway.name}} @open={{true}} @pad={{true}}>
-                    <InputGroup @name="Gateway name" @value={{gateway.name}} @helpText="Give your payment gateway a name, this will only be relevent internally" />
-                    <InputGroup @name="Gateway code" @value={{gateway.code}} @disabled={{true}} @helpText="Identifier code used to identify gateway to the SDK" />
-                    <InputGroup @name="Callback URL" @value={{gateway.callback_url}} @helpText="Callback URL if applicable" />
-                    <InputGroup @name="Return URL" @value={{gateway.return_url}} @helpText="Return URL if applicable" />
+                    <InputGroup @name={{t "storefront.settings.gateways.gateway-name"}} @value={{gateway.name}} @helpText={{t "storefront.settings.gateways.helpText"}} />
+                    <InputGroup @name={{t "storefront.settings.gateways.gateway-code"}} @value={{gateway.code}} @disabled={{true}} @helpText={{t "storefront.settings.gateways.gateway-code-help-text"}} />
+                    <InputGroup @name={{t "storefront.settings.gateways.callback-url"}} @value={{gateway.callback_url}} @helpText={{t "storefront.settings.gateways.callback-url-help-text"}} />
+                    <InputGroup @name={{t "storefront.settings.gateways.return-url"}} @value={{gateway.return_url}} @helpText={{t "storefront.settings.gateways.return-url-help-text"}} />
                     <div class="input-group">
-                        <Checkbox @value={{gateway.sandbox}} @label="This is a sandbox gateway" @onToggle={{fn (mut gateway.sandbox)}} />
+                        <Checkbox @value={{gateway.sandbox}} @label={{t "storefront.settings.gateways.this-is-a-sandbox-gateway"}} @onToggle={{fn (mut gateway.sandbox)}} />
                     </div>
                     <div>
-                        <h4 class="mb-2 font-semibold text-sm dark:text-white">Config</h4>
+                        <h4 class="mb-2 font-semibold text-sm dark:text-white">{{t "storefront.common.config"}}</h4>
                         {{#each-in gateway.config as |key value|}}
                             {{#if (is-bool-value value)}}
                                 <div class="input-group">
@@ -39,7 +39,7 @@
                         {{/each-in}}
                     </div>
                     <div>
-                        <Button @size="sm" @type="danger" @icon="trash" @text="Delete payment gateway" @onClick={{fn this.deleteGateway gateway}} />
+                        <Button @size="sm" @type="danger" @icon="trash" @text={{t "storefront.settings.gateways.delete-payment-gateway"}} @onClick={{fn this.deleteGateway gateway}} />
                     </div>
                 </ContentPanel>
             {{/each}}
diff --git a/addon/templates/settings/index.hbs b/addon/templates/settings/index.hbs
index ab15c93..aafdd49 100644
--- a/addon/templates/settings/index.hbs
+++ b/addon/templates/settings/index.hbs
@@ -3,49 +3,88 @@
         <div class="space-y-4 h-screen">
             <div>
                 <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                    General Settings
+                    {{t "storefront.settings.index.general-settings-header"}}
                 </h1>
                 <p class="mt-1 text-sm text-gray-500">
-                    Provide the general settings for your storefront.
+                    {{t "storefront.settings.index.general-settings-message"}}
                 </p>
             </div>
 
-            <InputGroup @id="storefront_name_input" @name="Name" @value={{@model.name}} @placeholder="Storefront Name" @helpText="The name of your store." />
-            <InputGroup @name="Description" @value={{@model.description}} @placeholder="Storefront Description" @helpText="Give your store a brief description to let users know what you sell." />
-            <InputGroup @name="Tags">
-                <TagInput class="form-input" @placeholder="Add tags" @allowSpacesInTags={{true}} @tags={{@model.tags}} @addTag={{this.addTag}} @removeTagAtIndex={{this.removeTag}} as |tag|>
+            <InputGroup
+                @id="storefront_name_input"
+                @name={{t "storefront.common.name"}}
+                @value={{@model.name}}
+                @placeholder={{t "storefront.settings.index.name-placeholder"}}
+                @helpText={{t "storefront.settings.index.name-help-text"}}
+            />
+            <InputGroup
+                @name={{t "storefront.common.description"}}
+                @value={{@model.description}}
+                @placeholder={{t "storefront.settings.index.description-placeholder"}}
+                @helpText={{t "storefront.settings.index.description-help-text"}}
+            />
+            <InputGroup @name={{t "storefront.common.tag"}}>
+                <TagInput
+                    class="form-input"
+                    @placeholder={{t "storefront.settings.index.tags-placeholder"}}
+                    @allowSpacesInTags={{true}}
+                    @tags={{@model.tags}}
+                    @addTag={{this.addTag}}
+                    @removeTagAtIndex={{this.removeTag}}
+                    as |tag|
+                >
                     {{tag}}
                 </TagInput>
             </InputGroup>
-            <InputGroup @name="Currency">
+            <InputGroup @name={{t "storefront.common.currency"}}>
                 <CurrencySelect @value={{@model.currency}} @onSelect={{fn (mut @model.currency)}} @triggerClass="w-full form-select" />
             </InputGroup>
 
-            <ContentPanel @title="Contact & Social" @open={{false}} @pad={{true}}>
-                <InputGroup @name="Phone">
+            <ContentPanel @title={{t "storefront.settings.index.contact-social"}} @open={{false}} @pad={{true}}>
+                <InputGroup @name={{t "storefront.common.phone"}}>
                     <PhoneInput @value={{@model.phone}} @onInput={{fn (mut @model.phone)}} class="form-input w-full" />
                 </InputGroup>
-                <InputGroup @name="Website" @value={{@model.website}} @placeholder="Website" @helpText="Your business website URL." />
-                <InputGroup @name="Facebook" @value={{@model.facebook}} @placeholder="Facebook ID" @helpText="Your business Facebook page ID." />
-                <InputGroup @name="Instagram" @value={{@model.instagram}} @placeholder="Instagram Username" @helpText="Your business Instagram username." />
-                <InputGroup @name="Twitter" @value={{@model.twitter}} @placeholder="Twitter Username" @helpText="Your business Twitter username." />
+                <InputGroup
+                    @name={{t "storefront.common.website"}}
+                    @value={{@model.website}}
+                    @placeholder={{t "storefront.common.website"}}
+                    @helpText={{t "storefront.settings.index.website-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.common.facebook"}}
+                    @value={{@model.facebook}}
+                    @placeholder={{t "storefront.settings.index.facebook-placeholder"}}
+                    @helpText={{t "storefront.settings.index.facebook-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.common.instagram"}}
+                    @value={{@model.instagram}}
+                    @placeholder={{t "storefront.settings.index.instagram-placeholder"}}
+                    @helpText={{t "storefront.settings.index.instagram-help-text"}}
+                />
+                <InputGroup
+                    @name={{t "storefront.common.twitter"}}
+                    @value={{@model.twitter}}
+                    @placeholder={{t "storefront.settings.index.twitter-placeholder"}}
+                    @helpText={{t "storefront.settings.index.twitter-help-text"}}
+                />
             </ContentPanel>
 
-            <ContentPanel @title="Logo & Backdrop" @open={{false}} @pad={{true}}>
-                <InputGroup @name="Logo" @helpText="Logo for your store.">
+            <ContentPanel @title={{t "storefront.settings.index.logo-backdrop"}} @open={{false}} @pad={{true}}>
+                <InputGroup @name={{t "storefront.common.logo"}} @helpText={{t "storefront.settings.index.logo-help-text"}}>
                     <div class="flex flex-row items-center">
                         <img src={{@model.logo_url}} alt={{concat @model.name " logo"}} class="h-20 w-64 border dark:border-gray-900 rounded-md mr-4" />
-                        <FileUpload @name="logo" @accept="image/*" @onFileAdded={{fn this.uploadFile "storefront_logo"}} as |queue|>
+                        <FileUpload @name={{t "storefront.common.logo"}} @accept="image/*" @onFileAdded={{fn this.uploadFile "storefront_logo"}} as |queue|>
                             <a tabindex={{0}} class="flex items-center px-0 mt-2 text-xs no-underline truncate btn btn-sm btn-default">
                                 {{#if queue.files.length}}
                                     <Spinner class="mr-1" />
                                     <span>
-                                        Uploading...
+                                        {{t "storefront.common.uploading"}}
                                     </span>
                                 {{else}}
                                     <FaIcon @icon="image" class="mr-1" />
                                     <span>
-                                        Upload new logo
+                                        {{t "storefront.settings.index.upload-new-logo"}}
                                     </span>
                                 {{/if}}
                             </a>
@@ -53,20 +92,20 @@
                     </div>
                 </InputGroup>
 
-                <InputGroup @name="Backdrop" @helpText="Optional banner or background image for your store.">
+                <InputGroup @name={{t "storefront.common.backdrop"}} @helpText={{t "storefront.settings.index.backdrop-help-text"}}>
                     <div class="flex flex-row items-center">
                         <img src={{@model.backdrop_url}} alt={{concat @model.name " backdrop"}} class="h-20 w-64 border dark:border-gray-900 rounded-md mr-4" />
-                        <FileUpload @name="backdrop" @accept="image/*" @onFileAdded={{fn this.uploadFile "storefront_backdrop"}} as |queue|>
+                        <FileUpload @name={{t "storefront.common.backdrop"}} @accept="image/*" @onFileAdded={{fn this.uploadFile "storefront_backdrop"}} as |queue|>
                             <a tabindex={{0}} class="flex items-center px-0 mt-2 text-xs no-underline truncate btn btn-sm btn-default">
                                 {{#if queue.files.length}}
                                     <Spinner class="mr-1" />
                                     <span>
-                                        Uploading...
+                                        {{t "storefront.common.uploading"}}
                                     </span>
                                 {{else}}
                                     <FaIcon @icon="image" class="mr-1" />
                                     <span>
-                                        Upload new backdrop
+                                        {{t "storefront.settings.index.upload-new-backdrop"}}
                                     </span>
                                 {{/if}}
                             </a>
@@ -75,39 +114,54 @@
                 </InputGroup>
             </ContentPanel>
 
-            <ContentPanel @title="Images & Videos" @open={{false}} @pad={{false}} @panelBodyWrapperClass="px-0 py-4" @panelBodyClass="bg-white dark:bg-gray-800">
+            <ContentPanel @title={{t "storefront.settings.index.images-videos"}} @open={{false}} @pad={{false}} @panelBodyWrapperClass="px-0 py-4" @panelBodyClass="bg-white dark:bg-gray-800">
                 <div class="p-6">
                     {{#if this.isUploading}}
-                        <div class="min-h-56 dropzone w-full rounded px-4 py-8 min-h bg-black bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500">
+                        <div
+                            class="min-h-56 dropzone w-full rounded px-4 py-8 min-h bg-black bg-opacity-25 text-gray-900 dark:text-white text-center flex flex-col items-center justify-center border-2 border-dashed border-gray-200 dark:border-indigo-500"
+                        >
                             <div class="flex items-center justify-center py-5">
                                 <PageLoader class="text-sm dar:text-gray-100" @loadingMessage="Uploading..." />
                             </div>
                         </div>
                     {{else}}
-                        <FileDropzone @name="files" @multiple={{true}} @onFileAdded={{this.queueFile}} @accept={{join "," this.acceptedFileTypes}} class="dropzone file-dropzone" as |dropzone queue|>
+                        <FileDropzone
+                            @name={{t "storefront.common.file"}}
+                            @multiple={{true}}
+                            @onFileAdded={{this.queueFile}}
+                            @accept={{join "," this.acceptedFileTypes}}
+                            class="dropzone file-dropzone"
+                            as |dropzone queue|
+                        >
                             {{#if dropzone.active}}
                                 {{#if dropzone.valid}}
-                                    Drop to upload
+                                    {{t "storefront.settings.index.drop-to-upload"}}
                                 {{else}}
-                                    Invalid
+                                    {{t "storefront.common.invalid"}}
                                 {{/if}}
                             {{else if queue.files.length}}
                                 <div class="my-2">
                                     <FaIcon @icon="photo-video" class="text-indigo-500 mr-2" />
                                     {{pluralize queue.files.length "file"}}
-                                    ready for upload.
+                                    {{t "storefront.settings.index.ready-to-upload"}}
                                 </div>
                                 <div class="my-2">({{queue.progress}}%)</div>
                             {{else}}
                                 <h4 class="font-semibold mb-8">
                                     <FaIcon @icon="photo-video" @size="2x" class="text-indigo-500 mr-2" />
-                                    Upload Images & Videos
+                                    {{t "storefront.settings.index.upload-image-video"}}
                                 </h4>
                                 <div>
                                     {{#if dropzone.supported}}
-                                        <p class="text-base font-semibold my-5">Drag and drop image and video files onto this dropzone</p>
+                                        <p class="text-base font-semibold my-5">{{t "storefront.settings.index.drag-and-drop-image"}}</p>
                                     {{/if}}
-                                    <FileUpload @name="files" @for="files" @accept={{join "," this.acceptedFileTypes}} @multiple={{true}} @onFileAdded={{this.queueFile}}>
+                                    <FileUpload
+                                        @name={{t "storefront.common.file"}}
+                                        @for="files"
+                                        @accept={{join "," this.acceptedFileTypes}}
+                                        @multiple={{true}}
+                                        @onFileAdded={{this.queueFile}}
+                                    >
                                         <a tabindex={{0}} class="btn btn-magic cursor-pointer ml-1">or select files to upload.</a>
                                     </FileUpload>
                                 </div>
@@ -116,7 +170,7 @@
                         {{#if this.uploadQueue}}
                             <div class="mx-4 my-6">
                                 <div class="flex items-center justify-between mb-4">
-                                    <span class="leading-6 dark:text-gray-100">Upload Queue</span>
+                                    <span class="leading-6 dark:text-gray-100">{{t "storefront.settings.index.upload-queue"}}</span>
                                 </div>
                                 <div class="space-y-2 mb-5">
                                     {{#each this.uploadQueue as |file|}}
@@ -142,11 +196,20 @@
                 </div>
             </ContentPanel>
 
-            <ContentPanel @title="Alerts" @open={{false}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
+            <ContentPanel @title={{t "storefront.common.alerts"}} @open={{false}} @pad={{true}} @panelBodyClass="bg-white dark:bg-gray-800">
                 <div>
-                    <p class="dark:text-gray-100 mb-4">Configure who should be alerted for certain events.</p>
-                    <InputGroup @name="New order alert" @wrapperClass="mb-0">
-                        <ModelSelectMultiple @modelName="user" @selectedModel={{@model.alertable.for_new_order}} @placeholder="Select users to alert for new order" @triggerClass="form-select form-input multiple" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn this.makeAlertable "for_new_order"}} as |model|>
+                    <p class="dark:text-gray-100 mb-4">{{t "storefront.settings.index.alerted-for-certain-event"}}</p>
+                    <InputGroup @name={{t "storefront.settings.index.new-order-alert"}} @wrapperClass="mb-0">
+                        <ModelSelectMultiple
+                            @modelName="user"
+                            @selectedModel={{@model.alertable.for_new_order}}
+                            @placeholder={{t "storefront.settings.index.alert-placeholder"}}
+                            @triggerClass="form-select form-input multiple"
+                            @infiniteScroll={{false}}
+                            @renderInPlace={{true}}
+                            @onChange={{fn this.makeAlertable "for_new_order"}}
+                            as |model|
+                        >
                             {{model.name}}
                         </ModelSelectMultiple>
                     </InputGroup>
@@ -156,55 +219,79 @@
             <div class="store-boolean-settings">
                 <div class="input-group">
                     <Toggle @isToggled={{@model.online}} @onToggle={{fn (mut @model.online)}}>
-                        <FaIcon @icon="plug" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Online</span>
+                        <FaIcon @icon="plug" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t "storefront.common.online"}}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.tax_enabled}} @onToggle={{fn (mut @model.options.tax_enabled)}}>
-                        <FaIcon @icon="percent" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable tax</span>
+                        <FaIcon @icon="percent" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t "storefront.settings.index.enable-tax"}}</span>
                     </Toggle>
                     {{#if @model.options.tax_enabled}}
-                        <InputGroup @wrapperClass="mb-0 mt-2" @type="number" @name="Tax Percentage" @value={{@model.options.tax_percentage}} @placeholder="Tax Percentage" @helpText="The sales tax percentage to apply to orders." />
+                        <InputGroup
+                            @wrapperClass="mb-0 mt-2"
+                            @type="number"
+                            @name={{t "storefront.settings.index.tax-percentage"}}
+                            @value={{@model.options.tax_percentage}}
+                            @placeholder={{t "storefront.settings.index.tax-percentage"}}
+                            @helpText={{t "storefront.settings.index.tax-percentage-help-text"}}
+                        />
                     {{/if}}
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.auto_accept_orders}} @onToggle={{fn (mut @model.options.auto_accept_orders)}}>
-                        <FaIcon @icon="robot" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Auto accept incoming orders</span>
+                        <FaIcon @icon="robot" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t "storefront.settings.index.auto-accept-incoming-order"}}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.auto_dispatch}} @onToggle={{fn (mut @model.options.auto_dispatch)}}>
-                        <FaIcon @icon="paper-plane" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Auto dispatch orders</span>
+                        <FaIcon @icon="paper-plane" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.settings.index.auto-dispatch-order"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.require_pod}} @onToggle={{fn (mut @model.options.require_pod)}}>
-                        <FaIcon @icon="signature" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Require proof of delivery</span>
+                        <FaIcon @icon="signature" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t "storefront.settings.index.require-proof-of-delivery"}}</span>
                     </Toggle>
                     {{#if @model.options.require_pod}}
-                        <InputGroup @wrapperClass="mb-0 mt-2" @name="Proof of Delivery Method">
-                            <Select @options={{this.podMethods}} @optionValue="value" @optionLabel="name" @value={{@model.pod_method}} @onSelect={{fn (mut @model.pod_method)}} class="w-full" />
+                        <InputGroup @wrapperClass="mb-0 mt-2" @name={{t "storefront.settings.index.proof-of-delivery-method"}}>
+                            <Select
+                                @options={{this.podMethods}}
+                                @optionValue="value"
+                                @optionLabel="name"
+                                @value={{@model.pod_method}}
+                                @onSelect={{fn (mut @model.pod_method)}}
+                                class="w-full"
+                            />
                         </InputGroup>
                     {{/if}}
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.cod_enabled}} @onToggle={{fn (mut @model.options.cod_enabled)}}>
-                        <FaIcon @icon="money-bill-wave" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable cash on delivery</span>
+                        <FaIcon @icon="money-bill-wave" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.settings.index.enable-cash-on-delivery"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.pickup_enabled}} @onToggle={{fn (mut @model.options.pickup_enabled)}}>
-                        <FaIcon @icon="person-booth" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable order pickup</span>
+                        <FaIcon @icon="person-booth" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.settings.index.enable-order-pickup"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.tips_enabled}} @onToggle={{fn (mut @model.options.tips_enabled)}}>
-                        <FaIcon @icon="cash-register" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable tips</span>
+                        <FaIcon @icon="cash-register" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.settings.index.enable-tip"
+                            }}</span>
                     </Toggle>
                 </div>
                 <div class="input-group">
                     <Toggle @isToggled={{@model.options.delivery_tips_enabled}} @onToggle={{fn (mut @model.options.delivery_tips_enabled)}}>
-                        <FaIcon @icon="face-smile" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable delivery tips</span>
+                        <FaIcon @icon="face-smile" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">{{t
+                                "storefront.settings.index.enable-integrated-vendors"
+                            }}</span>
                     </Toggle>
                 </div>
                 {{!-- <div class="input-group">
@@ -212,8 +299,8 @@
                                 <FaIcon @icon="truck" class="text-gray-600 dark:text-gray-400 mx-2" /><span class="dark:text-gray-100 text-sm">Enable integrated vendors</span>
                             </Toggle>
                             {{#if @model.options.integrated_vendors_enabled}}
-                                <InputGroup @name="Select integrated vendors to use" @wrapperClass="mt-2 mb-0">
-                                    <ModelSelectMultiple @modelName="integrated-vendor" @selectedModel={{@model.options.integrated_vendors}} @placeholder="Select integrated vendors to use" @triggerClass="form-select form-input multiple" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @model.options.integrated_vendors)}} as |model|>
+                                <InputGroup @name={{t "storefront.settings.index.name-select"}} @wrapperClass="mt-2 mb-0">
+                                    <ModelSelectMultiple @modelName="integrated-vendor" @selectedModel={{@model.options.integrated_vendors}} @placeholder={{t "storefront.settings.index.placeholder-select"}} @triggerClass="form-select form-input multiple" @infiniteScroll={{false}} @renderInPlace={{true}} @onChange={{fn (mut @model.options.integrated_vendors)}} as |model|>
                                         {{model.name}}
                                     </ModelSelectMultiple>
                                 </InputGroup>
@@ -222,7 +309,15 @@
             </div>
 
             <div class="flex justify-end pb-12">
-                <Button @buttonType="submit" @type="primary" @text="Save Changes" @icon="save" @size="lg" @isLoading={{this.isLoading}} @onClick={{this.saveSettings}} />
+                <Button
+                    @buttonType="submit"
+                    @type="primary"
+                    @text={{t "storefront.settings.index.save-changes"}}
+                    @icon="save"
+                    @size="lg"
+                    @isLoading={{this.isLoading}}
+                    @onClick={{this.saveSettings}}
+                />
             </div>
         </div>
     </form>
diff --git a/addon/templates/settings/locations.hbs b/addon/templates/settings/locations.hbs
index 7c65789..e9ea5ca 100644
--- a/addon/templates/settings/locations.hbs
+++ b/addon/templates/settings/locations.hbs
@@ -4,14 +4,21 @@
             <div class="flex flex-col md:flex-row justify-between">
                 <div>
                     <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                        Location Settings
+                        {{t "storefront.settings.locations.location-setting"}}
                     </h1>
                     <p class="mt-1 text-sm text-gray-500">
-                        Manage your stores operating locations and hours.
+                        {{t "storefront.settings.locations.manage-store"}}
                     </p>
                 </div>
                 <div>
-                    <Button @wrapperClass="flex-shrink-0" @icon="plus" @iconPrefix="fas" @type="primary" @text="Create new location" @onClick={{this.createNewLocation}} />
+                    <Button
+                        @wrapperClass="flex-shrink-0"
+                        @icon="plus"
+                        @iconPrefix="fas"
+                        @type="primary"
+                        @text={{t "storefront.settings.locations.text-location"}}
+                        @onClick={{this.createNewLocation}}
+                    />
                 </div>
             </div>
 
@@ -19,11 +26,11 @@
                 <ContentPanel @title={{storeLocation.name}} @open={{true}} @pad={{true}}>
                     <div class="flex items-center justify-between mb-4">
                         <div>
-                            <h4 class="dark:text-gray-100 text-base font-semibold">Manage store hours</h4>
+                            <h4 class="dark:text-gray-100 text-base font-semibold">{{t "storefront.settings.locations.store-hour"}}</h4>
                         </div>
                         <div class="flex items-center">
-                            <Button @icon="edit" @text="Edit" @onClick={{fn this.editStoreLocation storeLocation}} @wrapperClass="mr-2" />
-                            <Button @icon="trash" @type="danger" @text="Delete" @onClick={{fn this.removeStoreLocation storeLocation}} />
+                            <Button @icon="edit" @text={{t "storefront.common.edit"}} @onClick={{fn this.editStoreLocation storeLocation}} @wrapperClass="mr-2" />
+                            <Button @icon="trash" @type="danger" @text={{t "storefront.common.delete"}} @onClick={{fn this.removeStoreLocation storeLocation}} />
                         </div>
                     </div>
                     <div class="mb-6 uppercase dark:text-gray-100">
diff --git a/addon/templates/settings/notifications.hbs b/addon/templates/settings/notifications.hbs
index 943c4c7..0f2e466 100644
--- a/addon/templates/settings/notifications.hbs
+++ b/addon/templates/settings/notifications.hbs
@@ -4,16 +4,14 @@
             <div class="flex justify-between">
                 <div class="w-3/4">
                     <h1 class="text-lg leading-6 font-bold text-gray-900 dark:text-gray-100">
-                        Notification Settings
+                        {{t "storefront.settings.notification.notification-settings"}}
                     </h1>
                     <p class="mt-1 text-sm text-gray-500">
-                        Configure notification channels for your storefront, each notification channel additionally can
-                        have
-                        it's own rules and options.
+                        {{t "storefront.settings.notification.notification-storefront"}}
                     </p>
                 </div>
                 <div>
-                    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text="New channel" @onClick={{this.createChannel}} />
+                    <Button @icon="plus" @iconPrefix="fas" @type="primary" @text={{t "storefront.settings.notification.new-channel"}} @onClick={{this.createChannel}} />
                 </div>
             </div>
 
@@ -24,8 +22,8 @@
                             <span class="dark:text-gray-50">{{notificationChannel.name}}</span>
                         </div>
                         <div class="flex items-center">
-                            <Button @size="xs" @type="default" @text="Edit" @wrapperClass="mr-2" @onClick={{fn this.editChannel notificationChannel}} />
-                            <Button @size="xs" @type="danger" @text="Delete" @onClick={{fn this.deleteChannel notificationChannel}} />
+                            <Button @size="xs" @type="default" @text={{t "storefront.common.edit"}} @wrapperClass="mr-2" @onClick={{fn this.editChannel notificationChannel}} />
+                            <Button @size="xs" @type="danger" @text={{t "storefront.common.delete"}} @onClick={{fn this.deleteChannel notificationChannel}} />
                         </div>
                     </div>
                 {{/each}}
diff --git a/composer.json b/composer.json
index 16e379b..e7c7f34 100644
--- a/composer.json
+++ b/composer.json
@@ -1,6 +1,6 @@
 {
     "name": "fleetbase/storefront-api",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "description": "Headless Commerce & Marketplace Extension for Fleetbase",
     "keywords": [
         "fleetbase-extension",
@@ -22,8 +22,8 @@
     ],
     "require": {
         "php": "^7.4|^8.0",
-        "fleetbase/core-api": "^1.3.10",
-        "fleetbase/fleetops-api": "^0.4.0",
+        "fleetbase/core-api": "^1.3.12",
+        "fleetbase/fleetops-api": "^0.4.1",
         "geocoder-php/google-maps-places-provider": "^1.4",
         "laravel-notification-channels/apn": "^3.8",
         "laravel-notification-channels/fcm": "^2.7",
diff --git a/extension.json b/extension.json
index 96a96e0..0a36af8 100644
--- a/extension.json
+++ b/extension.json
@@ -1,6 +1,6 @@
 {
     "name": "Storefront",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "description": "Headless Commerce & Marketplace Extension for Fleetbase",
     "repository": "https://github.com/fleetbase/storefront",
     "license": "MIT",
diff --git a/package.json b/package.json
index d2a5d05..e3059e7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@fleetbase/storefront-engine",
-    "version": "0.2.7",
+    "version": "0.2.8",
     "description": "Headless Commerce & Marketplace Extension for Fleetbase",
     "fleetbase": {
         "route": "storefront",
@@ -34,6 +34,7 @@
         "lint:hbs:fix": "ember-template-lint . --fix",
         "lint:js": "eslint . --cache",
         "lint:js:fix": "eslint . --fix",
+        "lint:intl": "fleetbase-intl-lint",
         "start": "ember serve",
         "test": "concurrently \"npm:lint\" \"npm:test:*\" --names \"lint,test:\"",
         "test:ember": "ember test",
@@ -56,6 +57,7 @@
         "ember-wormhole": "^0.6.0"
     },
     "devDependencies": {
+        "@fleetbase/intl-lint": "^0.0.1",
         "@babel/eslint-parser": "^7.22.15",
         "@babel/plugin-proposal-decorators": "^7.23.2",
         "@ember/optional-features": "^2.0.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d11485b..a0c1915 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -54,6 +54,9 @@ devDependencies:
   '@embroider/test-setup':
     specifier: ^3.0.2
     version: 3.0.2
+  '@fleetbase/intl-lint':
+    specifier: ^0.0.1
+    version: 0.0.1
   '@glimmer/component':
     specifier: ^1.1.2
     version: 1.1.2(@babel/core@7.23.2)
@@ -2485,6 +2488,14 @@ packages:
       - supports-color
     dev: false
 
+  /@fleetbase/intl-lint@0.0.1:
+    resolution: {integrity: sha512-LkjxJr15hSiGmqh3JwixcpjmkhXNieNAEgQUVv1Duo50jTr/D5WXEyOaeI8wuVnVFhT+FS/DMqm403DgSKlsEg==}
+    hasBin: true
+    dependencies:
+      js-yaml: 4.1.0
+      yargs: 17.7.2
+    dev: true
+
   /@floating-ui/core@1.5.2:
     resolution: {integrity: sha512-Ii3MrfY/GAIN3OhXNzpCKaLxHQfJF9qvwq/kEJYdqDxeIHa01K8sldugal6TmeeXl+WMvhv9cnVzUTaFFJF09A==}
     dependencies:
diff --git a/translations/en-us.yaml b/translations/en-us.yaml
index b30bacc..522e8d4 100644
--- a/translations/en-us.yaml
+++ b/translations/en-us.yaml
@@ -1,2 +1,575 @@
 storefront:
-  extension-name: Storefront
\ No newline at end of file
+  extension-name: Storefront
+  common:
+    address: Address
+    alerts: Alerts
+    amount: Amount
+    api: API
+    back: Back
+    backdrop: backdrop
+    building: Building
+    bulk-action: Bulk Action
+    cash: Cash
+    city: City
+    config: Config
+    coordinates: Coordinates
+    country: Country
+    created: Created
+    currency: Currency
+    customer: Customer
+    customers: Customers
+    category: Category
+    delivery-tip: Delivery Tip
+    delivery: Delivery
+    description: Description
+    driver: Driver
+    dropoff: Dropoff
+    earning: Earnings
+    email: Email
+    export: Export
+    id: ID
+    import: Import
+    invalid: Invalid
+    loading: Loading...
+    logo: logo
+    name: Name 
+    neighborhood: Neighborhood
+    online: Online
+    orders: Orders
+    phone: Phone
+    photos: Photos
+    pickup: Pickup
+    product: Products
+    remove: Remove
+    state: State
+    status: Status
+    store: Store
+    street-1: Street 1
+    storefront: Storefront
+    tag: Tags
+    tip: Tip
+    total: Total
+    type: Type 
+    upload-new: Upload new
+    uploading: Uploading...
+    view: View
+    website: Website
+    edit: Edit
+    delete: Delete
+    network: Networks
+    file: files
+    general: General
+    location: Location
+    notification: Notification
+    gateways: Gateways
+    settings: Settings
+    new: New
+    facebook: Facebook
+    instagram: Instagram
+    twitter: Twitter 
+  sidebar:
+    storefront: Storefront
+    dashboard: Dashboard
+    products: Products
+    customers: Customers
+    orders: Orders
+    networks: Networks
+    settings: Settings
+    launch-app: Launch App
+  component:
+    modals:
+      add-store-hours: 
+        start-time: Start time
+        operation-start: When availability/operation start
+        end-time: End time
+        operation-end: When availability/operation hours end
+      assign-driver:
+        message-driver: Select a driver to assign to this order.
+        name-driver: Select Driver
+        placeholder-driver: Select Driver to Assign
+      create-first-store:
+        title: Welcome to Storefront!
+        message: Storefront allows you to quickly setup a headless and dynamic on-demand shop powered by Fleetbase.
+        submit-message: Submit the form below to create your first store.
+        storefront-name: Storefront name
+        enter-name: Enter the name of your store
+        description: Storefront description
+        brief-description: Give your store a simple brief description on the types of things sold
+        currency: Storefront currency
+        select-currency: Select the default currency for your storefront
+      create-getaway:
+        getaway: Gateway type
+        getaway-text: Select gateway type
+        getaway-name: Getaway name
+        name-text: Give your payment gateway a name, this will only be relevent internally
+        getaway-code: Getaway code
+        code-text: Identifier code used to identify gateway to the SDK
+        callback-url: Callback URL
+        callback-text: Callback URL if applicable
+        return-url: Return URL
+        return-text: Return URL if applicable
+        sandbox-getaway: This is a sandbox gateway
+      create-network-category:
+        parent-category: Parent category
+        select-parent: Select a parent category if any
+        category-name: Category name
+        name-text: Enter a name for category
+        description: Category description
+        description-text: Give your network category a brief description
+        category-icon: Category icon type
+      create-network:
+        title: Start a Network
+        message-line1: Storefront allows you to quickly create marketplaces, enabling multiple storefronts to sell under an umbrella.
+        message-line2: When you create the network you defined your rules and you're able to expand your network through invitiations.
+        message-line3: Get started by creating a network below.
+        name: Network name
+        name-text: Enter the name of your store
+        description: Network description
+        description-text: Give your store a simple brief description on the types of things sold
+        currency: Network currency
+        currency-text: Select the default currency for your storefront
+      create-new-variant:
+        name: Variant name
+        name-text: Give your product variant a name
+        description: Variant description
+        description-text: Short description of the variant
+        checkbox-1: Allow user to select multiple variant options at once
+        checkbox-2: This product variant selection is required
+      create-notification-channel:
+        title: Channel
+        title-text: Select notification channel
+        name: Channel name
+        name-text: Give your notification channel a name, this will only be relevent internally
+        key: Channel Key
+        key-text: This is your notification channel key, use this to specify which apps should utilize this notification channel via sdk configs.
+      create-product-category:
+        name: Category name
+        name-text: Enter a name for category
+        description: Category description
+        description-text: Give your product category a brief description
+        icon: Category icon
+        uploading-new: Upload new category icon
+      create-store:
+        name: Storefront name
+        name-text: Enter the name of your store
+        description: Storefront description
+        description-text: Give your store a simple brief description on the types of things sold
+        currency: Storefront currency
+        currency-text: Select the default currency for your storefront
+      import-products:
+        uploading-message: Processing import...
+        drop-upload: Drop to upload
+        ready-upload: ready for upload.
+        upload-spreadsheets: Upload Spreadsheets
+        drag-drop: Drag and drop spreadsheet files onto this dropzone
+        select-spreadsheets: or select spreadsheets to upload.
+        upload-queue: Upload Queue
+        optionally-select-category: Optionally select a category to import products into
+        select-category: Select Category
+      incoming-order:
+        assigned: Driver Assigned
+        not-assigned: No driver assigned
+        no-phone: No phone
+        change-driver: Change Driver
+        assign-driver: Assign Driver
+        pickup-order: Customer must pickup order from
+        address: Customer address
+        tracking: Tracking
+        summary: Order Summary
+        subtotal: Subtotal
+        fee: Delivery fee
+        tip: Tip
+        delivery-tip: Delivery Tip
+      manage-addons:
+        title: New Category
+        delete: Delete Category
+        new-addon: New Addon
+        addon-name: Addon Name
+        description: Addon Description
+        delete-this-addon-category-assosiated-will-lost: Are you sure you wish to delete this addon category? All addons assosciated will be lost!
+        untitled-addon-category: Untitled Addon Category
+      order-ready-assign-driver:  
+        driver-dispatch: You are about to set this order as ready and dispatch, use the dropdown below to select a driver to dispatch to. <br><br>Or optionally you can opt to dispatch order as adhoc which will ping the order to all nearby drivers to be accepted.
+        adhoc-dispatch-nearby-drivers: Adhoc dispatch to nearby drivers
+        select-driver: Select Driver
+        select-driver-to-assign: Select Driver to Assign
+      share-network:  
+        invite-member: Invite members to your network
+        email-below: Grab a shareable invitiation link or send individual invites via email below.
+        invite-network: Enter the emails of people or organizations you want to send an invite to your network.
+        add-email: Add emails
+        get-link: Get link
+        enable-shareable-link: Enable shareable link
+        anyone-with-this-link-able-to-join-your-network: Anyone with this link is able to join your network
+      store-form:
+        storefront-name: Storefront Name
+        the-name-of-your-store: The name of your store.
+        storefront-description-placeholder: Storefront Description
+        give-your-store-brief-description: Give your store a brief description to let users know what you sell.
+        add-tags-placeholder: Add tags
+      store-location-form:
+        street-2: Street 2
+        security-access-code: Security Access Code
+        postal-code: Postal Code
+    widget:
+      customers:
+        widget-title: Recent Customers
+        phone: Phone
+        email: Email
+      orders:
+        widget-title: Recent Orders
+        id-column: Order ID
+        accept-order: Accept Order
+        mark-as-ready: Mark as Ready!
+        mark-as-completed: Mark as Completed
+        more-details: More Details
+        customer: Customer
+        driver: Driver
+        subtotal: Subtotal
+        delivery-fee: Delivery fee
+        delivery-tip: Delivery tip
+        tip: Tip
+        change-driver: Change Driver
+        assign-driver: Assign Driver
+        mark-as-ready-modal-pickup-title: Mark order ready for pickup?
+        mark-as-ready-modal-pickup-body: Marking the order as ready will notify the customer their order is ready for pickup!
+        mark-as-ready-modal-pickup-accept-button-text: Ready for Pickup!
+        mark-as-ready-modal-not-adhoc-title: Assign driver and dispatch orders
+        mark-as-ready-modal-not-adhoc-accept-button-text: Assign & Dispatch!
+        mark-as-ready-modal-title: Are you want to mark order as ready?
+        mark-as-ready-modal-body: Marking the order as ready will dispatch the order to nearby drivers, only mark the order as ready when it can be picked up.
+        mark-as-ready-modal-accept-button-text: Dispatch!
+        mark-as-completed-modal-title : Are you sure you want to mark order as completed?
+        mark-as-completed-modal-body: Marking the order as completed is a confirmation that the customer has picked up the order and the order is completed.
+        mark-as-completed-accept-button-text: Order Completed!
+        assign-driver-modal-title: Assign Driver
+        assign-driver-modal-accept-button-text: Assign Driver
+      storefront-metrics: 
+        last-day: Last 30 days
+    file-record:
+      delete-this-file: Are you sure you wish to delete this file?
+      delete-this-file-you-will-unable-recover: Once you delete this file you will be unable to recover it.
+    network-category-picker:
+      no-subcategory: No subcategories for
+      no-categories: No categories for this network
+      create-category: Create a new category
+    schedule-manager:
+      add-hours: Add Hours
+      add-new-hours-for-day: Add new hours for {day}
+      new-hours-added-for-day: New hours added for {day}
+      you-wish-to-remove-these-hour: Are you sure you wish to remove these hours?
+      by-removing-these-operation: By removing these operation/availability hours, your store or product may become inactive or unavailable according to the updated schedule...
+    store-selector:
+      no-stores: No stores to select
+      create-storefront: Create a new 
+  home:
+    title: Storefront Dashboard
+  customers:
+    index:
+      internal-id: Internal ID
+      create-at: Created At
+      update-at: Updated At
+      vendor-action: Vendor Actions
+      view-customer-details: View Customer Details
+      edit-customer: Edit Customer
+      success-message: Your new storefront network has been created!
+      delete-customer: Delete Customer 
+  networks:
+    index:
+      network-option: Network Options
+      manage-network: Manage Network
+      send-invite: Send Invites
+      delete-network: Delete Network
+      create-new-network: Create a new network
+      success-message: Yout new storefront network has been created!
+      delete-this-network-all-assigned-stores-customer-order: Are you sure you wish to delete this network ({networkName})? All assigned stores, customers, orders will no longer be reachable.
+      network:
+        manage-network: Manage Network
+        settings: Settings
+        customers: Customers
+        orders: Orders
+        Network-changes-not-save: Network changes not saved!
+        going-back-will-rollback-all-unsaved-changes: Going back will rollback all unsaved changes, are you sure you wish to continue?
+        index: 
+          change-network-saved: Changes to network saved.
+          create-new-payment-gateway: Create a new payment gateway
+          save-gateway: Save Gateway
+          new-gateway-add-network: New gateway added to network
+          payment-gateway-changes-success: Payment gateway changes saved!
+          create-new-notification-channel: Create a new notification channel
+          create-notification-channel: Create Notification Channel
+          notification-channel-add-network: New notification channel added to network!
+          notification-channel-changes-save: Notification channel changes saved!
+          general-network-settings-title: General Network Settings
+          general-network-settings-subtitle: Provide the general settings for your network or marketplace.
+          general-network-settings-form:
+            save-changes-button-text: Save Changes
+            name: Name
+            name-placeholder: Storefront Name
+            name-help-text: The name of your network or marketplace.
+            description: Description
+            description-placeholder: Storefront Description
+            description-help-text: Give your store a brief description to let users know what your network is about.
+            currency: Currency
+            contact-social-panel:
+              panel-title: Contact & Social
+              phone: Phone
+              email: Email
+              email-help-text: Your business email.
+              website: Website
+              website-help-text: Your business website URL.
+              facebook: Facebook
+              facebook-help-text: Your business Facebook page ID.
+              instagram: Instagram
+              instagram-help-text: Your business Instagram username.
+              twitter: Twitter
+              twitter-help-text: Your business Twitter username.
+            logo-backdrop-panel:
+              panel-title: Logo & Backdrop
+              logo-label: Logo
+              logo-help-text: Logo for your store.
+              upload-logo-button-text: Upload new logo
+              backdrop-label: Backdrop
+              backdrop-help-text: Optional banner or background image for your store.
+              upload-backdrop-button-text: Upload new backdrop
+            alert-panel:
+              panel-title: Alerts
+              panel-description: Configure who should be alerted for certain events
+              new-order-alert-label: New order alert
+              new-order-alert-placeholder: Select users to alert for new order
+            config-switches:
+              online: Online
+              enable-tax: Enable tax
+              tax-percentage-input-label: Tax Percentage
+              tax-percentage-input-help-text: The sales tax percentage to apply to orders.
+              auto-accept-incoming-orders: Auto accept incoming orders
+              auto-dispatch-orders: Auto dispatch orders
+              require-proof-of-delivery: Require proof of delivery
+              proof-of-delivery-method-label: Proof of Delivery Method
+              enable-cash-on-delivery: Enable cash on delivery
+              enable-order-pickup: Enable order pickup
+              enable-tips: Enable tips
+              enable-delivery-tips: Enable delivery tips
+              enable-multi-cart-checkout: Enable multi-cart checkout
+              enable-user-reviews: Enable user reviews
+          api-panel:
+            panel-title: API
+            panel-header: API settings
+            panel-description: Access key for Storefront API & Integrations
+            network-key-label: Network Key
+            network-key-help-text: This is your network key, use this to enable apps and integrations for your network.
+          payment-gateways-panel:
+            panel-title: Gateway Settings
+            panel-description: Add or manage your payment gateway settings here.
+            new-gateway-button-text: Create new gateway
+            gateway-form:
+              name: Gateway name
+              name-help-text: Give your payment gateway a name, this will only be relevent internally
+              code: Gateway code
+              code-help-text: Identifier code used to identify gateway to the SDK
+              callback-url: Callback URL
+              callback-url-help-text: Callback URL if applicable
+              return-url: Return URL
+              return-url-help-text: Return URL if applicable
+              sandbox-toggle-label: This is a sandbox gateway
+              config-header-label: Config
+              delete-gateway-button-text: Delete payment gateway
+          notification-channels-panel:
+            panel-title: Notification Channels
+            panel-header: Notification Settings
+            panel-description: Configure notification channels for your storefront, each notification channel additionally can have it's own rules and options.
+            new-channel-button-text: Create new channel
+        stores:
+          store: Stores
+          add-stores-button-text: Add Stores
+          invite-stores-button-text: Invite Stores
+          created-at: Created At
+          view-store-details: View Store Details
+          edit-store: Edit Store
+          assign-category: Assign Category
+          remove-store-from-network: Remove Store from Network
+          delete-network-category: Delete network category?
+          deleting-category-move-all-stores-inside-on-top-level: Deleting this category will move all stores inside to the top level, are you sure you want to delete this category?
+          add-store-to-category: Add store to category
+          save-change: Save Changes
+          add-new-network-category: Add new network category
+          create-new-category: Create new category
+          new-category-created: New category created.
+          network-category-create: New network category created.
+          edit-category: Edit category ({categoryName})
+          add-stores-to-network: Add stores to network
+          network-stores-update: Network stores updated.
+          remove-this-store: Remove this store ({storeName}) from this network ({networkName})?
+          done: Done 
+          longer-findable-by-this-network: Are you sure you wish to remove this store from this network? It will no longer be findable by this network.
+          viewing-storefront: Viewing {storeName} storefront
+          editing-storefront: Editing {storeName} storefront
+          send-invitations: Send Invitations
+          invitation-sent-recipients: Invitations sent to recipients!
+          invalid-emails-provided-error: Invalid emails provided!
+  orders:
+    index:
+     internal-id: Internal ID
+     customer: Customer
+     select-order-customer: Select order customer
+     select-order-pickup-location: Select order pickup location
+     select-order-dropoff-location: Select order dropoff location
+     scheduled-at: Scheduled At
+     transaction-total: Transaction Total
+     tracking-number: Tracking Number
+     driver-assigned: Driver Assigned
+     select-driver-for-order: Select driver for order
+     created-at: Created At
+     updated-at: Updated At
+     created-by: Created By
+     updated-by: Updated By
+     select-user: Select user
+     view-order: View Order
+     cancel-order: Cancel Order 
+     delete-order: Delete Order 
+  products:  
+    index:
+      manage-addons: Manage Addons
+      done: Done
+      create-new-product-category: Create a new product category
+      product-category-created-success: New product category created.
+      import-products-via-spreadsheets: Import products via spreadsheets
+      start-upload: Start Upload
+      warning-no-file-upload: No files in queue to upload!
+      products-success-message: Successfully imported {resultsLength} products...
+      delete-product: Are you sure you wish to delete this product?
+      body-warning: Warning! Once this product is deleted it will no longer be accessible.
+      aside-scroller: 
+        title: Product Categories
+        custom-top-item-text: All Products
+      import-products-success-message: Successfully imported {resultsLength} products...
+      edit:
+        title: Product is not saved!
+        body: You will loose all unsaved changes, are you sure you wish to cancel?
+        changes-saved: Changes saved!
+      new:
+        new-product-created-success: New product created successfully!
+        warning-only-select-an-image-file-to-be-primary: You can only select an image file to be primary!
+        made-the-primary-success-image: >-
+          {fileName} was made the primary image.
+        title: Product is not saved! 
+        body: Going back will cancel this product creation, if you continue all input fields will be cleared!
+        select-addon-categories: Select addon categories
+        add-new-product-variant: Add new product variant
+        edit-product-variant: Edit product variant
+        untitled-field: Untitled Field
+      category: 
+        category: category
+        title: Product is not saved!
+        body: Warning! Deleting this category will also remove all products listed under this category.
+        edit-category: Edit category
+        save-changes: Save Changes
+        category-changes-saved-success: Category changes saved.
+        delete-product: Are you sure you wish to delete this product?
+        body-warning: Warning! Once this product is deleted it will no longer be accessible.
+  settings: 
+    api:
+      api-settings: API Settings
+      access-key-for-storefront-api-integrations: Access key for Storefront API & Integrations.
+      store-key: Store Key
+      store-key-help-text: This is your store key, use this to enable apps and integrations for your storefront.
+    gateways:
+      geteway-settings: Gateway Settings
+      add-or-manage-your-paymeny-gateway-settings-here: Add or manage your payment gateway settings here.
+      create-new-gateway: Create new gateway
+      gateway-name: Gateway name
+      gateway-help-text: Give your payment gateway a name, this will only be relevent internally
+      gateway-code: Gateway code
+      gateway-code-help-text: Identifier code used to identify gateway to the SDK
+      callback-url: Callback URL
+      callback-url-help-text: Callback URL if applicable
+      return-url: Return URL
+      return-url-help-text: Return URL if applicable
+      this-is-a-sandbox-gateway: This is a sandbox gateway
+      delete-payment-gateway: Delete payment gateway
+      create-new-payment-gateway: Create a new payment gateway
+      save-gateway: Save Gateway
+      edit-payment-gateway: Edit payment gateway
+      save-changes: Save Changes
+      title-remove: Are you sure you wish to remove this gateway?
+      application-website-utilizing-gateway: All applications and websites utilizing this gateway in configuration could be disrupted if gateway is not replaced beforehand
+    index:
+      general-settings-header: General Settings
+      general-settings-message: Provide the general settings for your storefront.
+      name-placeholder: Storefront Name
+      name-help-text: The name of your store.
+      description-placeholder: Storefront Description
+      description-help-text: Give your store a brief description to let users know what you sell.
+      tags-placeholder: Add tags
+      contact-social: Contact & Social
+      website-help-text: Your business website URL.
+      facebook-placeholder: Facebook ID
+      facebook-help-text: Your business Facebook page ID.
+      instagram-placeholder: Instagram Username
+      instagram-help-text: Your business Instagram username.
+      twitter-placeholder: Twitter Username
+      twitter-help-text: Your business Twitter username.
+      logo-backdrop: Logo & Backdrop
+      logo-help-text: Logo for your store.
+      upload-new-logo: Upload new logo
+      backdrop-help-text: Optional banner or background image for your store.
+      upload-new-backdrop: Upload new backdrop
+      images-videos: Images & Videos
+      drop-to-upload: Drop to upload
+      ready-to-upload: ready for upload.
+      upload-image-video: Upload Images & Videos
+      drag-and-drop-image: Drag and drop image and video files onto this dropzone
+      upload-queue: Upload Queue
+      alerted-for-certain-event: Configure who should be alerted for certain events.
+      new-order-alert: New order alert
+      alert-placeholder: Select users to alert for new order
+      enable-tax: Enable tax
+      tax-percentage: Tax Percentage
+      tax-percentage-help-text: The sales tax percentage to apply to orders.
+      auto-accept-incoming-order: Auto accept incoming orders
+      auto-dispatch-order: Auto dispatch orders
+      require-proof-of-delivery: Require proof of delivery
+      proof-of-delivery-method: Proof of Delivery Method
+      enable-cash-on-delivery: Enable cash on delivery
+      enable-order-pickup: Enable order pickup
+      enable-tip: Enable tips
+      enable-integrated-vendors: Enable integrated vendors
+      save-changes: Save Changes
+    locations: 
+      new-store-location: New store location
+      add-new-location: Add new Location
+      edit-store-location: Edit store location
+      save-changes: Save Changes
+      remove-this-store-location: Are you sure you wish to remove this store location?
+      solely-accosciated-location: All products that are solely assosciated with this location will no longer be accessible.
+      new-store-hour: Add new store hours for {day}
+      add-hours: Add hours
+      store-hour-added: New store hours added for {day}
+      remove-these-hour: Are you sure you wish to remove these hours?
+      update-schedule-location: By removing these operation hours, your store may become inactive according to the updated schedule for this location..
+      location-setting: Location Settings
+      manage-store: Manage your stores operating locations and hours
+      text-location: Create new location
+      store-hour: Manage store hours
+    notification:
+      create-new-notification-channel: Create a new notification channel
+      create-notification-channel: Create Notification Channel
+      edit-notification-channel: Edit notification channel
+      save-changes: Save Changes
+      new-notification-channel-added: New notification channel added
+      remove-this-notification-channel: Are you sure you wish to remove this notification channel?
+      application-websites-utillizing-channel: All applications and websites utilizing this channel in configuration could be disrupted if channel is not replaced beforehand
+      notification-settings: Notification Settings
+      notification-storefront: Configure notification channels for your storefront, each notification channel additionally can have it's own rules and options.
+      new-channel: New channel
+  service:
+    storefront: 
+      new-incoming-order: You have a new incoming order!
+      accept-order: Accept Order
+      decline-order: Decline Order
+      create-first-storefront: Create your first Storefront
+      storefront-has-been-create-success: Your new storefront has been created!
+      create-new-storefront: Create a new Storefront
+      storefront-create-success: Your new storefront has been created!
+  application:    
+    launch-app: Launch App