Add caraousel image slider and animation of 'See All' application status button at Home screen

src/screens/home/styles.tsx

@@ -1,7 +1,10 @@
-import {StyleSheet} from 'react-native';
+import {Dimensions, StyleSheet} from 'react-native';
 import Colors from '../../../assets/styles/Colors';
 import FontFamily from '../../../assets/styles/FontFamily';
 
+const {width} = Dimensions.get('window');
+const ITEM_WIDTH = width * 0.8;
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -26,6 +29,16 @@ const styles = StyleSheet.create({
     height: 245,
     alignItems: 'center',
   },
+  itemContainer: {
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  item: {
+    width: ITEM_WIDTH,
+    height: 200,
+    borderRadius: 20,
+    backgroundColor: Colors.secondary70.color,
+  },
   serviceContainer: {
     marginVertical: 12,
     marginHorizontal: 16,
@@ -83,6 +96,19 @@ const styles = StyleSheet.create({
   flatllistGap: {
     height: 8,
   },
+  indicatorContainer: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    marginTop: 4,
+    marginBottom: 12,
+  },
+  indicatorInactive: {
+    height: 8,
+    width: 8,
+    borderRadius: 4,
+    backgroundColor: Colors.neutral100.color,
+    marginHorizontal: 4,
+  },
 });
 
 export default styles;