import React from 'react'; import { Head, Link } from '@inertiajs/react'; import EmployerMobileLayout from './Layouts/EmployerMobileLayout'; import { Bookmark, MessageSquare, Calendar, CreditCard, ArrowRight, TrendingUp, Users } from 'lucide-react'; export default function EmployerHome() { const stats = [ { label: 'Shortlisted', value: 4, icon: Bookmark, color: 'bg-blue-50 text-blue-600' }, { label: 'Messages Sent', value: 18, icon: MessageSquare, color: 'bg-emerald-50 text-emerald-600' }, { label: 'Days Remaining', value: 24, icon: Calendar, color: 'bg-amber-50 text-amber-500' }, { label: 'Total Hires', value: 12, icon: Users, color: 'bg-indigo-50 text-indigo-600' }, ]; return (

{/* Welcome Section */}

Dashboard

Welcome back, John Doe

{/* Plan Status Card */}

Premium Employer Pass

24 Days

Remaining in your plan

Upgrade Plan

{/* Stats Stacked */}

Key Statistics

{stats.map((stat, i) => (

{stat.label}

{stat.value}

))}

{/* Placeholder for Analytics Chart (Full Width) */}

Recruitment Analytics

Activity Chart

Visualizing your hiring trends over 30 days

); }