import React, { useState } from 'react'; import { Head, Link } from '@inertiajs/react'; import { User, Phone, MapPin, ChevronRight, CheckCircle2, ArrowLeft, Camera, Briefcase, ShieldCheck, Globe } from 'lucide-react'; export default function WorkerRegister() { const [step, setStep] = useState(1); const [formData, setFormData] = useState({ name: '', phone: '', nationality: 'Kenya', role: 'Cleaner', }); const nextStep = () => setStep(prev => prev + 1); const nationalities = [ { name: 'Kenya', flag: '🇰🇪' }, { name: 'Philippines', flag: '🇵🇭' }, { name: 'India', flag: '🇮🇳' }, { name: 'Pakistan', flag: '🇵🇰' }, { name: 'Nepal', flag: '🇳🇵' }, { name: 'Other', flag: '🌍' } ]; const roles = [ { name: 'Cleaner', icon: '🧼' }, { name: 'Driver', icon: '🚗' }, { name: 'Mason', icon: '🏗️' }, { name: 'Electrician', icon: '⚡' }, { name: 'Plumber', icon: '🔧' }, { name: 'Helper', icon: '📦' } ]; return (

{/* Top Bar */}

{[1, 2, 3].map((i) => (

))}

{step === 1 && (

Your basic info.

Step 1 of 3

Full Name

setFormData({...formData, name: e.target.value})} />

Phone Number

setFormData({...formData, phone: e.target.value})} />

Where are you from?

{nationalities.map((nat) => ( ))}

)} {step === 2 && (

What do you do?

Step 2 of 3

{roles.map(role => ( ))}

)} {step === 3 && (

Verify Identity.

Final Step

Upload Passport

TAP TO OPEN CAMERA

Your data is 100% secure. We only show documents to verified employers.

)}

{/* Bottom Button */}

{step < 3 ? ( ) : ( Join Marketplace )}

); }