From 37ac17684eb3758399db6ee6791f793ee5b66cb3 Mon Sep 17 00:00:00 2001
From: Mohit gauniyal <mohitgauniyal19a@gmail.com>
Date: Fri, 24 Apr 2026 06:10:46 +0530
Subject: [PATCH] feat: update welcome screen feature icons

- Replace chatbubble with warning-outline for complaints
- Add notifications-outline for notifications
- Add megaphone-outline for announcements
- 5 icons now representing all core features
---
 apps/mobile/src/screens/auth/WelcomeScreen.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/mobile/src/screens/auth/WelcomeScreen.tsx b/apps/mobile/src/screens/auth/WelcomeScreen.tsx
index 9941ff8..22e3ff8 100644
--- a/apps/mobile/src/screens/auth/WelcomeScreen.tsx
+++ b/apps/mobile/src/screens/auth/WelcomeScreen.tsx
@@ -14,7 +14,9 @@ const BRAND = '#4338ca'
 const FEATURES: React.ComponentProps<typeof Ionicons>['name'][] = [
   'business-outline',
   'people-outline',
-  'chatbubble-ellipses-outline',
+  'warning-outline',
+  'notifications-outline',
+  'megaphone-outline'
 ]
 
 export function WelcomeScreen({ navigation }: Props) {
@@ -41,7 +43,7 @@ export function WelcomeScreen({ navigation }: Props) {
         <View style={styles.bubblesRow}>
           {FEATURES.map((icon) => (
             <View key={icon} style={styles.bubble}>
-              <Ionicons name={icon} size={24} color="#fff" />
+              <Ionicons name={icon} size={22} color="#fff" />
             </View>
           ))}
         </View>
@@ -103,8 +105,8 @@ const styles = StyleSheet.create({
     marginTop: 20,   // gap:12 + marginTop:20 = 32px from tagline
   },
   bubble: {
-    width: 52,
-    height: 52,
+    width: 48,
+    height: 48,
     borderRadius: 26,
     backgroundColor: 'rgba(255,255,255,0.15)',
     alignItems: 'center',