/* global React */ const { useState: useStateResume, useRef: useRefResume } = React; // ───────────────────────────────────────────────────────────── // RESUME REVIEW — AI-scored acting resume feedback // Frontend posts to /api/review (Vercel serverless function). // In the preview (no backend) the "sample review" button shows // the results design with mock data. // ───────────────────────────────────────────────────────────── const RESUME_API = '/api/review'; const RESUME_CATEGORIES = [ { key: 'presentation', label: 'Presentation & layout', max: 20 }, { key: 'headshot', label: 'Headshot & personal details', max: 15 }, { key: 'training', label: 'Training & education', max: 20 }, { key: 'experience', label: 'Experience & credits', max: 25 }, { key: 'skills', label: 'Skills & special abilities', max: 10 }, { key: 'compliance', label: 'Industry standards compliance',max: 10 }, ]; const RESUME_SAMPLE = { extractedName: 'Sample Performer', extractedEmail: 'performer@example.com', totalScore: 72, categories: { presentation: { score: 16, comment: 'Clean and well organised. Slightly long at three pages; tighten to two for agent submissions.' }, headshot: { score: 11, comment: 'Contact details present. Headshot reference noted but no agency contact listed.' }, training: { score: 15, comment: 'Strong training section with named institutions, though some dates are missing.' }, experience: { score: 18, comment: 'Good range of credits. Add director and production company columns for clarity.' }, skills: { score: 7, comment: 'Solid special skills. Specify accent proficiency and dance styles to industry standard.' }, compliance: { score: 5, comment: 'Remove the personal objective statement and order credits reverse-chronologically.' }, }, summary: 'A capable emerging resume that reads as a developing professional. With tighter formatting and clearer credit columns this would sit comfortably in front of casting directors for supporting and ensemble roles.', strengths: [ 'Clear, consistent typography that is easy to scan.', 'Named training institutions lend credibility.', 'Good breadth of stage and screen credits for the level.', ], growthAreas: [ 'Resume runs long; trim to two pages maximum.', 'Credit entries lack director and production company detail.', 'Personal objective statement is not industry standard.', ], recommendations: [ 'Reformat credits into Production / Role / Director columns.', 'Remove the objective statement at the top.', 'Add specific accent and dance proficiencies.', 'List representation and contact in a consistent header.', 'Reduce to two pages, leading with strongest credits.', ], }; function fileToBase64Resume(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onload = () => resolve(reader.result.split(',')[1]); reader.onerror = () => reject(reader.error); reader.readAsDataURL(file); }); } function guessTypeResume(name) { const ext = (name || '').toLowerCase().split('.').pop(); if (ext === 'pdf') return 'application/pdf'; if (ext === 'doc') return 'application/msword'; if (ext === 'docx') return 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'; return 'application/octet-stream'; } // ── Score ring ──────────────────────────────────────────────── const ScoreRing = ({ score }) => { const r = 84, c = 2 * Math.PI * r; const pct = Math.max(0, Math.min(100, score)) / 100; return (
{score} / 100
); }; // ── Results ─────────────────────────────────────────────────── const ResumeResults = ({ data, onReset }) => { const cats = data.categories || {}; const total = data.totalScore != null ? data.totalScore : RESUME_CATEGORIES.reduce((s, c) => s + (cats[c.key]?.score || 0), 0); const List = ({ items }) => ( ); return (
{/* Score card — ink */}
Your resume score
{data.extractedName && (
{data.extractedName}
)} {data.extractedEmail && (
{data.extractedEmail}
)}
{/* Category breakdown */}
Category breakdown
{RESUME_CATEGORIES.map((c) => { const cat = cats[c.key] || { score: 0, comment: '' }; const pct = Math.round((cat.score / c.max) * 100); return (
{c.label} {cat.score}/{c.max}
{cat.comment && (

{cat.comment}

)}
); })}
{/* Overall read */} {data.summary && (
Overall read

{data.summary}

)} {/* Strengths / growth / recommendations */}
{[ { h: 'Strengths', items: data.strengths }, { h: 'Areas for growth', items: data.growthAreas }, { h: 'Recommended next steps', items: data.recommendations }, ].map((col, i) => (

{col.h}

))}
This is a free, automated guide — not a guarantee of representation. Our team will manually review your submission and follow up with real, human feedback. You do not need to be signed with CentreStage to use this tool.
); }; // ── Screen ──────────────────────────────────────────────────── const ResumeScreen = ({ navigate }) => { const [file, setFile] = useStateResume(null); const [consent, setConsent] = useStateResume(false); const [name, setName] = useStateResume(''); const [email, setEmail] = useStateResume(''); const [status, setStatus] = useStateResume('idle'); // idle | loading | done | error const [result, setResult] = useStateResume(null); const [error, setError] = useStateResume(null); const emailValid = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email.trim()); const ready = !!file && !!name.trim() && emailValid && consent; const reset = () => { setFile(null); setConsent(false); setName(''); setEmail(''); setStatus('idle'); setResult(null); setError(null); window.scrollTo({ top: 0, behavior: 'smooth' }); }; const submit = async (e) => { e.preventDefault(); setError(null); if (!name.trim()) { setError('Please enter your name to continue.'); return; } if (!emailValid) { setError('Please enter a valid email address to continue.'); return; } if (!file) { setError('Please upload your resume to continue.'); return; } if (!consent) { setError('Please tick the consent box to continue.'); return; } setStatus('loading'); try { const base64 = await fileToBase64Resume(file.file || file); const res = await fetch(RESUME_API, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ filename: file.name, filetype: guessTypeResume(file.name), fileData: base64, name: name.trim(), email: email.trim(), nameOverride: name.trim(), emailOverride: email.trim(), }), }); if (!res.ok) throw new Error('Server responded with ' + res.status); const data = await res.json(); setResult(data); setStatus('done'); window.scrollTo({ top: 0, behavior: 'smooth' }); } catch (err) { console.error(err); setStatus('idle'); setError('We could not reach the review engine. This tool activates once the site is deployed with the review service connected. In the meantime, use “See a sample review” below to preview your results.'); } }; const showSample = () => { setResult(RESUME_SAMPLE); setStatus('done'); window.scrollTo({ top: 0, behavior: 'smooth' }); }; if (status === 'done' && result) { return (
Resume Review Results
); } return (
{/* Hero */}
Free tool Open to everyone
No sign-up required

A free, honest read of
your acting resume.

A completely free resume feedback tool, open to every performer — you do not need to be signed with CentreStage to use it. Upload your resume and our review engine reads it the way an Australian agent or casting director would, scoring it out of one hundred across six industry categories with practical, growth-focused feedback you can act on this week.

{/* How it works */}
{[ { n: '01', t: 'Upload', d: 'Drop in your PDF or Word resume. We read your name and email automatically — nothing to retype.' }, { n: '02', t: 'Analyse', d: 'The engine reviews your resume against six categories used by Australian agents and casting directors.' }, { n: '03', t: 'Receive', d: 'Get a score out of one hundred, a category breakdown, written strengths, and clear next steps.' }, ].map((s, i) => (
{s.n} / 03

{s.t}

{s.d}

))}
{/* What we review — dark band */}
What we review

Six categories.
One hundred points.

Assessed against the standards expected by Australian and international agents, casting directors and producers. Every score is backed by evidence and a clear path forward.

    {RESUME_CATEGORIES.map((c) => (
  • {c.label} {c.max}
    • ))}
{/* Upload */}
Upload your resume

Ready when you are.

{/* How to read this feedback */}
How to read this feedback

This is an automated analysis. It does not replace genuine human judgement — instead it reviews the structure of your resume, identifies gaps, flags common red flags, and checks your presentation against the standards Australian agents and casting directors expect. Think of it as a fast, practical first pass.

After your resume is processed, our team manually reviews every submission and gets back to you with additional, real feedback from a person. The score is your starting point; the conversation that follows is where the real value is.

{status === 'loading' ? (

Reading your resume against industry standards. This usually takes about thirty seconds.

) : (

Your name and email are required so we can send your results and have our team follow up with real, human feedback. This tool is free and open to everyone — you do not need to be signed with CentreStage to use it. We never share your details with third parties.

I consent to my resume being analysed by code for the purpose of providing feedback, and to CentreStage Agency contacting me about my results.{' '} CentreStage Agency does not share submissions with third parties. )} />
{error && (
{error}
)}
)}
); }; Object.assign(window, { ResumeScreen });