// CharterSelect — Marketing site building blocks // Loaded as a Babel script. Exports components onto window for index.html. // ── Replace these two placeholders before deploying ────────────────────────── // 1. Create a free Formspree account at formspree.io, set recipient to // aschwen@charterselect.com, and paste your form ID below. // 2. Paste your Calendly (or Cal.com) 20-min booking URL below. const FORMSPREE_ENDPOINT = 'https://formspree.io/f/meenoepv'; const CALENDAR_LINK = 'https://calendar.app.google/JmcCzGBFQQdTYA1b6'; // ───────────────────────────────────────────────────────────────────────────── const Lucide = ({ name, size = 20, className = '', color }) => ( ); /* ---------- Top Nav ---------- */ function TopNav({ onCta }) { const [open, setOpen] = React.useState(false); const firstMenuLinkRef = React.useRef(null); const links = [ { href: 'property-liability', label: 'Property & Liability' }, { href: 'employee-benefits', label: 'Employee Benefits' }, { href: 'why', label: 'Why CharterSelect' }, { href: 'commitment', label: 'Our Commitment' }, { href: 'about', label: 'About' }, { href: 'renewal-report-card', label: 'Renewal Report Card' }, ]; React.useEffect(() => { if (!open) return; const handleKeyDown = (e) => { if (e.key === 'Escape') setOpen(false); }; document.addEventListener('keydown', handleKeyDown); if (firstMenuLinkRef.current) firstMenuLinkRef.current.focus(); return () => document.removeEventListener('keydown', handleKeyDown); }, [open]); return ( <> Skip to main content

{links.map(l => {l.label})}

Get a Free Review

