mirror of
https://github.com/pezkuwichain/pwap.git
synced 2026-04-24 05:07:56 +00:00
48 lines
2.3 KiB
TypeScript
48 lines
2.3 KiB
TypeScript
import React from 'react';
|
||
import { View, Text, StyleSheet, ScrollView } from 'react-native';
|
||
import { KurdistanColors } from '../theme/colors';
|
||
|
||
const VPNScreen: React.FC = () => {
|
||
return (
|
||
<ScrollView style={styles.container} contentContainerStyle={styles.contentContainer}>
|
||
<View style={styles.content}>
|
||
<Text style={styles.icon}>🛡️</Text>
|
||
<Text style={styles.title}>Zû tê</Text>
|
||
<Text style={styles.titleEn}>Coming Soon</Text>
|
||
<View style={styles.messageBox}>
|
||
<Text style={styles.message}>
|
||
VPNa nenavendî dê zû were.
|
||
</Text>
|
||
<Text style={styles.messageEn}>
|
||
Privacy-first, community-powered decentralized VPN coming soon.
|
||
</Text>
|
||
</View>
|
||
<View style={styles.featureList}>
|
||
<Text style={styles.featureTitle}>Taybetmendiyên Plankirin:</Text>
|
||
<Text style={styles.featureItem}>• Tora relay nenavendî</Text>
|
||
<Text style={styles.featureItem}>• Dravdana bi tokenên HEZ</Text>
|
||
<Text style={styles.featureItem}>• Siyaseta bê-log</Text>
|
||
<Text style={styles.featureItem}>• Derbazkirina sansûrê</Text>
|
||
</View>
|
||
</View>
|
||
</ScrollView>
|
||
);
|
||
};
|
||
|
||
const styles = StyleSheet.create({
|
||
container: { flex: 1, backgroundColor: '#F5F5F5' },
|
||
contentContainer: { flexGrow: 1 },
|
||
content: { flex: 1, alignItems: 'center', justifyContent: 'center', paddingHorizontal: 32, paddingVertical: 40 },
|
||
icon: { fontSize: 80, marginBottom: 24 },
|
||
title: { fontSize: 22, fontWeight: 'bold', color: KurdistanColors.reş, textAlign: 'center', marginBottom: 4 },
|
||
titleEn: { fontSize: 18, color: '#666', textAlign: 'center', marginBottom: 24 },
|
||
messageBox: { backgroundColor: '#FFFFFF', borderRadius: 16, padding: 20, marginBottom: 24, width: '100%' },
|
||
message: { fontSize: 15, color: '#444', textAlign: 'center', lineHeight: 24, marginBottom: 12 },
|
||
messageEn: { fontSize: 14, color: '#888', textAlign: 'center', lineHeight: 22 },
|
||
featureList: { backgroundColor: '#FFFFFF', borderRadius: 16, padding: 20, width: '100%' },
|
||
featureTitle: { fontSize: 16, fontWeight: 'bold', color: KurdistanColors.kesk, marginBottom: 12 },
|
||
featureItem: { fontSize: 14, color: '#555', marginBottom: 8, lineHeight: 20 },
|
||
});
|
||
|
||
export default VPNScreen;
|