https://therecreationacademy.com/assets/staff-bio-CbQT9nlI.js

1import{k as b,r as u,j as t,I as y,w as x}from"./index-CqSsKZ43.js";import{S as p}from"./SiteLayout-CdrHXEnn.js";import{P as g}from"./PageHero-mt7X6pUy.js";import{s as j}from"./forms.functions-D5UuuVX8.js";import{C as f}from"./circle-check-D7GRPckq.js";import{U as v}from"./user-DPFPCYGp.js";import{L as k}from"./loader-circle-CoG4xjxi.js";import"./Shield-CkhSRQuI.js";import"./portal-redirect-DIYVQFlU.js";import"./chevron-down-F7mPHSbI.js";import"./marketing-email.functions-B9DJvRuH.js";import"./mail-CaucJsQS.js";import"./stem-org-accredited.png.asset-DjMiH8VG.js";import"./growth-mindset-premier.png.asset-BbBUSLYl.js";import"./phone-oyLkklld.js";function D(){const l=b(j),[i,n]=u.useState(!1),[o,c]=u.useState(!1),[e,s]=u.useState({firstName:"",lastName:"",email:"",pronouns:"",role:"",city:"",hometown:"",education:"",yearsInField:"",certifications:"",favoriteProgram:"",funFact:"",whyRecAcademy:"",kidFriendlyIntro:"",photoUrl:"",social:"",agree:!1});async function h(a){if(a.preventDefault(),!e.agree){x.error("Please confirm the release before submitting.");return}n(!0);try{const m=`Staff Bio Draft
2
3${e.firstName} ${e.lastName} (${e.pronouns}) — ${e.role}
4${e.city} · ${e.email}
5
6Hometown: ${e.hometown}
7Education: ${e.education}
8Years in field: ${e.yearsInField}
9Certifications: ${e.certifications}
10
11Favorite program: ${e.favoriteProgram}
12Fun fact: ${e.funFact}
13Why Rec Academy: ${e.whyRecAcademy}
14Kid-friendly intro: ${e.kidFriendlyIntro}
15
16Photo: ${e.photoUrl||"—"}
17Social: ${e.social||"—"}`;await l({data:{type:"staff_bio",data:e,summary:m}}),c(!0)}catch(m){x.error(m?.message??"Submission failed.")}finally{n(!1)}}return o?t.jsx(p,{children:t.jsxs("section",{className:"mx-auto max-w-2xl px-5 py-24 text-center lg:px-8",children:[t.jsx(f,{className:"mx-auto size-14 text-sky"}),t.jsx("h1",{className:"mt-6 text-4xl font-black uppercase tracking-tight text-navy md:text-5xl",children:"Bio submitted!"}),t.jsx("p",{className:"mt-4 text-muted-foreground",children:"Thanks for the details — we'll polish it up and publish once it's approved."})]})}):t.jsxs(p,{children:[t.jsx(g,{kicker:"Staff Bio Submission",title:"Show the world",italic:"who you are.",subtitle:"Your bio lives on the team page and inside partner-facing decks. Keep it warm, specific, and true to your voice.",image:y.aboutHero,children:t.jsxs("span",{className:"inline-flex items-center gap-2 rounded-full bg-sky px-4 py-2 text-xs font-bold uppercase tracking-widest text-ink",children:[t.jsx(v,{className:"size-4"})," Takes about 5 minutes"]})}),t.jsx("section",{className:"py-16 lg:py-20",children:t.jsxs("div",{className:"mx-auto max-w-3xl px-5 lg:px-8",children:[t.jsxs("p",{className:"mb-6 rounded-2xl border border-sky bg-sky-soft p-4 text-sm text-navy",children:["Already on the team? Build your bio with a photo upload and live preview in the ",t.jsx("a",{href:"/portal",className:"font-bold underline",children:"Staff Portal → Profile"})," instead — it goes straight to admin review."]}),t.jsxs("form",{onSubmit:h,className:"rounded-3xl border border-border bg-card p-8 lg:p-10",children:[t.jsx("h3",{className:"text-xs font-bold uppercase tracking-widest text-sky",children:"The basics"}),t.jsxs("div",{className:"mt-4 grid gap-5 sm:grid-cols-2",children:[t.jsx(r,{label:"First name",v:e.firstName,on:a=>s({...e,firstName:a}),req:!0}),t.jsx(r,{label:"Last name",v:e.lastName,on:a=>s({...e,lastName:a}),req:!0}),t.jsx(r,{label:"Email",type:"email",v:e.email,on:a=>s({...e,email:a}),req:!0}),t.jsx(r,{label:"Pronouns",v:e.pronouns,on:a=>s({...e,pronouns:a})}),t.jsx(r,{label:"Role / title",v:e.role,on:a=>s({...e,role:a}),req:!0}),t.jsx(r,{label:"City / region",v:e.city,on:a=>s({...e,city:a}),req:!0})]}),t.jsx("h3",{className:"mt-10 text-xs font-bold uppercase tracking-widest text-sky",children:"Your background"}),t.jsxs("div",{className:"mt-4 grid gap-5 sm:grid-cols-2",children:[t.jsx(r,{label:"Hometown",v:e.hometown,on:a=>s({...e,hometown:a})}),t.jsx(r,{label:"Education",v:e.education,on:a=>s({...e,education:a})}),t.jsx(r,{label:"Years in youth / rec field",v:e.yearsInField,on:a=>

17s({...e,yearsInField:a})}),t.jsx(r,{label:"Relevant certifications",v:e.certifications,on:a=>s({...e,certifications:a})})]}),t.jsx("h3",{className:"mt-10 text-xs font-bold uppercase tracking-widest text-sky",children:"Your voice"}),t.jsx(d,{label:"Favorite program you've run",v:e.favoriteProgram,on:a=>s({...e,favoriteProgram:a}),req:!0}),t.jsx(d,{label:"Fun fact kids love hearing",v:e.funFact,on:a=>s({...e,funFact:a}),req:!0}),t.jsx(d,{label:"Why The Recreation Academy?",v:e.whyRecAcademy,on:a=>s({...e,whyRecAcademy:a}),req:!0}),t.jsx(d,{label:"Kid-friendly intro (how you introduce yourself on day one)",v:e.kidFriendlyIntro,on:a=>s({...e,kidFriendlyIntro:a}),req:!0}),t.jsx("h3",{className:"mt-10 text-xs font-bold uppercase tracking-widest text-sky",children:"Media"}),t.jsxs("div",{className:"mt-4 grid gap-5 sm:grid-cols-2",children:[t.jsx(r,{label:"Headshot / photo URL",v:e.photoUrl,on:a=>s({...e,photoUrl:a}),placeholder:"Google Drive or Dropbox link"}),t.jsx(r,{label:"Public social handle (optional)",v:e.social,on:a=>s({...e,social:a})})]}),t.jsxs("label",{className:"mt-8 flex items-start gap-3 text-sm",children:[t.jsx("input",{type:"checkbox",required:!0,checked:e.agree,onChange:a=>s({...e,agree:a.target.checked}),className:"mt-1 size-4"}),t.jsx("span",{className:"text-foreground/85",children:"I authorize The Recreation Academy to use my bio and photo on our website, partner materials, and social media. I can revoke this in writing at any time."})]}),t.jsxs("button",{type:"submit",disabled:i,className:"mt-8 inline-flex items-center gap-2 rounded-full bg-navy px-6 py-3.5 text-sm font-bold uppercase tracking-wider text-white disabled:opacity-50",children:[i?t.jsx(k,{className:"size-4 animate-spin"}):t.jsx(f,{className:"size-4"})," Submit bio"]})]})]})})]})}function r({label:l,v:i,on:n,req:o,type:c="text",placeholder:e}){return t.jsxs("label",{className:"block",children:[t.jsxs("span",{className:"text-[11px] font-bold uppercase tracking-widest text-navy",children:[l,o&&t.jsx("span",{className:"text-sky",children:" *"})]}),t.jsx("input",{type:c,placeholder:e,required:o,value:i,onChange:s=>n(s.target.value),className:"mt-2 w-full rounded-xl border border-border bg-background px-4 py-3 text-sm outline-none focus:border-sky"})]})}function d({label:l,v:i,on:n,req:o}){return t.jsxs("label",{className:"mt-5 block",children:[t.jsxs("span",{className:"text-[11px] font-bold uppercase tracking-widest text-navy",children:[l,o&&t.jsx("span",{className:"text-sky",children:" *"})]}),t.jsx("textarea",{rows:3,required:o,value:i,onChange:c=>n(c.target.value),className:"mt-2 w-full rounded-xl border border-border bg-background px-4 py-3 text-sm outline-none focus:border-sky"})]})}export{D as component};