react-native-salespanda 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/Salespanda.podspec +4 -0
  2. package/android/build.gradle +2 -0
  3. package/lib/module/SalespandaApp.js +70 -0
  4. package/lib/module/SalespandaApp.js.map +1 -0
  5. package/lib/module/assets/images/bottomtabs/analytics.png +0 -0
  6. package/lib/module/assets/images/bottomtabs/analyticsactive.png +0 -0
  7. package/lib/module/assets/images/bottomtabs/crm.png +0 -0
  8. package/lib/module/assets/images/bottomtabs/crmactive.png +0 -0
  9. package/lib/module/assets/images/bottomtabs/diary.png +0 -0
  10. package/lib/module/assets/images/bottomtabs/diaryactive.png +0 -0
  11. package/lib/module/assets/images/bottomtabs/home.png +0 -0
  12. package/lib/module/assets/images/bottomtabs/homeactive.png +0 -0
  13. package/lib/module/assets/images/bottomtabs/notification.png +0 -0
  14. package/lib/module/assets/images/bottomtabs/notificationactive.png +0 -0
  15. package/lib/module/assets/images/index.js +35 -0
  16. package/lib/module/assets/images/index.js.map +1 -0
  17. package/lib/module/config/SalespandaConfig.js +68 -0
  18. package/lib/module/config/SalespandaConfig.js.map +1 -0
  19. package/lib/module/constants/Colors.js +17 -0
  20. package/lib/module/constants/Colors.js.map +1 -0
  21. package/lib/module/constants/GetPlatorm.js +23 -0
  22. package/lib/module/constants/GetPlatorm.js.map +1 -0
  23. package/lib/module/index.js +28 -7
  24. package/lib/module/index.js.map +1 -1
  25. package/lib/module/navigation/AppNavigator.js +11 -2
  26. package/lib/module/navigation/AppNavigator.js.map +1 -1
  27. package/lib/module/navigation/BottomTabNavigator.js +100 -73
  28. package/lib/module/navigation/BottomTabNavigator.js.map +1 -1
  29. package/lib/module/navigation/DrawerNavigator.js +214 -127
  30. package/lib/module/navigation/DrawerNavigator.js.map +1 -1
  31. package/lib/module/screens/CRMScreen.js +41 -0
  32. package/lib/module/screens/CRMScreen.js.map +1 -0
  33. package/lib/module/screens/HomeScreen.js +123 -170
  34. package/lib/module/screens/HomeScreen.js.map +1 -1
  35. package/lib/module/screens/NotificationsScreen.js +11 -97
  36. package/lib/module/screens/NotificationsScreen.js.map +1 -1
  37. package/lib/module/screens/ProfileScreen.js +13 -119
  38. package/lib/module/screens/ProfileScreen.js.map +1 -1
  39. package/lib/module/screens/ReportsScreen.js +11 -187
  40. package/lib/module/screens/ReportsScreen.js.map +1 -1
  41. package/lib/typescript/src/SalespandaApp.d.ts +39 -0
  42. package/lib/typescript/src/SalespandaApp.d.ts.map +1 -0
  43. package/lib/typescript/src/assets/images/index.d.ts +17 -0
  44. package/lib/typescript/src/assets/images/index.d.ts.map +1 -0
  45. package/lib/typescript/src/config/SalespandaConfig.d.ts +52 -0
  46. package/lib/typescript/src/config/SalespandaConfig.d.ts.map +1 -0
  47. package/lib/typescript/src/constants/Colors.d.ts +15 -0
  48. package/lib/typescript/src/constants/Colors.d.ts.map +1 -0
  49. package/lib/typescript/src/constants/GetPlatorm.d.ts +11 -0
  50. package/lib/typescript/src/constants/GetPlatorm.d.ts.map +1 -0
  51. package/lib/typescript/src/index.d.ts +18 -2
  52. package/lib/typescript/src/index.d.ts.map +1 -1
  53. package/lib/typescript/src/navigation/AppNavigator.d.ts.map +1 -1
  54. package/lib/typescript/src/navigation/BottomTabNavigator.d.ts.map +1 -1
  55. package/lib/typescript/src/navigation/DrawerNavigator.d.ts.map +1 -1
  56. package/lib/typescript/src/screens/CRMScreen.d.ts +2 -0
  57. package/lib/typescript/src/screens/CRMScreen.d.ts.map +1 -0
  58. package/lib/typescript/src/screens/HomeScreen.d.ts.map +1 -1
  59. package/lib/typescript/src/screens/NotificationsScreen.d.ts.map +1 -1
  60. package/lib/typescript/src/screens/ProfileScreen.d.ts.map +1 -1
  61. package/lib/typescript/src/screens/ReportsScreen.d.ts +1 -1
  62. package/lib/typescript/src/screens/ReportsScreen.d.ts.map +1 -1
  63. package/package.json +20 -11
  64. package/react-native.config.js +9 -0
  65. package/src/SalespandaApp.tsx +112 -0
  66. package/src/assets/images/bottomtabs/analytics.png +0 -0
  67. package/src/assets/images/bottomtabs/analyticsactive.png +0 -0
  68. package/src/assets/images/bottomtabs/crm.png +0 -0
  69. package/src/assets/images/bottomtabs/crmactive.png +0 -0
  70. package/src/assets/images/bottomtabs/diary.png +0 -0
  71. package/src/assets/images/bottomtabs/diaryactive.png +0 -0
  72. package/src/assets/images/bottomtabs/home.png +0 -0
  73. package/src/assets/images/bottomtabs/homeactive.png +0 -0
  74. package/src/assets/images/bottomtabs/notification.png +0 -0
  75. package/src/assets/images/bottomtabs/notificationactive.png +0 -0
  76. package/src/assets/images/index.js +11 -0
  77. package/src/assets/images/index.ts +40 -0
  78. package/src/config/SalespandaConfig.ts +105 -0
  79. package/src/constants/Colors.ts +16 -0
  80. package/src/constants/GetPlatorm.ts +29 -0
  81. package/src/index.tsx +35 -7
  82. package/src/navigation/AppNavigator.tsx +9 -2
  83. package/src/navigation/BottomTabNavigator.tsx +110 -51
  84. package/src/navigation/DrawerNavigator.tsx +179 -126
  85. package/src/screens/CRMScreen.tsx +34 -0
  86. package/src/screens/HomeScreen.tsx +110 -143
  87. package/src/screens/NotificationsScreen.tsx +9 -110
  88. package/src/screens/ProfileScreen.tsx +10 -97
  89. package/src/screens/ReportsScreen.tsx +9 -166
  90. package/lib/module/screens/PremiumScreen.js +0 -222
  91. package/lib/module/screens/PremiumScreen.js.map +0 -1
  92. package/lib/typescript/src/screens/PremiumScreen.d.ts +0 -2
  93. package/lib/typescript/src/screens/PremiumScreen.d.ts.map +0 -1
  94. package/src/screens/PremiumScreen.tsx +0 -250
