import React from 'react'; import { Head, Link } from '@inertiajs/react'; import { Home, MessageCircle, User, Compass, Bell, Calendar, ChevronRight, Megaphone, Search, ArrowLeft, Clock } from 'lucide-react'; export default function WorkerAnnouncements() { const announcements = [ { id: 1, title: "NEW PLATFORM UPDATE", date: "2 HOURS AGO", text: "We have simplified the verification process for all workers. Check your profile for details.", category: "SYSTEM" }, { id: 2, title: "SAFETY GUIDELINES", date: "YESTERDAY", text: "Please review our updated safety protocols for household interviews.", category: "SECURITY" }, { id: 3, title: "RAMADAN HOURS", date: "2 DAYS AGO", text: "Special support hours during the holy month of Ramadan have been updated.", category: "GENERAL" }, ]; return (
{/* Header */}
{/* Section Title */}

Latest Updates

{/* Cards */}
{announcements.map((item) => (
{item.category}
{item.date}

{item.title}

{item.text}

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