diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx
index 473d793..ef8fd11 100644
--- a/app/(tabs)/_layout.tsx
+++ b/app/(tabs)/_layout.tsx
@@ -7,14 +7,6 @@ import { useColorScheme } from "@/components/useColorScheme";
 import { useClientOnlyValue } from "@/components/useClientOnlyValue";
 import { TAB_CONFIG } from "@/constants/config";
 
-// You can explore the built-in icon families and icons on the web at https://icons.expo.fyi/
-function TabBarIcon(props: {
-  name: React.ComponentProps<typeof FontAwesome>['name'];
-  color: string;
-}) {
-  return <FontAwesome size={28} style={{ marginBottom: -3 }} {...props} />;
-}
-
 export default function TabLayout() {
   const colorScheme = useColorScheme();
 
@@ -23,35 +15,21 @@ export default function TabLayout() {
       screenOptions={{
         tabBarActiveTintColor: Colors[colorScheme ?? "light"].tint,
         headerShown: useClientOnlyValue(false, true),
-      }}>
-      <Tabs.Screen
-        name="index"
-        options={{
-          title: 'Tab One',
-          tabBarIcon: ({ color }) => <TabBarIcon name="code" color={color} />,
-          headerRight: () => (
-            <Link href="/modal" asChild>
-              <Pressable>
-                {({ pressed }) => (
-                  <FontAwesome
-                    name="info-circle"
-                    size={25}
-                    color={Colors[colorScheme ?? 'light'].text}
-                    style={{ marginRight: 15, opacity: pressed ? 0.5 : 1 }}
-                  />
-                )}
-              </Pressable>
-            </Link>
-          ),
-        }}
-      />
-      <Tabs.Screen
-        name="two"
-        options={{
-          title: 'Tab Two',
-          tabBarIcon: ({ color }) => <TabBarIcon name="code" color={color} />,
-        }}
-      />
+      }}
+    >
+      {TAB_CONFIG.map(({ name, title, Icon, IconFilled }) => (
+        <Tabs.Screen
+          key={name}
+          name={name}
+          options={{
+            title,
+            tabBarIcon: ({ color, focused }) => {
+              const IconComponent = focused ? IconFilled : Icon;
+              return <IconComponent />;
+            },
+          }}
+        />
+      ))}
     </Tabs>
   );
 }
diff --git a/app/(tabs)/index.tsx b/app/(tabs)/index.tsx
index 6cbee6d..92540e6 100644
--- a/app/(tabs)/index.tsx
+++ b/app/(tabs)/index.tsx
@@ -1,13 +1,19 @@
-import { StyleSheet } from 'react-native';
-
-import EditScreenInfo from '@/components/EditScreenInfo';
-import { Text, View } from '@/components/Themed';
+import { StyleSheet } from "react-native";
+import { useTranslation } from "react-i18next";
+import EditScreenInfo from "@/components/EditScreenInfo";
+import { Text, View } from "@/components/Themed";
 
 export default function TabOneScreen() {
+  const { t } = useTranslation();
   return (
     <View style={styles.container}>
-      <Text style={styles.title}>Tab One</Text>
-      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
+      <Text style={styles.title}>{t("welcome")}</Text>
+      <Text style={styles.title}>{t("change-language")}</Text>
+      <View
+        style={styles.separator}
+        lightColor="#eee"
+        darkColor="rgba(255,255,255,0.1)"
+      />
       <EditScreenInfo path="app/(tabs)/index.tsx" />
     </View>
   );
@@ -16,16 +22,16 @@ export default function TabOneScreen() {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
   },
   title: {
     fontSize: 20,
-    fontWeight: 'bold',
+    fontWeight: "bold",
   },
   separator: {
     marginVertical: 30,
     height: 1,
-    width: '80%',
+    width: "80%",
   },
 });
