import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import { Home, Search, Bell, MapPin, ChevronRight, MessageCircle, User, Compass, SlidersHorizontal, Briefcase } from 'lucide-react'; export default function WorkerExplore() { const [showFilters, setShowFilters] = useState(false); const categories = ['All', 'Cleaning', 'Driver', 'Mason', 'Electrician', 'Carpenter']; const [activeCat, setActiveCat] = useState('All'); const jobs = [ { id: 1, title: 'Concrete Mason', company: 'BuildRight Ltd', salary: 'AED 3,500', loc: 'Deira', type: 'Full-time', bg: 'bg-blue-50/50', icon: '🏗️' }, { id: 2, title: 'Home Sanitizer', company: 'PureClean', salary: 'AED 2,200', loc: 'Marina', type: 'Part-time', bg: 'bg-emerald-50/50', icon: '🧼' }, { id: 3, title: 'Light Driver', company: 'Zayed Logistics', salary: 'AED 4,000', loc: 'Al Quoz', type: 'Full-time', bg: 'bg-purple-50/50', icon: '🚗' }, { id: 4, title: 'General Helper', company: 'Global Pack', salary: 'AED 1,800', loc: 'Jebel Ali', type: 'Full-time', bg: 'bg-rose-50/50', icon: '📦' }, ]; return (

{/* Header / Search Area */}

Jobs

{/* Search Bar */}

{/* Category Chips */}

{categories.map((cat) => ( ))}

Found {jobs.length} Jobs

Dubai, UAE

{/* Job List */}

{jobs.map((job) => (

{job.icon}

{job.salary}

{job.title}

High street avenue
London, UK

From Fri, 17 Dec

{job.type}

))}

{/* Filter Bottom Sheet */} {showFilters && (

setShowFilters(false)} />

{/* Handle */}

Filter result

22 result

{/* Sort By */}

Sort by

{['Default', 'Latest First', 'Oldest First', 'Price: Low to High', 'Price: High to Low'].map((opt, i) => ( ))}

{/* Contract Type */}

Contract type

{['Part time', 'Full time', 'Contractual'].map((opt) => ( ))}

{/* Skill Range */}

Skill range

{['Junior', 'Medium', 'Expert'].map((opt) => ( ))}

{/* Salary Type */}

Salary type

{['Hourly Rate', 'Fix Rate'].map((opt) => ( ))}

{/* Actions */}

)} {/* Bottom Navigation */}

Home Jobs Updates Chat Profile

); }