import React, { useState } from 'react'; import { View, Text, ScrollView, TouchableOpacity, TextInput, Image } from 'react-native'; import { Search, Heart, ShoppingCart, User, MapPin, Calendar, Clock, CheckCircle, ChevronRight, Stethoscope, Microscope, Syringe, Activity } from 'lucide-react-native'; const popularTests = [ { id: 1, name: 'Complete Blood Count', price: 29.99, icon: , category: 'Blood Test' }, { id: 2, name: 'Lipid Profile', price: 39.99, icon: , category: 'Cholesterol' }, { id: 3, name: 'Thyroid Function', price: 49.99, icon: , category: 'Hormones' }, { id: 4, name: 'Vitamin D', price: 34.99, icon: , category: 'Vitamins' }, ]; const categories = [ { id: 1, name: 'Blood Tests', icon: , count: 24 }, { id: 2, name: 'COVID Tests', icon: , count: 5 }, { id: 3, name: 'Hormone Tests', icon: , count: 18 }, { id: 4, name: 'Allergy Tests', icon: , count: 12 }, ]; const recentOrders = [ { id: 1, testName: 'Complete Blood Count', date: '2023-05-15', status: 'Completed' }, { id: 2, testName: 'Lipid Profile', date: '2023-05-10', status: 'Processing' }, ]; export default function HomeScreen() { const [searchQuery, setSearchQuery] = useState(''); return ( {/* Header */} LabEase Delivering to New York, NY {/* Search Bar */} {/* Categories */} Categories {categories.map((category) => ( {category.icon} {category.name} {category.count} tests ))} {/* Popular Tests */} Popular Tests See all {popularTests.map((test) => ( {test.icon} {test.name} {test.category} ${test.price} Add ))} {/* How It Works */} How It Works Book Test Choose your test Home Collection We come to you Get Results Digital reports {/* Recent Orders */} Recent Orders {recentOrders.map((order) => ( {order.testName} {order.date} {order.status} ))} {/* Bottom Navigation */} Tests Appointments Results Profile ); }

React Native LabEase App Preview

Project Screens for LabEase App