diff --git a/app/(tabs)/my-battery.tsx b/app/(tabs)/my-battery.tsx
new file mode 100644
index 0000000..d250141
--- /dev/null
+++ b/app/(tabs)/my-battery.tsx
@@ -0,0 +1,35 @@
+import { StyleSheet } from "react-native";
+
+import EditScreenInfo from "@/components/EditScreenInfo";
+import { Text, View } from "@/components/Themed";
+
+export default function MyBatteryTabScreen() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Coming Soon</Text>
+      <View
+        style={styles.separator}
+        lightColor="#eee"
+        darkColor="rgba(255,255,255,0.1)"
+      />
+      <EditScreenInfo path="app/(tabs)/two.tsx" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "bold",
+  },
+  separator: {
+    marginVertical: 30,
+    height: 1,
+    width: "80%",
+  },
+});
diff --git a/app/(tabs)/payments.tsx b/app/(tabs)/payments.tsx
new file mode 100644
index 0000000..be2abdf
--- /dev/null
+++ b/app/(tabs)/payments.tsx
@@ -0,0 +1,35 @@
+import { StyleSheet } from "react-native";
+
+import EditScreenInfo from "@/components/EditScreenInfo";
+import { Text, View } from "@/components/Themed";
+
+export default function PaymentsTabScreen() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Tab Two</Text>
+      <View
+        style={styles.separator}
+        lightColor="#eee"
+        darkColor="rgba(255,255,255,0.1)"
+      />
+      <EditScreenInfo path="app/(tabs)/two.tsx" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "bold",
+  },
+  separator: {
+    marginVertical: 30,
+    height: 1,
+    width: "80%",
+  },
+});
diff --git a/app/(tabs)/service.tsx b/app/(tabs)/service.tsx
new file mode 100644
index 0000000..7348c24
--- /dev/null
+++ b/app/(tabs)/service.tsx
@@ -0,0 +1,35 @@
+import { StyleSheet } from "react-native";
+
+import EditScreenInfo from "@/components/EditScreenInfo";
+import { Text, View } from "@/components/Themed";
+
+export default function ServiceTabScreen() {
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Coming Soon</Text>
+      <View
+        style={styles.separator}
+        lightColor="#eee"
+        darkColor="rgba(255,255,255,0.1)"
+      />
+      <EditScreenInfo path="app/(tabs)/two.tsx" />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "bold",
+  },
+  separator: {
+    marginVertical: 30,
+    height: 1,
+    width: "80%",
+  },
+});
diff --git a/app/(tabs)/two.tsx b/app/(tabs)/two.tsx
deleted file mode 100644
index f2ea47e..0000000
--- a/app/(tabs)/two.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import { StyleSheet } from 'react-native';
-
-import EditScreenInfo from '@/components/EditScreenInfo';
-import { Text, View } from '@/components/Themed';
-
-export default function TabTwoScreen() {
-  return (
-    <View style={styles.container}>
-      <Text style={styles.title}>Tab Two</Text>
-      <View style={styles.separator} lightColor="#eee" darkColor="rgba(255,255,255,0.1)" />
-      <EditScreenInfo path="app/(tabs)/two.tsx" />
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  title: {
-    fontSize: 20,
-    fontWeight: 'bold',
-  },
-  separator: {
-    marginVertical: 30,
-    height: 1,
-    width: '80%',
-  },
-});
diff --git a/assets/icons/battery-filled.svg b/assets/icons/battery-filled.svg
new file mode 100644
index 0000000..eedad12
--- /dev/null
+++ b/assets/icons/battery-filled.svg
@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_1085" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_1085)">
+<path d="M6 4V2.5H9V4H6Z" fill="#00BE88"/>
+<path d="M15 4V2.5H18V4H15Z" fill="#00BE88"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3 6C3 5.44772 3.44772 5 4 5H20C20.5523 5 21 5.44772 21 6V18C21 18.5523 20.5523 19 20 19H4C3.44772 19 3 18.5523 3 18V6ZM14.5 9.9751V11.5251H13V13.0001H14.5V14.6251H16V13.0001H17.5V11.5251H16V9.9751H14.5ZM6.5 11.5251V13.0001H10.5V11.5251H6.5Z" fill="#00BE88"/>
+</g>
+</svg>
diff --git a/assets/icons/battery.svg b/assets/icons/battery.svg
new file mode 100644
index 0000000..6c485e9
--- /dev/null
+++ b/assets/icons/battery.svg
@@ -0,0 +1,8 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_1013" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="24">
+<rect x="0.09375" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_1013)">
+<path d="M6.09375 2.5V4H9.09375V2.5H6.09375ZM15.0938 2.5V4H18.0938V2.5H15.0938ZM4.09375 5C3.54147 5 3.09375 5.44772 3.09375 6V18C3.09375 18.5523 3.54147 19 4.09375 19H20.0938C20.646 19 21.0938 18.5523 21.0938 18V6C21.0938 5.44772 20.646 5 20.0938 5H4.09375ZM5.09375 7H19.0938V17H5.09375V7ZM14.5938 9.975V11.525H13.0938V13H14.5938V14.625H16.0938V13H17.5938V11.525H16.0938V9.975H14.5938ZM6.59375 11.525V13H10.5938V11.525H6.59375Z" fill="#B0B7C5"/>
+</g>
+</svg>
diff --git a/assets/icons/home-filled.svg b/assets/icons/home-filled.svg
new file mode 100644
index 0000000..5f2d488
--- /dev/null
+++ b/assets/icons/home-filled.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_159" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_159)">
+<path d="M4 19V10C4 9.68333 4.07083 9.38333 4.2125 9.1C4.35417 8.81667 4.55 8.58333 4.8 8.4L10.8 3.9C11.15 3.63333 11.55 3.5 12 3.5C12.45 3.5 12.85 3.63333 13.2 3.9L19.2 8.4C19.45 8.58333 19.6458 8.81667 19.7875 9.1C19.9292 9.38333 20 9.68333 20 10V19C20 19.55 19.8042 20.0208 19.4125 20.4125C19.0208 20.8042 18.55 21 18 21H15C14.7167 21 14.4792 20.9042 14.2875 20.7125C14.0958 20.5208 14 20.2833 14 20V15C14 14.7167 13.9042 14.4792 13.7125 14.2875C13.5208 14.0958 13.2833 14 13 14H11C10.7167 14 10.4792 14.0958 10.2875 14.2875C10.0958 14.4792 10 14.7167 10 15V20C10 20.2833 9.90417 20.5208 9.7125 20.7125C9.52083 20.9042 9.28333 21 9 21H6C5.45 21 4.97917 20.8042 4.5875 20.4125C4.19583 20.0208 4 19.55 4 19Z" fill="#00BE88"/>
+</g>
+</svg>
diff --git a/assets/icons/home.svg b/assets/icons/home.svg
new file mode 100644
index 0000000..c710b9d
--- /dev/null
+++ b/assets/icons/home.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_324" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
+<rect y="0.5" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_324)">
+<path d="M6 19.5H9V14.5C9 14.2167 9.09583 13.9792 9.2875 13.7875C9.47917 13.5958 9.71667 13.5 10 13.5H14C14.2833 13.5 14.5208 13.5958 14.7125 13.7875C14.9042 13.9792 15 14.2167 15 14.5V19.5H18V10.5L12 6L6 10.5V19.5ZM4 19.5V10.5C4 10.1833 4.07083 9.88333 4.2125 9.6C4.35417 9.31667 4.55 9.08333 4.8 8.9L10.8 4.4C11.15 4.13333 11.55 4 12 4C12.45 4 12.85 4.13333 13.2 4.4L19.2 8.9C19.45 9.08333 19.6458 9.31667 19.7875 9.6C19.9292 9.88333 20 10.1833 20 10.5V19.5C20 20.05 19.8042 20.5208 19.4125 20.9125C19.0208 21.3042 18.55 21.5 18 21.5H14C13.7167 21.5 13.4792 21.4042 13.2875 21.2125C13.0958 21.0208 13 20.7833 13 20.5V15.5H11V20.5C11 20.7833 10.9042 21.0208 10.7125 21.2125C10.5208 21.4042 10.2833 21.5 10 21.5H6C5.45 21.5 4.97917 21.3042 4.5875 20.9125C4.19583 20.5208 4 20.05 4 19.5Z" fill="#B0B7C5"/>
+</g>
+</svg>
diff --git a/assets/icons/payments-filled.svg b/assets/icons/payments-filled.svg
new file mode 100644
index 0000000..3d43a44
--- /dev/null
+++ b/assets/icons/payments-filled.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_2598" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
+<rect y="0.5" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_2598)">
+<path d="M14.275 17.75C14.4583 17.5833 14.5583 17.375 14.575 17.125C14.5917 16.875 14.5083 16.6583 14.325 16.475L11.55 13.55L11.575 13.475H11.825C12.725 13.475 13.4708 13.2 14.0625 12.65C14.6542 12.1 15.0167 11.4583 15.15 10.725H15.575C15.7417 10.725 15.8792 10.6667 15.9875 10.55C16.0958 10.4333 16.15 10.2917 16.15 10.125C16.15 9.95833 16.0958 9.82083 15.9875 9.7125C15.8792 9.60417 15.7417 9.55 15.575 9.55H15.125C15.075 9.3 14.9875 9.0625 14.8625 8.8375C14.7375 8.6125 14.5833 8.39167 14.4 8.175H15.575C15.7417 8.175 15.8792 8.11667 15.9875 8C16.0958 7.88333 16.15 7.74167 16.15 7.575C16.15 7.40833 16.0958 7.27083 15.9875 7.1625C15.8792 7.05417 15.7417 7 15.575 7H8.575C8.375 7 8.20417 7.07083 8.0625 7.2125C7.92083 7.35417 7.85 7.525 7.85 7.725C7.85 7.925 7.92083 8.09167 8.0625 8.225C8.20417 8.35833 8.375 8.425 8.575 8.425H11.75C12.1833 8.425 12.5375 8.53333 12.8125 8.75C13.0875 8.96667 13.275 9.23333 13.375 9.55H8.425C8.25833 9.55 8.12083 9.60833 8.0125 9.725C7.90417 9.84167 7.85 9.98333 7.85 10.15C7.85 10.3167 7.90417 10.4542 8.0125 10.5625C8.12083 10.6708 8.25833 10.725 8.425 10.725H13.4C13.3 11.0583 13.1083 11.3458 12.825 11.5875C12.5417 11.8292 12.1583 11.95 11.675 11.95H9.975C9.75833 11.95 9.57083 12 9.4125 12.1C9.25417 12.2 9.13333 12.3417 9.05 12.525C8.96667 12.7083 8.94167 12.8958 8.975 13.0875C9.00833 13.2792 9.1 13.4583 9.25 13.625L13 17.725C13.1667 17.9083 13.375 18 13.625 18C13.875 18 14.0917 17.9167 14.275 17.75ZM12 22.5C10.6167 22.5 9.31667 22.2375 8.1 21.7125C6.88333 21.1875 5.825 20.475 4.925 19.575C4.025 18.675 3.3125 17.6167 2.7875 16.4C2.2625 15.1833 2 13.8833 2 12.5C2 11.1167 2.2625 9.81667 2.7875 8.6C3.3125 7.38333 4.025 6.325 4.925 5.425C5.825 4.525 6.88333 3.8125 8.1 3.2875C9.31667 2.7625 10.6167 2.5 12 2.5C13.3833 2.5 14.6833 2.7625 15.9 3.2875C17.1167 3.8125 18.175 4.525 19.075 5.425C19.975 6.325 20.6875 7.38333 21.2125 8.6C21.7375 9.81667 22 11.1167 22 12.5C22 13.8833 21.7375 15.1833 21.2125 16.4C20.6875 17.6167 19.975 18.675 19.075 19.575C18.175 20.475 17.1167 21.1875 15.9 21.7125C14.6833 22.2375 13.3833 22.5 12 22.5Z" fill="#00BE88"/>
+</g>
+</svg>
diff --git a/assets/icons/payments.svg b/assets/icons/payments.svg
new file mode 100644
index 0000000..0d00a49
--- /dev/null
+++ b/assets/icons/payments.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_2303" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_2303)">
+<path d="M14.275 17.25C14.4583 17.0833 14.5583 16.875 14.575 16.625C14.5917 16.375 14.5083 16.1583 14.325 15.975L11.55 13.05L11.575 12.975H11.825C12.725 12.975 13.4708 12.7 14.0625 12.15C14.6542 11.6 15.0167 10.9583 15.15 10.225H15.575C15.7417 10.225 15.8792 10.1667 15.9875 10.05C16.0958 9.93333 16.15 9.79167 16.15 9.625C16.15 9.45833 16.0958 9.32083 15.9875 9.2125C15.8792 9.10417 15.7417 9.05 15.575 9.05H15.125C15.075 8.8 14.9875 8.5625 14.8625 8.3375C14.7375 8.1125 14.5833 7.89167 14.4 7.675H15.575C15.7417 7.675 15.8792 7.61667 15.9875 7.5C16.0958 7.38333 16.15 7.24167 16.15 7.075C16.15 6.90833 16.0958 6.77083 15.9875 6.6625C15.8792 6.55417 15.7417 6.5 15.575 6.5H8.575C8.375 6.5 8.20417 6.57083 8.0625 6.7125C7.92083 6.85417 7.85 7.025 7.85 7.225C7.85 7.425 7.92083 7.59167 8.0625 7.725C8.20417 7.85833 8.375 7.925 8.575 7.925H11.75C12.1833 7.925 12.5375 8.03333 12.8125 8.25C13.0875 8.46667 13.275 8.73333 13.375 9.05H8.425C8.25833 9.05 8.12083 9.10833 8.0125 9.225C7.90417 9.34167 7.85 9.48333 7.85 9.65C7.85 9.81667 7.90417 9.95417 8.0125 10.0625C8.12083 10.1708 8.25833 10.225 8.425 10.225H13.4C13.3 10.5583 13.1083 10.8458 12.825 11.0875C12.5417 11.3292 12.1583 11.45 11.675 11.45H9.975C9.75833 11.45 9.57083 11.5 9.4125 11.6C9.25417 11.7 9.13333 11.8417 9.05 12.025C8.96667 12.2083 8.94167 12.3958 8.975 12.5875C9.00833 12.7792 9.1 12.9583 9.25 13.125L13 17.225C13.1667 17.4083 13.375 17.5 13.625 17.5C13.875 17.5 14.0917 17.4167 14.275 17.25ZM12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z" fill="#B0B7C5"/>
+</g>
+</svg>
diff --git a/assets/icons/service-filled.svg b/assets/icons/service-filled.svg
new file mode 100644
index 0000000..09a7d28
--- /dev/null
+++ b/assets/icons/service-filled.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_2674" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_2674)">
+<path d="M9 15C7.33333 15 5.91667 14.4167 4.75 13.25C3.58333 12.0833 3 10.6667 3 9C3 8.66667 3.025 8.33333 3.075 8C3.125 7.66667 3.21667 7.35 3.35 7.05C3.43333 6.88333 3.5375 6.75833 3.6625 6.675C3.7875 6.59167 3.925 6.53333 4.075 6.5C4.225 6.46667 4.37917 6.47083 4.5375 6.5125C4.69583 6.55417 4.84167 6.64167 4.975 6.775L7.6 9.4L9.4 7.6L6.775 4.975C6.64167 4.84167 6.55417 4.69583 6.5125 4.5375C6.47083 4.37917 6.46667 4.225 6.5 4.075C6.53333 3.925 6.59167 3.7875 6.675 3.6625C6.75833 3.5375 6.88333 3.43333 7.05 3.35C7.35 3.21667 7.66667 3.125 8 3.075C8.33333 3.025 8.66667 3 9 3C10.6667 3 12.0833 3.58333 13.25 4.75C14.4167 5.91667 15 7.33333 15 9C15 9.38333 14.9667 9.74583 14.9 10.0875C14.8333 10.4292 14.7333 10.7667 14.6 11.1L19.65 16.1C20.1333 16.5833 20.375 17.175 20.375 17.875C20.375 18.575 20.1333 19.1667 19.65 19.65C19.1667 20.1333 18.575 20.375 17.875 20.375C17.175 20.375 16.5833 20.125 16.1 19.625L11.1 14.6C10.7667 14.7333 10.4292 14.8333 10.0875 14.9C9.74583 14.9667 9.38333 15 9 15Z" fill="#00BE88"/>
+</g>
+</svg>
diff --git a/assets/icons/service.svg b/assets/icons/service.svg
new file mode 100644
index 0000000..b07bec4
--- /dev/null
+++ b/assets/icons/service.svg
@@ -0,0 +1,8 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_59_60" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
+<rect y="0.5" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_59_60)">
+<path d="M9 15.5C7.33333 15.5 5.91667 14.9167 4.75 13.75C3.58333 12.5833 3 11.1667 3 9.5C3 9.16667 3.025 8.83333 3.075 8.5C3.125 8.16667 3.21667 7.85 3.35 7.55C3.43333 7.38333 3.5375 7.25833 3.6625 7.175C3.7875 7.09167 3.925 7.03333 4.075 7C4.225 6.96667 4.37917 6.97083 4.5375 7.0125C4.69583 7.05417 4.84167 7.14167 4.975 7.275L7.6 9.9L9.4 8.1L6.775 5.475C6.64167 5.34167 6.55417 5.19583 6.5125 5.0375C6.47083 4.87917 6.46667 4.725 6.5 4.575C6.53333 4.425 6.59167 4.2875 6.675 4.1625C6.75833 4.0375 6.88333 3.93333 7.05 3.85C7.35 3.71667 7.66667 3.625 8 3.575C8.33333 3.525 8.66667 3.5 9 3.5C10.6667 3.5 12.0833 4.08333 13.25 5.25C14.4167 6.41667 15 7.83333 15 9.5C15 9.88333 14.9667 10.2458 14.9 10.5875C14.8333 10.9292 14.7333 11.2667 14.6 11.6L19.65 16.6C20.1333 17.0833 20.375 17.675 20.375 18.375C20.375 19.075 20.1333 19.6667 19.65 20.15C19.1667 20.6333 18.575 20.875 17.875 20.875C17.175 20.875 16.5833 20.625 16.1 20.125L11.1 15.1C10.7667 15.2333 10.4292 15.3333 10.0875 15.4C9.74583 15.4667 9.38333 15.5 9 15.5ZM9 13.5C9.43333 13.5 9.86667 13.4333 10.3 13.3C10.7333 13.1667 11.125 12.9583 11.475 12.675L17.55 18.75C17.6333 18.8333 17.7458 18.8708 17.8875 18.8625C18.0292 18.8542 18.1417 18.8083 18.225 18.725C18.3083 18.6417 18.35 18.5292 18.35 18.3875C18.35 18.2458 18.3083 18.1333 18.225 18.05L12.15 12C12.45 11.6667 12.6667 11.2792 12.8 10.8375C12.9333 10.3958 13 9.95 13 9.5C13 8.5 12.6792 7.62917 12.0375 6.8875C11.3958 6.14583 10.6 5.7 9.65 5.55L11.5 7.4C11.7 7.6 11.8 7.83333 11.8 8.1C11.8 8.36667 11.7 8.6 11.5 8.8L8.3 12C8.1 12.2 7.86667 12.3 7.6 12.3C7.33333 12.3 7.1 12.2 6.9 12L5.05 10.15C5.2 11.1 5.64583 11.8958 6.3875 12.5375C7.12917 13.1792 8 13.5 9 13.5Z" fill="#B0B7C5"/>
+</g>
+</svg>
diff --git a/assets/images/icon.png b/assets/images/icon.png
index a0b1526..c2f4c20 100644
Binary files a/assets/images/icon.png and b/assets/images/icon.png differ
diff --git a/assets/images/splash-icon.png b/assets/images/splash-icon.png
index 03d6f6b..e51b79c 100644
Binary files a/assets/images/splash-icon.png and b/assets/images/splash-icon.png differ
diff --git a/constants/config.ts b/constants/config.ts
new file mode 100644
index 0000000..3072a9b
--- /dev/null
+++ b/constants/config.ts
@@ -0,0 +1,50 @@
+import HomeIcon from "../assets/icons/home.svg";
+import HomeIconFilled from "../assets/icons/home-filled.svg";
+import PaymentsIcon from "../assets/icons/payments.svg";
+import PaymentsIconFilled from "../assets/icons/payments-filled.svg";
+import ServiceIcon from "../assets/icons/service.svg";
+import ServiceIconFilled from "../assets/icons/service-filled.svg";
+import BatteryIcon from "../assets/icons/battery.svg";
+import BatteryIconFilled from "../assets/icons/battery-filled.svg";
+
+export const STORAGE_KEYS = {
+  LANGUAGE: "USER_LANGUAGE",
+  TOKEN: "AUTH_TOKEN",
+  THEME: "APP_THEME",
+};
+
+export const APP_CONFIG = {
+  DEFAULT_LANGUAGE: "en",
+  SUPPORTED_LANGUAGES: ["en", "hi"],
+};
+
+export const TAB_CONFIG = [
+  {
+    name: "index",
+    title: "Home",
+    Icon: HomeIcon,
+    IconFilled: HomeIconFilled,
+    path: "/",
+  },
+  {
+    name: "payments",
+    title: "Payments",
+    Icon: PaymentsIcon,
+    IconFilled: PaymentsIconFilled,
+    path: "/payments",
+  },
+  {
+    name: "service",
+    title: "Service",
+    Icon: ServiceIcon,
+    IconFilled: ServiceIconFilled,
+    path: "/service",
+  },
+  {
+    name: "my-battery",
+    title: "My Battery",
+    Icon: BatteryIcon,
+    IconFilled: BatteryIconFilled,
+    path: "/my-battery",
+  },
+];