import React, { useState } from 'react'; import { View, Text, ScrollView, TextInput, TouchableOpacity, Image } from 'react-native'; import { Search, Plus, User, Star, MapPin, Clock, DollarSign, Filter } from 'lucide-react-native'; export default function Home() { const [searchQuery, setSearchQuery] = useState(''); // Mock data for featured tasks const featuredTasks = [ { id: 1, title: 'Professional Cook', description: 'Weekly meal preparation for family of 4', budget: '$40/hr', location: 'Downtown', rating: 4.8, image: 'https://images.unsplash.com/photo-1556911220-e15b29be877f?w=800' }, { id: 2, title: 'Deep Cleaning Service', description: '3-bedroom apartment deep cleaning', budget: '$200/visit', location: 'Westside', rating: 4.9, image: 'https://images.unsplash.com/photo-1584438784894-089d6a62b8fa?w=800' }, { id: 3, title: 'Laundry & Ironing', description: 'Weekly laundry service for busy professionals', budget: '$25/visit', location: 'Midtown', rating: 4.7, image: 'https://images.unsplash.com/photo-1581578021424-6e6285e8fce7?w=800' }, { id: 4, title: 'Garden Maintenance', description: 'Monthly lawn care and garden upkeep', budget: '$150/month', location: 'Suburbs', rating: 4.6, image: 'https://images.unsplash.com/photo-1593021262315-0d4c8c2cd3e2?w=800' }, ]; // Mock data for categories const categories = [ { id: 1, name: 'Cleaning', icon: '🧹', tasks: '1.2k' }, { id: 2, name: 'Cooking', icon: '👨‍🍳', tasks: '890' }, { id: 3, name: 'Gardening', icon: '🌱', tasks: '540' }, { id: 4, name: 'Moving', icon: '📦', tasks: '720' }, { id: 5, name: 'Repair', icon: '🔧', tasks: '630' }, { id: 6, name: 'Pet Care', icon: '🐾', tasks: '420' }, ]; return ( {/* Header */} TaskHire Find trusted help for your tasks {/* Search Bar */} {/* Post Task Button */} Post a Task {/* Categories */} Categories {categories.map((category) => ( {category.icon} {category.name} {category.tasks} tasks ))} {/* Featured Tasks */} Featured Tasks See All {featuredTasks.map((task) => ( {task.title} {task.description} {task.budget} {task.location} {task.rating} ))} {/* How It Works */} How TaskHire Works 1 Post Your Task Describe what you need help with and set your budget 2 Get Matched Receive offers from qualified professionals 3 Get It Done Hire your preferred professional and get your task completed ); }

React Native TaskHire App Preview

Project Screens for TaskHire App