From a0f7e72cd0b7967b6b7b2bbcf25ff4ad26d8b937 Mon Sep 17 00:00:00 2001
From: KingPleather <59103042+KingPleather@users.noreply.github.com>
Date: Fri, 21 Jun 2024 19:25:20 -0700
Subject: [PATCH 1/3] Update HomeScreen.js

---
 src/screens/HomeScreen.js | 74 +++++++++++++++++++++++++++++++++++++--
 1 file changed, 72 insertions(+), 2 deletions(-)

diff --git a/src/screens/HomeScreen.js b/src/screens/HomeScreen.js
index a31ad65..0236d5b 100644
--- a/src/screens/HomeScreen.js
+++ b/src/screens/HomeScreen.js
@@ -1,13 +1,83 @@
 import React from "react";
-import { StyleSheet, Text } from "react-native";
+import { StyleSheet, Text, Image, View, Pressable } from "react-native";
 
 export default function HomeScreen() {
   return (
     // TODO
-    <Text>Home</Text>
+    <View style={styles.container}>
+      <Image source={require("./../assets/logo.png")} style={styles.logo} />
+      <Pressable style={styles.volunteer}>
+        <Text style={styles.buttonText}>Volunteer</Text>
+      </Pressable>
+      <Pressable style={styles.request}>
+        <Text style={[styles.buttonText, { fontSize: 24 }]}>
+          Request a Concert
+        </Text>
+      </Pressable>
+      <Pressable>
+        <Text style={styles.smallButton}>Donate</Text>
+      </Pressable>
+      <Pressable>
+        <Text style={styles.smallButton}>Visit our websites</Text>
+      </Pressable>
+    </View>
   );
 }
 
 const styles = StyleSheet.create({
+  container: {
+    display: "flex",
+
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+
+    columnGap: 24,
+  },
+  logo: {
+    flexDirection: "column",
+    justifyContent: "center",
+    width: 387,
+    height: 208,
+  },
+  volunteer: {
+    flexDirection: "column",
+    justifyContent: "center",
+    borderRadius: 15,
+    borderWidth: 1,
+    width: 267,
+    height: 74,
+    backgroundColor: "#4B5588",
+    marginBottom: 24,
+    shadowColor: "black",
+    shadowOpacity: 0.25,
+    shadowOffset: { width: 0, height: 4 },
+    shadowRadius: 4,
+  },
+  buttonText: {
+    textAlign: "center",
+    fontSize: 36,
+    fontWeight: "medium",
+    color: "white",
+  },
+  request: {
+    flexDirection: "column",
+    justifyContent: "center",
+    borderRadius: 15,
+    borderWidth: 1,
+    width: 267,
+    height: 74,
+    backgroundColor: "#000000",
+    marginBottom: 24,
+    shadowColor: "black",
+    shadowOpacity: 0.25,
+    shadowOffset: { width: 0, height: 4 },
+    shadowRadius: 4,
+  },
+  smallButton: {
+    borderBottomWidth: 2,
+    fontSize: 24,
+    marginBottom: 10,
+  },
   // TODO
 });

From 8cfe4c5b53bb86f479152519859122b525e2ee62 Mon Sep 17 00:00:00 2001
From: KingPleather <59103042+KingPleather@users.noreply.github.com>
Date: Fri, 21 Jun 2024 20:46:51 -0700
Subject: [PATCH 2/3] Update HomeScreen.js

---
 src/screens/HomeScreen.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/screens/HomeScreen.js b/src/screens/HomeScreen.js
index 0236d5b..99ffc8e 100644
--- a/src/screens/HomeScreen.js
+++ b/src/screens/HomeScreen.js
@@ -27,11 +27,10 @@ export default function HomeScreen() {
 const styles = StyleSheet.create({
   container: {
     display: "flex",
-
+    flex: 1,
     flexDirection: "column",
     justifyContent: "center",
     alignItems: "center",
-
     columnGap: 24,
   },
   logo: {

From ee1d243930a2445cfb183a2b6673703d2a626d4f Mon Sep 17 00:00:00 2001
From: KingPleather <59103042+KingPleather@users.noreply.github.com>
Date: Fri, 21 Jun 2024 20:47:51 -0700
Subject: [PATCH 3/3] Update HomeScreen.js

---
 src/screens/HomeScreen.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/screens/HomeScreen.js b/src/screens/HomeScreen.js
index 99ffc8e..905c0b0 100644
--- a/src/screens/HomeScreen.js
+++ b/src/screens/HomeScreen.js
@@ -3,7 +3,6 @@ import { StyleSheet, Text, Image, View, Pressable } from "react-native";
 
 export default function HomeScreen() {
   return (
-    // TODO
     <View style={styles.container}>
       <Image source={require("./../assets/logo.png")} style={styles.logo} />
       <Pressable style={styles.volunteer}>
@@ -78,5 +77,4 @@ const styles = StyleSheet.create({
     fontSize: 24,
     marginBottom: 10,
   },
-  // TODO
 });