import React from 'react'; import { Head, Link } from '@inertiajs/react'; import EmployerMobileLayout from './Layouts/EmployerMobileLayout'; import { Check, ShieldCheck, Zap, Star, Trophy } from 'lucide-react'; export default function EmployerSubscription() { const plans = [ { id: 'basic', name: 'Basic Search', price: '99', icon: Zap, color: 'bg-slate-50 text-slate-400', features: ['Browse 500+ workers', 'Shortlist up to 10', 'Email support'] }, { id: 'premium', name: 'Premium Pass', price: '199', icon: Star, color: 'bg-blue-50 text-blue-600', popular: true, features: ['Unlimited shortlisting', 'Direct messaging', 'Priority profile view', '24/7 Support'] }, { id: 'vip', name: 'VIP Concierge', price: '499', icon: Trophy, color: 'bg-amber-50 text-amber-500', features: ['Assigned manager', 'Medical guarantee', 'Replacement warranty', 'Legal assistance'] }, ]; return (
{/* Header */}

Choose Your Plan

Select a package that fits your hiring needs.

{/* Plan Cards Stacked */}
{plans.map((plan) => (
{plan.popular && (
Most Popular
)}

{plan.name}

{plan.price} AED / Mo
{plan.features.map((feature, i) => (
{feature}
))}
))}
); }