Contributors update

src/screens/ContributorsScreen.tsx

@@ -69,6 +69,11 @@ const SPECIAL_MENTIONS_CONFIG: SpecialMentionConfig[] = [
     role: 'Server Sponsor',
     description: 'Sponsored the server infrastructure for Nuvio',
   },
+  {
+    discordId: '1395843374241546362',
+    role: 'Discord Mod',
+    description: 'Helps moderate the Nuvio Discord community',
+  },
 ];
 
 type TabType = 'contributors' | 'special';

src/screens/SettingsScreen.tsx

@@ -18,6 +18,7 @@ import { mmkvStorage } from '../services/mmkvStorage';
 import { useNavigation } from '@react-navigation/native';
 import { NavigationProp } from '@react-navigation/native';
 import FastImage from '@d11/react-native-fast-image';
+import LottieView from 'lottie-react-native';
 import { Feather } from '@expo/vector-icons';
 import { Picker } from '@react-native-picker/picker';
 import { useSettings, DEFAULT_SETTINGS } from '../hooks/useSettings';
@@ -929,11 +930,6 @@ const SettingsScreen: React.FC = () => {
                     </View>
                   )}
 
-                  <View style={styles.footer}>
-                    <Text style={[styles.footerText, { color: currentTheme.colors.mediumEmphasis }]}>
-                      Made with ❤️ by Tapframe and Friends
-                    </Text>
-                  </View>
                   <View style={styles.discordContainer}>
                     <TouchableOpacity
                       style={[styles.discordButton, { backgroundColor: 'transparent', paddingVertical: 0, paddingHorizontal: 0, marginBottom: 8 }]}
@@ -985,6 +981,23 @@ const SettingsScreen: React.FC = () => {
                       </TouchableOpacity>
                     </View>
                   </View>
+
+                  {/* Monkey Animation */}
+                  <View style={styles.monkeyContainer}>
+                    <LottieView
+                      source={require('../assets/lottie/monito.json')}
+                      autoPlay
+                      loop
+                      style={styles.monkeyAnimation}
+                      resizeMode="contain"
+                    />
+                  </View>
+
+                  <View style={styles.footer}>
+                    <Text style={[styles.footerText, { color: currentTheme.colors.mediumEmphasis }]}>
+                      Made with ❤️ by Tapframe and Friends
+                    </Text>
+                  </View>
                 </>
               )}
             </ScrollView>
@@ -1042,12 +1055,6 @@ const SettingsScreen: React.FC = () => {
               </View>
             )}
 
-            <View style={styles.footer}>
-              <Text style={[styles.footerText, { color: currentTheme.colors.mediumEmphasis }]}>
-                Made with ❤️ by Tapframe and friends
-              </Text>
-            </View>
-
             {/* Support & Community Buttons */}
             <View style={styles.discordContainer}>
               <TouchableOpacity
@@ -1100,6 +1107,23 @@ const SettingsScreen: React.FC = () => {
                 </TouchableOpacity>
               </View>
             </View>
+
+            {/* Monkey Animation */}
+            <View style={styles.monkeyContainer}>
+              <LottieView
+                source={require('../assets/lottie/monito.json')}
+                autoPlay
+                loop
+                style={styles.monkeyAnimation}
+                resizeMode="contain"
+              />
+            </View>
+
+            <View style={styles.footer}>
+              <Text style={[styles.footerText, { color: currentTheme.colors.mediumEmphasis }]}>
+                Made with ❤️ by Tapframe and friends
+              </Text>
+            </View>
           </ScrollView>
         </View>
       </View>
@@ -1331,7 +1355,7 @@ const styles = StyleSheet.create({
   footer: {
     alignItems: 'center',
     justifyContent: 'center',
-    marginTop: 24,
+    marginTop: 0,
     marginBottom: 12,
   },
   footerText: {
@@ -1397,6 +1421,16 @@ const styles = StyleSheet.create({
     borderTopColor: 'transparent',
     marginRight: 8,
   },
+  monkeyContainer: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 0,
+    marginBottom: 32,
+  },
+  monkeyAnimation: {
+    width: 180,
+    height: 180,
+  },
 });
 
 export default SettingsScreen;