import React from 'react'; import { View, Text, StyleSheet, ImageBackground, ScrollView } from 'react-native'; import { Heart, Star, Users } from 'lucide-react-native'; export default function LandingPage() { return ( Discover Amazing Experiences Explore the world with our curated travel experiences Personalized Curated Community Join thousands of explorers today ); } const styles = StyleSheet.create({ container: { flex: 1, }, backgroundImage: { width: '100%', height: '100%', }, overlay: { flex: 1, backgroundColor: 'rgba(0, 0, 0, 0.5)', justifyContent: 'center', alignItems: 'center', padding: 20, }, contentContainer: { alignItems: 'center', justifyContent: 'center', padding: 30, borderRadius: 20, backgroundColor: 'rgba(255, 255, 255, 0.1)', backdropFilter: 'blur(10px)', width: '100%', maxWidth: 500, }, title: { fontSize: 32, fontWeight: 'bold', color: '#fff', textAlign: 'center', marginBottom: 15, textShadowColor: 'rgba(0, 0, 0, 0.5)', textShadowOffset: { width: 1, height: 1 }, textShadowRadius: 5, }, subtitle: { fontSize: 18, color: '#fff', textAlign: 'center', marginBottom: 30, textShadowColor: 'rgba(0, 0, 0, 0.5)', textShadowOffset: { width: 1, height: 1 }, textShadowRadius: 5, }, featuresContainer: { flexDirection: 'row', justifyContent: 'space-around', width: '100%', marginBottom: 30, }, featureItem: { alignItems: 'center', }, featureText: { color: '#fff', marginTop: 10, fontSize: 16, fontWeight: '500', }, ctaContainer: { backgroundColor: 'rgba(255, 255, 255, 0.2)', padding: 20, borderRadius: 15, alignItems: 'center', marginTop: 20, }, ctaText: { color: '#fff', fontSize: 18, fontWeight: '600', textAlign: 'center', }, });

React Native SmartBase App Preview

Project Screens for SmartBase App