diff --git a/app.json b/app.json
index b9cbc506..23bda6f3 100644
--- a/app.json
+++ b/app.json
@@ -26,6 +26,5 @@
     "web": {
       "favicon": "./assets/favicon.png"
     }
-   
   }
-}
\ No newline at end of file
+}
diff --git a/assets/fonts/Poppins-Medium.ttf b/assets/fonts/Poppins-Medium.ttf
new file mode 100644
index 00000000..6bcdcc27
Binary files /dev/null and b/assets/fonts/Poppins-Medium.ttf differ
diff --git a/package-lock.json b/package-lock.json
index 04503361..6f8153b2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,3 +1,4 @@
+
 {
   "name": "basicapp",
   "version": "1.0.0",
diff --git a/package.json b/package.json
index 7e74db17..68b9b818 100644
--- a/package.json
+++ b/package.json
@@ -34,4 +34,4 @@
     "tailwindcss": "^3.4.3"
   },
   "private": true
-}
+}
\ No newline at end of file
diff --git a/react-native.config.js b/react-native.config.js
new file mode 100644
index 00000000..41de1eab
--- /dev/null
+++ b/react-native.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  assets: ["./assets/fonts"],
+};
diff --git a/src/screens/Home/home.js b/src/screens/Home/home.js
index a6a29928..8d563c3b 100644
--- a/src/screens/Home/home.js
+++ b/src/screens/Home/home.js
@@ -10,7 +10,7 @@ export default function Home() {
       <View style={styles.container}>
         <Image
           source={{
-            uri: "https://images.unsplash.com/photo-1573456170607-b885fdc78985?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
+            uri: "https://images.unsplash.com/photo-1493612276216-ee3925520721?q=80&w=1964&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
           }}
           style={{ width: 400, height: 250, marginBottom: 10 }}
         />
@@ -137,26 +137,34 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: "column",
     flex: 0,
-    backgroundColor: "#fff",
+    backgroundColor: "white",
     alignItems: "center",
     justifyContent: "center",
     height: "100%",
+    fontSize: 25,
   },
   button: {
+    color: "#243531",
     textAlign: "center",
     margin: 10,
     width: 230,
     paddingHorizontal: 20,
     paddingVertical: 14,
-    fontSize: 16,
-    borderColor: "#ed6872",
-    color: "#fff",
+    fontSize: 15, // Font size
     borderRadius: 10,
-    backgroundColor: "#600047",
-    shadowColor: "#ed6872",
+    backgroundColor: "#61C0BF",
+    // Shadow properties
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 4,
+    elevation: 5, // For Android
   },
   heading: {
-    color: "#624CAB",
+    color: "#243531",
     fontWeight: "bold",
     fontSize: 22,
     padding: 8,