update

app/(tabs)/index.tsx

@@ -105,10 +105,57 @@ export default function HomeScreen() {
       <View
         style={[
           styles.mainContainer,
-          { justifyContent: "center", alignItems: "center" },
+          { justifyContent: "center", alignItems: "center", padding: 20 },
         ]}
       >
-        <Text>Error: {error?.message || String(error)}</Text>
+        <View
+          style={{
+            alignItems: "center",
+            gap: 12,
+            backgroundColor: "rgba(255,255,255,0.05)",
+            paddingVertical: 24,
+            paddingHorizontal: 20,
+            borderRadius: 12,
+            width: "85%",
+          }}
+        >
+          <Text style={{ fontSize: 36 }}>⚠️</Text>
+          <Text
+            style={{
+              fontSize: 18,
+              fontWeight: "600",
+              color: "white",
+              textAlign: "center",
+            }}
+          >
+            Fehler beim Laden
+          </Text>
+          <Text
+            style={{
+              fontSize: 14,
+              color: "rgba(255,255,255,0.6)",
+              textAlign: "center",
+            }}
+          >
+            {error?.message || "Ein unerwarteter Fehler ist aufgetreten."}
+          </Text>
+
+          <TouchableOpacity
+            onPress={() => {
+              if (typeof refetchShows === "function") refetchShows();
+              if (typeof refetchServices === "function") refetchServices();
+            }}
+            style={{
+              marginTop: 6,
+              backgroundColor: "rgba(255,255,255,0.15)",
+              paddingVertical: 10,
+              paddingHorizontal: 18,
+              borderRadius: 8,
+            }}
+          >
+            <Text style={{ color: "white", fontWeight: "600" }}>Erneut versuchen</Text>
+          </TouchableOpacity>
+        </View>
       </View>
     );
   }
@@ -125,7 +172,7 @@ export default function HomeScreen() {
             style={{
               position: "absolute",
               left: 16,
-              top: "50%",
+              top: "63%",
               transform: [{ translateY: -12 }],
               height: 40,
               width: 40,