);
}
function CampsHero() {
const scrollTo = (id) => (e) => {
e.preventDefault();
const el = document.getElementById(id);
if (el) el.scrollIntoView({ behavior: "smooth", block: "start" });
};
return (
Summer Camp 2026
Pre-register for 2026 summer camp.
Two camps, six locations across Philadelphia. Intro to Performing Arts for ages 6–11,
and Young Performers Theatre Camp (YPTC) for ages 12–18. All campers must pre-register
here before submitting a paper registration.
);
}
function CampProcess() {
const steps = [
{ n: "01", title: "Pre-register here", body: "Pick your site, fill the form, and submit. Takes about 4 minutes. All campers must pre-register on this site before submitting paper registration." },
{ n: "02", title: "We'll reach out", body: "A coordinator confirms eligibility and dates, and sends the paper packet plus the list of what to bring (birth certificate, letter of recommendation for new campers). Usually within a week." },
{ n: "03", title: "Attend Registration Night", body: "Visit your desired camp location during Registration Night to make a deposit and fill out the registration form in person." },
{ n: "04", title: "First day of camp", body: "Arrive at 9am ready to sing, dance, and act. Day one is orientation, warm-ups, and meeting your ensemble. Lunch and snack are provided." },
];
return (
An audition is required to be accepted into this camp.
)}
);
}
function InfoRow({ label, value }) {
return (
{label}
{value}
);
}
function CampFAQ() {
const faqs = [
{ q: "What does it cost?", a: "$300 for the full Intro to Performing Arts session (six weeks). Optional aftercare until 5pm is $30/week or $150 for the whole summer (one free week if prepaid). YPTC is also $300 for the five-week session. Lunch and snack are provided daily." },
{ q: "What does my child need to bring?", a: "A water bottle, comfortable clothes they can move in, and a copy of their birth certificate. New campers also need a letter of recommendation from a teacher, neighbor, mentor, or relative who believes a performing arts camp is a good fit. We supply scripts for the final showcase." },
{ q: "What does a typical day look like?", a: "Camp runs daily from 9am to 2pm. Campers take classes in movement, drama, and music, with field trips related to the performing arts woven in. Lunch and snack are provided." },
{ q: "What happens at the end of camp?", a: "Intro campers perform at the Dell Music Center during the final week — a chance to perform in a professional space. YPTC produces a full live show at Venice Island Performing Arts Center — backed by a live band — with two evening performances on August 6 and 7, 2026." },
{ q: "Does YPTC require an audition?", a: "First-time YPTC campers audition: sing a cappella, read or act out a short text of their choosing, and submit a birth certificate copy plus a letter of recommendation from a non-relative teacher, neighbor, or mentor. Auditions can be done in person or via Zoom. Returning campers do not audition." },
{ q: "Is bus transportation provided?", a: "No — families arrange their own transportation to and from camp. (We're working on this for future summers.)" },
{ q: "I have a returning camper — anything different this year?", a: "Most staff are returning. Bill Powell has retired; your new Performing Arts Coordinator is J.J. Pospiech (Joseph.J.Pospiech@phila.gov, 215-685-3585)." },
];
const [open, setOpen] = React.useState(0);
return (
{faqs.map((f, i) => (
{open === i && (
{f.a}
)}
))}
);
}
const SHIRT_SIZES = ["Child's small","Child's medium","Child's large","Adult small","Adult medium","Adult large","Adult XL","Other"];
function RegisterModal({ camp, onClose }) {
const [step, setStep] = React.useState(1);
const [data, setData] = React.useState({
site_id: camp ? camp.id : "",
// Participant -- pre-registration only collects basics; address, school,
// demographics, medical, and emergency contacts are filled in on the
// City paper form at the in-person registration night.
child_name: "", child_dob: "", child_age: "", shirt_size: "",
// Submitter (parent/guardian who's filling out the form)
parent_name: "", parent_email: "", parent_phone: "",
returning: false, hear_about: "",
// Staff alerts
staff_alerts: ""
});
const [submitting, setSubmitting] = React.useState(false);
const [submitError, setSubmitError] = React.useState("");
const [submittedRef, setSubmittedRef] = React.useState(null);
const update = (k, v) => setData(d => ({ ...d, [k]: v }));
const totalSteps = 5;
React.useEffect(() => {
document.body.style.overflow = "hidden";
return () => { document.body.style.overflow = ""; };
}, []);
// Derive age from DOB if both DOB is set and age isn't.
React.useEffect(() => {
if (data.child_dob && !data.child_age) {
const d = new Date(data.child_dob);
if (!isNaN(d)) {
const now = new Date();
let age = now.getFullYear() - d.getFullYear();
const m = now.getMonth() - d.getMonth();
if (m < 0 || (m === 0 && now.getDate() < d.getDate())) age--;
if (age >= 0 && age < 30) update("child_age", age);
}
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [data.child_dob]);
const canContinue = () => {
if (step === 1) return !!data.site_id;
if (step === 2) return !!data.child_name;
if (step === 3) return data.parent_name && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(data.parent_email) && data.parent_phone;
if (step === 4) return true;
return true;
};
const submit = async () => {
setSubmitting(true);
setSubmitError("");
try {
const res = await fetch("/api/register-camp", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify(data)
});
const json = await res.json().catch(() => ({}));
if (!res.ok || !json.ok) throw new Error(json.error || `error_${res.status}`);
setSubmittedRef(json.ref || "REG");
} catch (e) {
setSubmitError(`Couldn't submit (${e.message || e}). Try again or email Joseph.J.Pospiech@phila.gov.`);
} finally {
setSubmitting(false);
}
};
return (
A coordinator will reach out within a week to let you know the next steps for registration
and when to attend a registration night at your desired location (based on availability).
{submitError && (
{submitError}
)}
)}
{submittedRef && (
We got it. Your reference number is {submittedRef}.
A coordinator will reach out within a week with the next steps.
A confirmation email is on its way to {data.parent_email}.