{open && (
{links.map((l, i) => ( setOpen(false)} ref={i === 0 ? firstMenuLinkRef : null} >{l.label} ))} setOpen(false)}>Get a Free Review
)}
); } /* ---------- Hero ---------- */ function Hero({ onPrimary, onSecondary }) { return (

Property & Liability Insurance

Protection
with purpose.

Any insurance you need — built for charter schools, not adapted to them. We protect what matters so you can focus on students, growth, and your mission.
{/* ── Need selector ── */}

What are you looking for?

Property & Liability Insurance Employee Benefits
); } /* ---------- Stats Bar ---------- */ function StatsBar() { const stats = [ { num: '90+', label: 'Schools Helped' }, { num: '250+', label: 'Campuses' }, { num: '2011', label: 'Serving Since' }, { kind: 'usa', label: 'Nationwide' }, ]; return (

{stats.map(s => (
{s.kind === 'usa' ? (

) : (
{s.num}
)}
{s.label}

))}

); } /* ---------- Solutions / Value Props ---------- */ function Solutions() { const items = [ { icon: 'shield-check', title: 'Property & Liability', body: 'Authorizer-compliant coverage built around leased or owned facilities, shared campuses, and educators legal liability. The errors we find most often are big, and could mean the end of your mission if that claim hits.' }, { icon: 'graduation-cap', title: 'Employee Benefits', body: 'We take enrollment, billing, and claims questions off your HR coordinator\'s plate. One-on-one support for every employee, a concierge that fights surprise bills, and funding structures that put pharmacy rebates back in your budget.' }, { icon: 'compass', title: 'Risk Guidance', body: 'Year-round advisory, contract review, claims advocacy, renewal benchmarking, and board level risk briefings. Not just a quote at renewal.' }, { icon: 'handshake', title: 'Partnership Model', body: 'Independent and carrier agnostic. We represent you, not the insurer who pays the biggest bonus. Responsiveness, Follow Through, Innovation and Expertise are core to how we operate.' }, ]; return (

Solutions

Insurance built for charter schools — not adapted to them.

{items.map(it => (

{it.title}

{it.body}

))}

Get a Free Coverage Review

); } /* ---------- Featured Testimonial (standalone, appears before WhyUs) ---------- */ function FeaturedTestimonial() { return (

{/* Outcome badge */}

Saved nearly $100K annually · Same or better coverage

{/* Giant quote mark */}

{/* Quote text */}
Aaron boldly claimed he could save us $100,000 annually in premiums with the same or better coverage — and he did just that. Aaron makes the process tolerable and, more importantly, does the work so your staff does not have to.
{/* Attribution with headshot */}

Randal C. Shaffer

CEO / Superintendent · Trinity Basin Preparatory

February 2017

); } /* ---------- Why CharterSelect (split) ---------- */ const TESTIMONIALS = [ { outcome: 'Trusted partner · Recommended without hesitation', quote: "Aaron is one of the hardest working partners I've had the good fortune to come across.", name: "Stacey Lawrence", role: "CEO & Founder", school: "GrowthFit Partners LLC", photo: "stacey.jpeg", }, { found: 'Gap found: Workers Comp missing entirely — school carrying exposure without knowing it', outcome: 'Workers Comp added · No premium increase · Coverage gap closed', quote: "He worked with us to add Workers Compensation without spending any more money than we were spending on our insurance package without it. His knowledge of the products and the needs of charter schools is deep.", name: "HR Manager & Business Manager · September 2018", role: "Newman International Academy", school: "", }, ]; function WhyUs() { const [idx, setIdx] = React.useState(0); const total = TESTIMONIALS.length; const t = TESTIMONIALS[idx]; const timerRef = React.useRef(null); const touchStartX = React.useRef(null); const [paused, setPaused] = React.useState(false); const prev = () => setIdx(i => (i - 1 + total) % total); const next = () => setIdx(i => (i + 1) % total); // Auto-cycle every 5s, stops permanently on manual interaction React.useEffect(() => { if (paused) return; timerRef.current = setInterval(() => setIdx(i => (i + 1) % total), 5000); return () => clearInterval(timerRef.current); }, [paused]); const handlePrev = () => { prev(); setPaused(true); clearInterval(timerRef.current); }; const handleNext = () => { next(); setPaused(true); clearInterval(timerRef.current); }; const handleDot = (i) => { setIdx(i); setPaused(true); clearInterval(timerRef.current); }; // Swipe handlers const onTouchStart = (e) => { touchStartX.current = e.touches[0].clientX; }; const onTouchEnd = (e) => { if (touchStartX.current === null) return; const diff = touchStartX.current - e.changedTouches[0].clientX; if (Math.abs(diff) > 40) diff > 0 ? handleNext() : handlePrev(); touchStartX.current = null; }; const points = [ 'Specialists who only serve charter schools — not one of 500 client types.', 'Independent and carrier-agnostic. We tell you when to stay put.', 'We name what your current broker hasn\'t flagged — umbrella gaps on educators legal liability, retroactive date errors, and D&O coverage that is leaving millions of coverage on the table.', 'A portion of every policy we write supports the communities your school serves.', ]; const btnStyle = { width: 44, height: 44, borderRadius: '50%', border: '2px solid var(--cs-teal)', background: '#fff', color: 'var(--cs-teal)', cursor: 'pointer', display: 'flex', alignItems: 'center', justifyContent: 'center', transition: 'background 140ms, color 140ms', flexShrink: 0, boxShadow: 'var(--shadow-sm)', }; return (

Why CharterSelect

Solutions built for your mission.

Charter schools operate differently than districts and differently from one another. We bring the patience to listen and the depth to act.

{points.map(p => (
{p}
))}

{t.outcome && (
{t.outcome}
)}
"{t.quote}"

{t.photo && ( )}
{t.name}
{t.role}{t.school ? ` · ${t.school}` : ''}

{/* Nav row: prev · dots · next */}

{TESTIMONIALS.map((_, i) => (

); } /* ---------- Coverage Rank (drag-to-order) ---------- */ // Peer comparison data — % of charter school leaders who rank each concern #1. // Update these numbers as real quiz responses come in. // Keys match item IDs: 0=umbrella/ELL, 1=water/sewage, 2=building value, 3=cyber, 4=student injury const PEER_STATS = { 0: 38, 1: 11, 2: 27, 3: 15, 4: 9 }; const PEER_LABELS = { 0: 'umbrella / educators legal liability', 1: 'water & sewage damage limits', 2: 'building valuation accuracy', 3: 'cyber & phishing coverage', 4: 'student injury medical coverage', }; function getPeerStat(topId) { const pct = PEER_STATS[topId]; const label = PEER_LABELS[topId]; if (pct >= 30) { return { emoji: '🤝', headline: `You're in the majority.`, body: `${pct}% of charter school leaders we've surveyed also rank ${label} as their #1 concern — and it's the gap we find most often in policy reviews.` }; } if (pct >= 18) { return { emoji: '🔍', headline: `You're tracking something real.`, body: `${pct}% of leaders share your top concern about ${label}. It's not the most common answer, but it's one of the gaps that surprises schools the most when we dig in.` }; } return { emoji: '⚡', headline: `You're ahead of the curve.`, body: `Only ${pct}% of charter school leaders flag ${label} first — most don't catch it until a claim. That instinct is exactly what a benchmark review is built to validate.` }; } function UploadCta() { const ITEMS = [ { id: 0, text: 'Your umbrella policy isn\'t sitting over your Educators Legal Liability coverage — leaving you exposed and missing out on millions in potential coverage.' }, { id: 1, text: 'A clog in a second-floor bathroom causes a six-figure water damage claim — but your sublimit for this type of loss is only $25,000.' }, { id: 2, text: 'Your campus suffers a total loss and faces a year-long construction project to rebuild. You have no coverage to rent temporary school space in the meantime.' }, { id: 3, text: 'A fraudulent invoice is paid via ACH — there\'s no coverage and no way to recover the funds.' }, { id: 4, text: 'A student is seriously injured during a school-sponsored activity — the parents have no health insurance, and there\'s no coverage to help with medical bills.' }, ]; const [items, setItems] = React.useState(ITEMS); const [dragging, setDragging] = React.useState(null); const [dragOver, setDragOver] = React.useState(null); const [hasRanked, setHasRanked] = React.useState(false); // Touch sort state const touchDragIdx = React.useRef(null); const touchRowRefs = React.useRef([]); // ── Keyboard reorder handler ── const handleRankKeyDown = (e, idx) => { if (e.key === 'ArrowUp' && idx > 0) { e.preventDefault(); const next = [...items]; [next[idx - 1], next[idx]] = [next[idx], next[idx - 1]]; setItems(next); setHasRanked(true); setTimeout(() => touchRowRefs.current[idx - 1] && touchRowRefs.current[idx - 1].focus(), 0); } else if (e.key === 'ArrowDown' && idx < items.length - 1) { e.preventDefault(); const next = [...items]; [next[idx + 1], next[idx]] = [next[idx], next[idx + 1]]; setItems(next); setHasRanked(true); setTimeout(() => touchRowRefs.current[idx + 1] && touchRowRefs.current[idx + 1].focus(), 0); } }; // ── Mouse drag handlers (desktop) ── const onDragStart = (e, idx) => { setDragging(idx); e.dataTransfer.effectAllowed = 'move'; }; const onDragOver = (e, idx) => { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; setDragOver(idx); }; const onDrop = (e, idx) => { e.preventDefault(); if (dragging === null || dragging === idx) { setDragging(null); setDragOver(null); return; } const next = [...items]; const [moved] = next.splice(dragging, 1); next.splice(idx, 0, moved); setItems(next); setDragging(null); setDragOver(null); setHasRanked(true); }; const onDragEnd = () => { setDragging(null); setDragOver(null); }; // ── Touch handlers (mobile) ── const onTouchStartRow = (e, idx) => { touchDragIdx.current = idx; setDragging(idx); }; const onTouchMoveRow = (e) => { e.preventDefault(); const touch = e.touches[0]; const els = touchRowRefs.current; for (let i = 0; i < els.length; i++) { if (!els[i]) continue; const rect = els[i].getBoundingClientRect(); if (touch.clientY >= rect.top && touch.clientY <= rect.bottom) { setDragOver(i); break; } } }; const onTouchEndRow = (e) => { const from = touchDragIdx.current; const to = dragOver; if (from !== null && to !== null && from !== to) { const next = [...items]; const [moved] = next.splice(from, 1); next.splice(to, 0, moved); setItems(next); setHasRanked(true); } touchDragIdx.current = null; setDragging(null); setDragOver(null); }; const [contactName, setContactName] = React.useState(''); const [schoolName, setSchoolName] = React.useState(''); const [contactEmail, setContactEmail] = React.useState(''); const [website, setWebsite] = React.useState(''); // honeypot — humans leave blank const [submitting, setSubmitting] = React.useState(false); const [submitted, setSubmitted] = React.useState(false); const [submitError, setSubmitError] = React.useState(null); const [files, setFiles] = React.useState([]); const [uploadSubmitting, setUploadSubmitting] = React.useState(false); const [uploadSubmitted, setUploadSubmitted] = React.useState(false); const [uploadError, setUploadError] = React.useState(null); const [showUpload, setShowUpload] = React.useState(false); const canSubmit = contactName.trim() && schoolName.trim() && contactEmail.trim() && !submitting; const handleSubmit = async (e) => { e.preventDefault(); if (!canSubmit) return; setSubmitting(true); setSubmitError(null); const priorityText = items.map((item, i) => `${i + 1}. ${item.text}`).join('\n'); try { const res = await fetch('/api/lead-capture', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ school_name: schoolName, contact_name: contactName, email: contactEmail, source: 'coverage-check', insurance_situation: PEER_LABELS[items[0].id], priority_ranking: priorityText, website, // honeypot }), }); if (res.ok) { setSubmitted(true); } else { setSubmitError('Submission failed — please try again.'); } } catch { setSubmitError('Network error. Please check your connection.'); } finally { setSubmitting(false); } }; const handleFileChange = (e) => { setFiles(prev => { const existing = prev.map(f => f.name); const added = Array.from(e.target.files || []).filter(f => !existing.includes(f.name)); return [...prev, ...added]; }); e.target.value = ''; }; const removeFile = (idx) => setFiles(f => f.filter((_, i) => i !== idx)); const canUploadSubmit = contactName.trim() && schoolName.trim() && contactEmail.trim() && files.length > 0 && !uploadSubmitting; const handleUploadSubmit = async (e) => { e.preventDefault(); if (!canUploadSubmit) return; setUploadSubmitting(true); setUploadError(null); const priorityText = items.map((item, i) => `${i + 1}. ${item.text}`).join('\n'); const formData = new FormData(); formData.append('_replyto', contactEmail); formData.append('_subject', `Policy Upload — ${schoolName} (${contactName})`); formData.append('_autoresponse', `Hi ${contactName}, we've received your policy documents for ${schoolName}. Your written benchmark review will be in your inbox within 3 business days. — CharterSelect`); formData.append('Form Type', 'Policy Upload'); formData.append('Contact Name', contactName); formData.append('School Name', schoolName); formData.append('Email', contactEmail); formData.append('Coverage Priority Ranking', priorityText); files.forEach(f => formData.append('attachment', f)); try { const res = await fetch(FORMSPREE_ENDPOINT, { method: 'POST', body: formData, headers: { Accept: 'application/json' } }); if (res.ok) { setUploadSubmitted(true); } else { const data = await res.json().catch(() => ({})); setUploadError(data.error || 'Submission failed. Please try again or email aschwen@charterselect.com.'); } } catch { setUploadError('Network error. Please check your connection and try again.'); } finally { setUploadSubmitting(false); } }; const peerStat = submitted ? getPeerStat(items[0].id) : null; return (

Charter School Coverage Check

Rank these coverage areas by how much they concern you.

Tap and drag to reorder — most concerning at the top. We'll start your benchmark review there.
{/* ── Ranking rows ── */}
Use arrow keys to reorder items. Drag and drop also supported with a mouse or touch.

{items.map((item, idx) => (
touchRowRefs.current[idx] = el} className={['cs-rank__row', dragging === idx ? 'is-dragging' : '', dragOver === idx && dragging !== idx ? 'is-over' : ''].join(' ')} draggable tabIndex={0} role="option" aria-selected={false} aria-posinset={idx + 1} aria-setsize={items.length} aria-label={`Priority ${idx + 1}: ${item.text}`} onKeyDown={e => handleRankKeyDown(e, idx)} onDragStart={e => onDragStart(e, idx)} onDragOver={e => onDragOver(e, idx)} onDrop={e => onDrop(e, idx)} onDragEnd={onDragEnd} onTouchStart={e => onTouchStartRow(e, idx)} onTouchMove={onTouchMoveRow} onTouchEnd={onTouchEndRow} style={{touchAction: 'none'}} >
{item.text}

))}
{/* ── After ranking: contact capture ── */} {hasRanked && !submitted && (

Your #1 concern: {items[0].text}

Enter your name and email to submit your ranking and see how you compare to other charter school leaders.

{/* Honeypot: hidden from humans, bots fill it → server discards the submission */} setWebsite(e.target.value)} style={{position: 'absolute', left: '-9999px', width: '1px', height: '1px', opacity: 0}} />

Your Name (required) setContactName(e.target.value)} required aria-required="true" />

School Name (required) setSchoolName(e.target.value)} required aria-required="true" />