@@ -1,99 +1,14 @@
1
- import React from 'react';
2
- import {
3
- View,
4
- Text,
5
- StyleSheet,
6
- SafeAreaView,
7
- ScrollView,
8
- TouchableOpacity,
9
- } from 'react-native';
1
+ import { View, Text, StyleSheet, ScrollView } from 'react-native';
2
+ import { SafeAreaView } from 'react-native-safe-area-context';
3
+ import { Colors } from '../constants/Colors';
10
4
 
11
- interface StatCardProps {
12
- title: string;
13
- value: string;
14
- icon: string;
15
- color: string;
16
- }
17
-
18
- const StatCard: React.FC<StatCardProps> = ({ title, value, icon, color }) => {
5
+ export default function NotificationsScreen() {
19
6
  return (
20
- <View style={[styles.statCard, { backgroundColor: color }]}>
21
- <Text style={styles.statIcon}>{icon}</Text>
22
- <Text style={styles.statValue}>{value}</Text>
23
- <Text style={styles.statTitle}>{title}</Text>
24
- </View>
25
- );
26
- };
27
-
28
- export default function ReportsScreen() {
29
- return (
30
- <SafeAreaView style={styles.container}>
7
+ <SafeAreaView style={styles.container} edges={['bottom']}>
31
8
  <View style={styles.header}>
32
9
  <Text style={styles.headerTitle}>Reports</Text>
33
10
  </View>
34
- <ScrollView style={styles.scrollView}>
35
- <View style={styles.statsGrid}>
36
- <StatCard
37
- title="Total Campaigns"
38
- value="24"
39
- icon="📧"
40
- color="#e3f2fd"
41
- />
42
- <StatCard
43
- title="Active Contacts"
44
- value="1,234"
45
- icon="👥"
46
- color="#f3e5f5"
47
- />
48
- <StatCard
49
- title="Total Views"
50
- value="5,678"
51
- icon="👁️"
52
- color="#e8f5e9"
53
- />
54
- <StatCard title="Conversions" value="89" icon="✅" color="#fff3e0" />
55
- </View>
56
-
57
- <View style={styles.section}>
58
- <Text style={styles.sectionTitle}>Recent Activity</Text>
59
-
60
- <TouchableOpacity style={styles.activityItem}>
61
- <View style={styles.activityIcon}>
62
- <Text style={styles.activityIconText}>📊</Text>
63
- </View>
64
- <View style={styles.activityContent}>
65
- <Text style={styles.activityTitle}>Campaign Analytics</Text>
66
- <Text style={styles.activityDescription}>
67
- View detailed analytics for your campaigns
68
- </Text>
69
- </View>
70
- </TouchableOpacity>
71
-
72
- <TouchableOpacity style={styles.activityItem}>
73
- <View style={styles.activityIcon}>
74
- <Text style={styles.activityIconText}>📈</Text>
75
- </View>
76
- <View style={styles.activityContent}>
77
- <Text style={styles.activityTitle}>Performance Report</Text>
78
- <Text style={styles.activityDescription}>
79
- Monthly performance summary
80
- </Text>
81
- </View>
82
- </TouchableOpacity>
83
-
84
- <TouchableOpacity style={styles.activityItem}>
85
- <View style={styles.activityIcon}>
86
- <Text style={styles.activityIconText}>💰</Text>
87
- </View>
88
- <View style={styles.activityContent}>
89
- <Text style={styles.activityTitle}>Revenue Report</Text>
90
- <Text style={styles.activityDescription}>
91
- Track your earnings and revenue
92
- </Text>
93
- </View>
94
- </TouchableOpacity>
95
- </View>
96
- </ScrollView>
11
+ <ScrollView style={styles.scrollView}></ScrollView>
97
12
  </SafeAreaView>
98
13
  );
99
14
  }
@@ -101,91 +16,19 @@ export default function ReportsScreen() {
101
16
  const styles = StyleSheet.create({
102
17
  container: {
103
18
  flex: 1,
104
- backgroundColor: '#f5f5f5',
19
+ backgroundColor: Colors.background,
105
20
  },
106
21
  header: {
107
- backgroundColor: '#fff',
22
+ backgroundColor: Colors.white,
108
23
  padding: 16,
109
- borderBottomWidth: 1,
110
- borderBottomColor: '#e0e0e0',
111
24
  },
112
25
  headerTitle: {
113
26
  fontSize: 20,
114
27
  fontWeight: '600',
115
- color: '#333',
28
+ color: Colors.black,
116
29
  textAlign: 'center',
117
30
  },
118
31
  scrollView: {
119
32
  flex: 1,
120
33
  },
121
- statsGrid: {
122
- flexDirection: 'row',
123
- flexWrap: 'wrap',
124
- padding: 8,
125
- justifyContent: 'space-between',
126
- },
127
- statCard: {
128
- width: '48%',
129
- padding: 20,
130
- borderRadius: 12,
131
- alignItems: 'center',
132
- marginBottom: 16,
133
- },
134
- statIcon: {
135
- fontSize: 32,
136
- marginBottom: 8,
137
- },
138
- statValue: {
139
- fontSize: 24,
140
- fontWeight: '700',
141
- color: '#333',
142
- marginBottom: 4,
143
- },
144
- statTitle: {
145
- fontSize: 12,
146
- color: '#666',
147
- textAlign: 'center',
148
- },
149
- section: {
150
- padding: 16,
151
- },
152
- sectionTitle: {
153
- fontSize: 18,
154
- fontWeight: '600',
155
- color: '#333',
156
- marginBottom: 16,
157
- },
158
- activityItem: {
159
- backgroundColor: '#fff',
160
- flexDirection: 'row',
161
- padding: 16,
162
- borderRadius: 12,
163
- marginBottom: 12,
164
- alignItems: 'center',
165
- },
166
- activityIcon: {
167
- width: 48,
168
- height: 48,
169
- borderRadius: 24,
170
- backgroundColor: '#f5f5f5',
171
- justifyContent: 'center',
172
- alignItems: 'center',
173
- marginRight: 16,
174
- },
175
- activityIconText: {
176
- fontSize: 24,
177
- },
178
- activityContent: {
179
- flex: 1,
180
- },
181
- activityTitle: {
182
- fontSize: 16,
183
- fontWeight: '600',
184
- color: '#333',
185
- marginBottom: 4,
186
- },
187
- activityDescription: {
188
- fontSize: 14,
189
- color: '#666',
190
- },
191
34
  });
@@ -1,222 +0,0 @@
1
- "use strict";
2
-
3
- import React from 'react';
4
- import { View, Text, StyleSheet, SafeAreaView, ScrollView, TouchableOpacity } from 'react-native';
5
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
- const PlanCard = ({
7
- name,
8
- price,
9
- features,
10
- highlighted = false
11
- }) => {
12
- return /*#__PURE__*/_jsxs(View, {
13
- style: [styles.planCard, highlighted && styles.highlightedPlan],
14
- children: [highlighted && /*#__PURE__*/_jsx(View, {
15
- style: styles.popularBadge,
16
- children: /*#__PURE__*/_jsx(Text, {
17
- style: styles.popularText,
18
- children: "MOST POPULAR"
19
- })
20
- }), /*#__PURE__*/_jsx(Text, {
21
- style: styles.planName,
22
- children: name
23
- }), /*#__PURE__*/_jsx(Text, {
24
- style: styles.planPrice,
25
- children: price
26
- }), /*#__PURE__*/_jsx(Text, {
27
- style: styles.planPeriod,
28
- children: "per month"
29
- }), /*#__PURE__*/_jsx(View, {
30
- style: styles.features,
31
- children: features.map((feature, index) => /*#__PURE__*/_jsxs(View, {
32
- style: styles.featureItem,
33
- children: [/*#__PURE__*/_jsx(Text, {
34
- style: styles.featureIcon,
35
- children: "\u2713"
36
- }), /*#__PURE__*/_jsx(Text, {
37
- style: styles.featureText,
38
- children: feature
39
- })]
40
- }, index))
41
- }), /*#__PURE__*/_jsx(TouchableOpacity, {
42
- style: [styles.subscribeButton, highlighted && styles.highlightedButton],
43
- children: /*#__PURE__*/_jsx(Text, {
44
- style: [styles.subscribeButtonText, highlighted && styles.highlightedButtonText],
45
- children: "Subscribe"
46
- })
47
- })]
48
- });
49
- };
50
- export default function PremiumScreen() {
51
- return /*#__PURE__*/_jsxs(SafeAreaView, {
52
- style: styles.container,
53
- children: [/*#__PURE__*/_jsx(View, {
54
- style: styles.header,
55
- children: /*#__PURE__*/_jsx(Text, {
56
- style: styles.headerTitle,
57
- children: "Premium Plans"
58
- })
59
- }), /*#__PURE__*/_jsxs(ScrollView, {
60
- style: styles.scrollView,
61
- children: [/*#__PURE__*/_jsxs(View, {
62
- style: styles.heroSection,
63
- children: [/*#__PURE__*/_jsx(Text, {
64
- style: styles.heroIcon,
65
- children: "\uD83D\uDC8E"
66
- }), /*#__PURE__*/_jsx(Text, {
67
- style: styles.heroTitle,
68
- children: "Unlock Premium Features"
69
- }), /*#__PURE__*/_jsx(Text, {
70
- style: styles.heroDescription,
71
- children: "Get access to exclusive features and tools to grow your business"
72
- })]
73
- }), /*#__PURE__*/_jsxs(View, {
74
- style: styles.plansContainer,
75
- children: [/*#__PURE__*/_jsx(PlanCard, {
76
- name: "Basic",
77
- price: "$9.99",
78
- features: ['Up to 100 contacts', '5 campaigns per month', 'Basic analytics', 'Email support']
79
- }), /*#__PURE__*/_jsx(PlanCard, {
80
- name: "Professional",
81
- price: "$29.99",
82
- features: ['Up to 1,000 contacts', 'Unlimited campaigns', 'Advanced analytics', 'Priority support', 'Custom branding', 'API access'],
83
- highlighted: true
84
- }), /*#__PURE__*/_jsx(PlanCard, {
85
- name: "Enterprise",
86
- price: "$99.99",
87
- features: ['Unlimited contacts', 'Unlimited campaigns', 'Advanced analytics', '24/7 dedicated support', 'Custom branding', 'API access', 'Custom integrations', 'White-label solution']
88
- })]
89
- })]
90
- })]
91
- });
92
- }
93
- const styles = StyleSheet.create({
94
- container: {
95
- flex: 1,
96
- backgroundColor: '#f5f5f5'
97
- },
98
- header: {
99
- backgroundColor: '#fff',
100
- padding: 16,
101
- borderBottomWidth: 1,
102
- borderBottomColor: '#e0e0e0'
103
- },
104
- headerTitle: {
105
- fontSize: 20,
106
- fontWeight: '600',
107
- color: '#333',
108
- textAlign: 'center'
109
- },
110
- scrollView: {
111
- flex: 1
112
- },
113
- heroSection: {
114
- backgroundColor: '#4a148c',
115
- padding: 32,
116
- alignItems: 'center'
117
- },
118
- heroIcon: {
119
- fontSize: 48,
120
- marginBottom: 16
121
- },
122
- heroTitle: {
123
- fontSize: 24,
124
- fontWeight: '700',
125
- color: '#fff',
126
- marginBottom: 8,
127
- textAlign: 'center'
128
- },
129
- heroDescription: {
130
- fontSize: 14,
131
- color: '#fff',
132
- textAlign: 'center',
133
- opacity: 0.9
134
- },
135
- plansContainer: {
136
- padding: 16
137
- },
138
- planCard: {
139
- backgroundColor: '#fff',
140
- borderRadius: 16,
141
- padding: 24,
142
- marginBottom: 16,
143
- borderWidth: 2,
144
- borderColor: '#e0e0e0'
145
- },
146
- highlightedPlan: {
147
- borderColor: '#4a148c',
148
- transform: [{
149
- scale: 1.02
150
- }]
151
- },
152
- popularBadge: {
153
- backgroundColor: '#4a148c',
154
- paddingHorizontal: 12,
155
- paddingVertical: 6,
156
- borderRadius: 12,
157
- alignSelf: 'center',
158
- marginBottom: 16
159
- },
160
- popularText: {
161
- color: '#fff',
162
- fontSize: 10,
163
- fontWeight: '700'
164
- },
165
- planName: {
166
- fontSize: 24,
167
- fontWeight: '700',
168
- color: '#333',
169
- textAlign: 'center',
170
- marginBottom: 8
171
- },
172
- planPrice: {
173
- fontSize: 36,
174
- fontWeight: '700',
175
- color: '#4a148c',
176
- textAlign: 'center'
177
- },
178
- planPeriod: {
179
- fontSize: 14,
180
- color: '#666',
181
- textAlign: 'center',
182
- marginBottom: 24
183
- },
184
- features: {
185
- marginBottom: 24
186
- },
187
- featureItem: {
188
- flexDirection: 'row',
189
- alignItems: 'center',
190
- marginBottom: 12
191
- },
192
- featureIcon: {
193
- fontSize: 16,
194
- color: '#4a148c',
195
- marginRight: 12,
196
- fontWeight: '700'
197
- },
198
- featureText: {
199
- fontSize: 14,
200
- color: '#333'
201
- },
202
- subscribeButton: {
203
- backgroundColor: '#fff',
204
- borderWidth: 2,
205
- borderColor: '#4a148c',
206
- borderRadius: 8,
207
- padding: 16,
208
- alignItems: 'center'
209
- },
210
- highlightedButton: {
211
- backgroundColor: '#4a148c'
212
- },
213
- subscribeButtonText: {
214
- fontSize: 16,
215
- fontWeight: '600',
216
- color: '#4a148c'
217
- },
218
- highlightedButtonText: {
219
- color: '#fff'
220
- }
221
- });
222
- //# sourceMappingURL=PremiumScreen.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","View","Text","StyleSheet","SafeAreaView","ScrollView","TouchableOpacity","jsx","_jsx","jsxs","_jsxs","PlanCard","name","price","features","highlighted","style","styles","planCard","highlightedPlan","children","popularBadge","popularText","planName","planPrice","planPeriod","map","feature","index","featureItem","featureIcon","featureText","subscribeButton","highlightedButton","subscribeButtonText","highlightedButtonText","PremiumScreen","container","header","headerTitle","scrollView","heroSection","heroIcon","heroTitle","heroDescription","plansContainer","create","flex","backgroundColor","padding","borderBottomWidth","borderBottomColor","fontSize","fontWeight","color","textAlign","alignItems","marginBottom","opacity","borderRadius","borderWidth","borderColor","transform","scale","paddingHorizontal","paddingVertical","alignSelf","flexDirection","marginRight"],"sourceRoot":"../../../src","sources":["screens/PremiumScreen.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,2 +0,0 @@
1
- export default function PremiumScreen(): import("react/jsx-runtime").JSX.Element;
2
- //# sourceMappingURL=PremiumScreen.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PremiumScreen.d.ts","sourceRoot":"","sources":["../../../../src/screens/PremiumScreen.tsx"],"names":[],"mappings":"AA8DA,MAAM,CAAC,OAAO,UAAU,aAAa,4CA2DpC"}
@@ -1,250 +0,0 @@
1
- import React from 'react';
2
- import {
3
- View,
4
- Text,
5
- StyleSheet,
6
- SafeAreaView,
7
- ScrollView,
8
- TouchableOpacity,
9
- } from 'react-native';
10
-
11
- interface PlanCardProps {
12
- name: string;
13
- price: string;
14
- features: string[];
15
- highlighted?: boolean;
16
- }
17
-
18
- const PlanCard: React.FC<PlanCardProps> = ({
19
- name,
20
- price,
21
- features,
22
- highlighted = false,
23
- }) => {
24
- return (
25
- <View style={[styles.planCard, highlighted && styles.highlightedPlan]}>
26
- {highlighted && (
27
- <View style={styles.popularBadge}>
28
- <Text style={styles.popularText}>MOST POPULAR</Text>
29
- </View>
30
- )}
31
- <Text style={styles.planName}>{name}</Text>
32
- <Text style={styles.planPrice}>{price}</Text>
33
- <Text style={styles.planPeriod}>per month</Text>
34
-
35
- <View style={styles.features}>
36
- {features.map((feature, index) => (
37
- <View key={index} style={styles.featureItem}>
38
- <Text style={styles.featureIcon}>✓</Text>
39
- <Text style={styles.featureText}>{feature}</Text>
40
- </View>
41
- ))}
42
- </View>
43
-
44
- <TouchableOpacity
45
- style={[
46
- styles.subscribeButton,
47
- highlighted && styles.highlightedButton,
48
- ]}
49
- >
50
- <Text
51
- style={[
52
- styles.subscribeButtonText,
53
- highlighted && styles.highlightedButtonText,
54
- ]}
55
- >
56
- Subscribe
57
- </Text>
58
- </TouchableOpacity>
59
- </View>
60
- );
61
- };
62
-
63
- export default function PremiumScreen() {
64
- return (
65
- <SafeAreaView style={styles.container}>
66
- <View style={styles.header}>
67
- <Text style={styles.headerTitle}>Premium Plans</Text>
68
- </View>
69
- <ScrollView style={styles.scrollView}>
70
- <View style={styles.heroSection}>
71
- <Text style={styles.heroIcon}>💎</Text>
72
- <Text style={styles.heroTitle}>Unlock Premium Features</Text>
73
- <Text style={styles.heroDescription}>
74
- Get access to exclusive features and tools to grow your business
75
- </Text>
76
- </View>
77
-
78
- <View style={styles.plansContainer}>
79
- <PlanCard
80
- name="Basic"
81
- price="$9.99"
82
- features={[
83
- 'Up to 100 contacts',
84
- '5 campaigns per month',
85
- 'Basic analytics',
86
- 'Email support',
87
- ]}
88
- />
89
-
90
- <PlanCard
91
- name="Professional"
92
- price="$29.99"
93
- features={[
94
- 'Up to 1,000 contacts',
95
- 'Unlimited campaigns',
96
- 'Advanced analytics',
97
- 'Priority support',
98
- 'Custom branding',
99
- 'API access',
100
- ]}
101
- highlighted={true}
102
- />
103
-
104
- <PlanCard
105
- name="Enterprise"
106
- price="$99.99"
107
- features={[
108
- 'Unlimited contacts',
109
- 'Unlimited campaigns',
110
- 'Advanced analytics',
111
- '24/7 dedicated support',
112
- 'Custom branding',
113
- 'API access',
114
- 'Custom integrations',
115
- 'White-label solution',
116
- ]}
117
- />
118
- </View>
119
- </ScrollView>
120
- </SafeAreaView>
121
- );
122
- }
123
-
124
- const styles = StyleSheet.create({
125
- container: {
126
- flex: 1,
127
- backgroundColor: '#f5f5f5',
128
- },
129
- header: {
130
- backgroundColor: '#fff',
131
- padding: 16,
132
- borderBottomWidth: 1,
133
- borderBottomColor: '#e0e0e0',
134
- },
135
- headerTitle: {
136
- fontSize: 20,
137
- fontWeight: '600',
138
- color: '#333',
139
- textAlign: 'center',
140
- },
141
- scrollView: {
142
- flex: 1,
143
- },
144
- heroSection: {
145
- backgroundColor: '#4a148c',
146
- padding: 32,
147
- alignItems: 'center',
148
- },
149
- heroIcon: {
150
- fontSize: 48,
151
- marginBottom: 16,
152
- },
153
- heroTitle: {
154
- fontSize: 24,
155
- fontWeight: '700',
156
- color: '#fff',
157
- marginBottom: 8,
158
- textAlign: 'center',
159
- },
160
- heroDescription: {
161
- fontSize: 14,
162
- color: '#fff',
163
- textAlign: 'center',
164
- opacity: 0.9,
165
- },
166
- plansContainer: {
167
- padding: 16,
168
- },
169
- planCard: {
170
- backgroundColor: '#fff',
171
- borderRadius: 16,
172
- padding: 24,
173
- marginBottom: 16,
174
- borderWidth: 2,
175
- borderColor: '#e0e0e0',
176
- },
177
- highlightedPlan: {
178
- borderColor: '#4a148c',
179
- transform: [{ scale: 1.02 }],
180
- },
181
- popularBadge: {
182
- backgroundColor: '#4a148c',
183
- paddingHorizontal: 12,
184
- paddingVertical: 6,
185
- borderRadius: 12,
186
- alignSelf: 'center',
187
- marginBottom: 16,
188
- },
189
- popularText: {
190
- color: '#fff',
191
- fontSize: 10,
192
- fontWeight: '700',
193
- },
194
- planName: {
195
- fontSize: 24,
196
- fontWeight: '700',
197
- color: '#333',
198
- textAlign: 'center',
199
- marginBottom: 8,
200
- },
201
- planPrice: {
202
- fontSize: 36,
203
- fontWeight: '700',
204
- color: '#4a148c',
205
- textAlign: 'center',
206
- },
207
- planPeriod: {
208
- fontSize: 14,
209
- color: '#666',
210
- textAlign: 'center',
211
- marginBottom: 24,
212
- },
213
- features: {
214
- marginBottom: 24,
215
- },
216
- featureItem: {
217
- flexDirection: 'row',
218
- alignItems: 'center',
219
- marginBottom: 12,
220
- },
221
- featureIcon: {
222
- fontSize: 16,
223
- color: '#4a148c',
224
- marginRight: 12,
225
- fontWeight: '700',
226
- },
227
- featureText: {
228
- fontSize: 14,
229
- color: '#333',
230
- },
231
- subscribeButton: {
232
- backgroundColor: '#fff',
233
- borderWidth: 2,
234
- borderColor: '#4a148c',
235
- borderRadius: 8,
236
- padding: 16,
237
- alignItems: 'center',
238
- },
239
- highlightedButton: {
240
- backgroundColor: '#4a148c',
241
- },
242
- subscribeButtonText: {
243
- fontSize: 16,
244
- fontWeight: '600',
245
- color: '#4a148c',
246
- },
247
- highlightedButtonText: {
248
- color: '#fff',
249
- },
250
- });