import { Head } from '@inertiajs/react'; import PublicLayout from '@/Layouts/PublicLayout'; import Card from '@/Components/UI/Card'; import Button from '@/Components/UI/Button'; interface AlumniSpotlight { id: number; name: string; certification_title: string | null; institute: string | null; issued_at: string | null; } const pathway = [ { label: 'Enrol', description: 'Join a Professional Certification Programme within any Institute.' }, { label: 'Complete', description: 'Finish every required course and competency-based assessment.' }, { label: 'Certify', description: 'Earn your Professional Certification upon capstone approval.' }, { label: 'Join the Network', description: 'Alumni status and Network access are granted automatically, free of charge.' }, ]; export default function Index({ spotlights, stats, }: { spotlights: AlumniSpotlight[]; stats: { total_alumni: number; certifications_issued: number }; }) { return (

JGCP Alumni Network

A Global Community of Certified Leaders

Every graduate of a Jolax Global Certification Programme automatically joins the Alumni Network — a free, permanent recognition of achievement, distinct from any future paid membership tier.

{stats.total_alumni}

Alumni Members

{stats.certifications_issued}

Certifications Issued

From Enrolment to Alumni Status

{pathway.map((step, index) => (
{index + 1}

{step.label}

{step.description}

))}

Alumni Spotlight

A showcase of Alumni who have opted in to appear in the public directory.

{spotlights.map((alum) => (

Alumni Member

{alum.name}

{alum.certification_title}

{alum.institute} · Certified {alum.issued_at}

))} {spotlights.length === 0 && (

No Alumni have opted into the public directory yet. Alumni status remains private by default until a graduate chooses to appear here.

)}
); }