import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import { Home, Search, Bell, Bookmark, ChevronDown, MessageCircle, User, Briefcase, Compass, Globe } from 'lucide-react'; export default function WorkerHome() { const [isOpenToWork, setIsOpenToWork] = useState(true); const [showLangDropdown, setShowLangDropdown] = useState(false); const [currentLang, setCurrentLang] = useState('EN'); return (
{/* Header Area */}
avatar

Hi, Danial

{showLangDropdown && (
{['English', 'Arabic', 'Tagalog', 'Swahili', 'Hindi'].map((lang) => ( ))}
)}
{/* Search Bar */}
โšก
{/* Open to Work Card */} {/* Job Offers Horizontal */}

Job offers

{[ { id: 1, title: 'Driver needed', salary: '$15', icon: '๐Ÿš—', bg: 'bg-blue-50' }, { id: 2, title: 'Mason needed', salary: '$25', icon: '๐Ÿ—๏ธ', bg: 'bg-emerald-50' } ].map((offer) => (
{offer.icon}

{offer.salary}

{offer.title}

High street avenue London, UK

From Fri, 17 Dec

Part time ))}
{/* Employer Requests - Compact List */}

Employer Requests

2 Pending
{[ { id: 1, employer: 'Al Mansoori Group', role: 'Project Mason', img: 'https://api.dicebear.com/7.x/initials/svg?seed=AM' }, { id: 2, employer: 'Marina Cleaners', role: 'Deep Cleaning', img: 'https://api.dicebear.com/7.x/initials/svg?seed=MC' } ].map((req) => (
employer

{req.employer}

{req.role}

))}
{/* Recent Job Post - Compact & Professional */}

Recent job post

{/* Category Tabs */}
{['Cleaner', 'Driver', 'Mason', 'Electrician'].map((cat) => ( ))}
{/* Job Cards - Refined & Compact */}
{[ { title: 'Home Cleaning', salary: '$20', loc: 'Marina, Dubai', icon: '๐Ÿงผ', time: '2h ago' }, { title: 'Mason Worker', salary: '$30', loc: 'Deira, Dubai', icon: '๐Ÿ—๏ธ', time: '4h ago' }, { title: 'Plumbing Service', salary: '$45', loc: 'Al Barsha', icon: '๐Ÿ”ง', time: '5h ago' } ].map((job, i) => (
{job.icon}

{job.title}

{job.loc}

{job.time}

{job.salary}

Verified

))}
{/* Bottom Navigation */}
Home Explore Updates Chat Profile
); }