Your Email (required) setContactEmail(e.target.value)} required aria-required="true" />

{submitError &&
{submitError}
}
Your info stays private · No sales call required · No obligation

)} {/* ── Success: peer stat + soft CTAs ── */} {submitted && peerStat && (

{peerStat.emoji}

{peerStat.headline}

{peerStat.body}

Thanks, {contactName}. CharterSelect will follow up with specifics for {schoolName}. Want to go deeper now?

Book a 20-min Call

)}

); } /* ---------- Community / Stronger Together ---------- */ function Community() { return (

Stronger Together

Strong schools build strong communities.

A portion of CharterSelect profits supports the nonprofits and community initiatives that make a lasting impact alongside the schools we serve.
Our Commitment

); } /* ---------- Footer ---------- */ function Footer() { return (
{/* Mobile-only quick nav strip */}
Property & Liability Employee Benefits Book a Call

Any insurance you need - built for charter schools, not adapted to them. The only agency built exclusively for charter schools.

Coverage
Property & Liability Employee Benefits

Company
Why CharterSelect Our Commitment About Contact Accessibility

© 2026 CharterSelect Insurance Solutions Nationwide

); } Object.assign(window, { TopNav, Hero, StatsBar, Solutions, FeaturedTestimonial, WhyUs, UploadCta, Community, Footer });