https://thecolorrun.com/assets/Volunteer-B1Jhx5am.js

1import{r as m,j as e,B as b}from"./index-BWKVl_8M.js";import{I as H}from"./input-D7iXBNfg.js";import{B as M}from"./badge-5lgR0cpA.js";import{C as I,a as V}from"./card-249XDqvi.js";import{L as A,S as W,k as U,d as K,G as $}from"./SEOHead-DxGnaOqv.js";import{u as G}from"./useBrandContent-C_Lte893.js";import{a as J,g as q}from"./brandImages-Dm-gEYI6.js";import{g as L}from"./imageUtils-ErSZkxv7.js";import{u as Q}from"./useVolunteerOpportunities-C-ws1E5P.js";import{u as X,h as j}from"./useUserLocation-BSA7FuZ2.js";import{A as Y,H as R,S as Z,C as ee}from"./index-tpdW2Qs0.js";import{m as n,U as y}from"./proxy-CQRMKxsv.js";import{A as w}from"./arrow-right-DFG20ihJ.js";import{S as T}from"./shield-5TmqRddd.js";import{M as te}from"./map-pin-GkS6aPAQ.js";import{C as se}from"./clock-CL4YdE7n.js";import{f as ae}from"./format--YuNkvsf.js";import"./useQuery-D48NDIgt.js";const d={initial:{opacity:0,y:30},whileInView:{opacity:1,y:0},viewport:{once:!0,margin:"-60px"},transition:{duration:.6}},D={initial:{opacity:0,y:20},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.5}};function Ne(){const{data:v=[],isLoading:z}=Q({status:"open"}),a=X(),[N,O]=m.useState(0),[g,re]=m.useState("the-color-run"),{getBrand:P}=G(),[u,F]=m.useState(""),f=m.useMemo(()=>J("the-color-run"),[]),k=m.useCallback(()=>O(s=>(s+1)%f.length),[f.length]);m.useEffect(()=>{const s=setInterval(k,4e3);return()=>clearInterval(s)},[k]);const C=m.useMemo(()=>{const s=new Date;s.setHours(0,0,0,0);let c=v.filter(t=>{var o,l,i,h,p;const r=((o=t.event)==null?void 0:o.date)||t.date;if(!r||new Date(r).getTime()<s.getTime()||g!=="all"&&((l=t.event)==null?void 0:l.brand)!==g)return!1;if(u){const x=u.toLowerCase();return t.title.toLowerCase().includes(x)||((i=t.location)==null?void 0:i.toLowerCase().includes(x))||((p=(h=t.event)==null?void 0:h.city)==null?void 0:p.toLowerCase().includes(x))}return!0});return a.lat&&a.lng&&(c=[...c].sort((t,r)=>{var S,_,B,E;const o=(S=t.event)==null?void 0:S.lat,l=(_=t.event)==null?void 0:_.lng,i=(B=r.event)==null?void 0:B.lat,h=(E=r.event)==null?void 0:E.lng;if(o==null||l==null)return 1;if(i==null||h==null)return-1;const p=j(a.lat,a.lng,o,l),x=j(a.lat,a.lng,i,h);return p-x})),c},[v,g,u,a.lat,a.lng]);return e.jsxs(A,{children:[e.jsx(W,{title:"Volunteer With The Color Run – Join the Party & Make a Difference",description:"Sign up to volunteer at The Color Run's vibrant 5K color celebration. Choose your role, pick your shift, and be part of the happiest 5K on the planet.",canonicalPath:"/volunteer",schemas:[U("Volunteer With The Color Run","Sign up to volunteer at The Color Run 5K events.","/volunteer"),K([{name:"Home",path:"/"},{name:"Volunteer",path:"/volunteer"}])]}),e.jsxs("section",{className:"relative min-h-[80vh] flex items-center justify-center overflow-hidden bg-[hsl(var(--background))]",children:[e.jsx(Y,{mode:"wait",children:e.jsx(n.div,{className:"absolute inset-0",initial:{opacity:0,scale:1.08},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.96},transition:{duration:1.2},children:e.jsx("img",{src:L(f[N],"hero"),alt:"The Color Run volunteer",className:"w-full h-full object-cover",decoding:"async"})},N)}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[hsl(var(--background))] via-[hsl(var(--background)/0.5)] to-[hsl(var(--background)/0.25)]"}),e.jsxs(n.div,{className:"relative z-10 text-center px-4 max-w-5xl pb-36 md:pb-20",...d,children:[e.jsxs("h1",{className:"text-3xl sm:text-4xl md:text-6xl lg:text-7xl font-black text-white leading-tight mb-4 md:mb-6 drop-shadow-lg",children:["Volunteer With The Color Run",e.jsx("span",{className:"block text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold mt-2 md:mt-3 text-primary drop-shadow-md",children:"Be Part of the Color – Make Memories, Make a Difference"})]}),e.jsx("p",{className:"text-base md:text-xl text-white/90 max-w-3xl mx-auto mb-6 md:mb-8 drop-shadow-md",children:"Join volunteers who power the happiest 5K on the planet. Cho

1ose your role, pick your shift, and help bring the color to your community."}),e.jsxs(b,{size:"lg",className:"bg-primary text-primary-foreground font-bold text-sm sm:text-base px-6 sm:px-8 border-0 hover:bg-[hsl(var(--primary) / 0.85)] transition-all duration-300 shadow-[0_0_20px_hsl(var(--primary) / 0.3)] hover:shadow-[0_0_30px_hsl(var(--primary) / 0.5)]",onClick:()=>{var s;return(s=document.getElementById("opportunities"))==null?void 0:s.scrollIntoView({behavior:"smooth"})},children:["Find Opportunities ",e.jsx(w,{className:"ml-2 h-5 w-5"})]})]}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 bg-black/60 backdrop-blur-sm border-t border-white/10 py-3 md:py-4",children:e.jsxs("div",{className:"container mx-auto px-4 grid grid-cols-2 md:flex md:flex-wrap items-center justify-center gap-2 md:gap-8 text-white/80 text-xs md:text-sm font-medium",children:[e.jsxs("span",{className:"flex items-center justify-center gap-1",children:[e.jsx(R,{className:"h-3.5 w-3.5 md:h-4 md:w-4 text-primary shrink-0"})," Make a Difference"]}),e.jsxs("span",{className:"flex items-center justify-center gap-1",children:[e.jsx($,{className:"h-3.5 w-3.5 md:h-4 md:w-4 text-primary shrink-0"})," 100+ Cities"]}),e.jsxs("span",{className:"flex items-center justify-center gap-1",children:[e.jsx(y,{className:"h-3.5 w-3.5 md:h-4 md:w-4 text-primary shrink-0"})," 500+ Volunteers"]}),e.jsxs("span",{className:"flex items-center justify-center gap-1",children:[e.jsx(T,{className:"h-3.5 w-3.5 md:h-4 md:w-4 text-primary shrink-0"})," Free Event Ticket"]})]})})]}),e.jsx("section",{id:"opportunities",className:"py-16 md:py-24 bg-[hsl(var(--background))]",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx(n.h2,{...d,className:"text-3xl md:text-5xl font-black text-center text-white mb-2",children:a.state?`Volunteer Near ${a.state}`:"Open Volunteer Opportunities"}),e.jsx(n.p,{...d,className:"text-center text-white/70 max-w-2xl mx-auto mb-10",children:a.state?"Events closest to you are shown first. Browse and sign up in minutes.":"Browse upcoming events that need volunteers. Sign up in minutes."}),e.jsx("div",{className:"flex flex-col sm:flex-row gap-3 mb-8 max-w-xl mx-auto",children:e.jsxs("div",{className:"relative flex-1",children:[e.jsx(Z,{className:"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-white/40"}),e.jsx(H,{placeholder:"Search events or cities...",value:u,onChange:s=>F(s.target.value),className:"pl-9 bg-white/5 border-white/10 text-white placeholder:text-white/40"})]})}),z?e.jsx("div",{className:"flex justify-center py-20",children:e.jsx("div",{className:"animate-spin h-8 w-8 border-4 border-primary border-t-transparent rounded-full"})}):C.length===0?e.jsxs("div",{className:"text-center py-20 text-white/60",children:[e.jsx(y,{className:"h-12 w-12 mx-auto mb-4 opacity-40"}),e.jsx("p",{className:"text-lg font-medium",children:"No opportunities found"}),e.jsx("p",{className:"text-sm mt-1",children:"Check back soon for new volunteer openings!"})]}):e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:C.map((s,c)=>{const t=s.event,r=P(t==null?void 0:t.brand)??null,o=q((t==null?void 0:t.brand)||"muddy-dash")||s.hero_image||(t==null?void 0:t.hero_image),l=s.date?new Date(s.date):null,i=a.lat&&a.lng&&(t!=null&&t.lat)&&(t!=null&&t.lng)?Math.round(j(a.lat,a.lng,t.lat,t.lng)):null;return e.jsx(n.div,{...D,transition:{delay:Math.min(c*.06,.5)},children:e.jsx("a",{href:`https://eventlab.com/volunteer/register?opportunity=${s.id}&brand=${(t==null?void 0:t.brand)??""}`,children:e.jsxs(I,{className:"group overflow-hidden bg-white/5 border-white/10 hover:border-primary/50 transition-all duration-300 hover:shadow-[0_0_30px_hsl(var(--primary) / 0.15)]",children:[e.jsxs("div",{className:"relative h-56 overflow-hidden",children:[e.jsx("img",{src:o?L(o,"card"):"",alt:s.title,className:"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500",loading:"lazy",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"}),r&&e.jsx(M,{className:"absolute top-3 left-3 font-bold border-0 text-xs",style:{backgroundColor:r.colors.primary,color:"#fff"},children:r.name}),i!==null&&e.jsxs(M,{className:"absolute top-3 right-3 bg-primary text-primary-foreground font-bold border-0 text-xs",children:[i," mi away"]})]}),e.jsxs(V,{className:"p-5",children:[e.jsx("h3",{className:"text-lg font-bold text-white mb-2 group-hover:text-primary transition-colors line-clamp-1",children:(t==null?void 0:t.t

1itle)||s.title}),e.jsxs("div",{className:"space-y-1.5 mb-4",children:[s.location&&e.jsxs("p",{className:"text-white/60 text-sm flex items-center gap-1.5",children:[e.jsx(te,{className:"h-3.5 w-3.5 shrink-0"})," ",s.location]}),l&&e.jsxs("p",{className:"text-white/60 text-sm flex items-center gap-1.5",children:[e.jsx(ee,{className:"h-3.5 w-3.5 shrink-0"})," ",ae(l,"EEEE, MMMM d, yyyy")]}),(t==null?void 0:t.venue)&&e.jsx("p",{className:"text-white/50 text-xs truncate",children:t.venue})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:"text-sm text-white/70",children:(t==null?void 0:t.sale_price)!==null&&(t==null?void 0:t.sale_price)===0?e.jsx("span",{className:"font-bold text-green-400",children:"FREE Event"}):t!=null&&t.price?e.jsxs("span",{children:["Event: ",e.jsxs("span",{className:"font-semibold text-white",children:["$",t.price]})]}):null}),e.jsxs(b,{size:"sm",className:"bg-primary text-primary-foreground font-bold border-0 hover:bg-[hsl(var(--primary) / 0.85)] shadow-[0_0_15px_hsl(var(--primary) / 0.2)] text-xs",children:["Volunteer ",e.jsx(w,{className:"ml-1 h-3.5 w-3.5"})]})]})]})]})})},s.id)})})]})}),e.jsx("section",{className:"py-16 md:py-24 bg-background",children:e.jsxs("div",{className:"container mx-auto px-4",children:[e.jsx(n.h2,{...d,className:"text-3xl md:text-5xl font-black text-center text-foreground mb-4",children:"Why Volunteer With The Color Run?"}),e.jsx(n.p,{...d,className:"text-center text-muted-foreground max-w-2xl mx-auto mb-12",children:"It's more than volunteering — it's joining a community of passionate people creating unforgettable moments."}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6",children:[{icon:R,title:"Make an Impact",desc:"Help create unforgettable experiences for thousands of participants."},{icon:y,title:"Meet Amazing People",desc:"Connect with like-minded volunteers and event organizers."},{icon:se,title:"Flexible Shifts",desc:"Pick the shifts that work for your schedule."},{icon:T,title:"Free Entry",desc:"Volunteers get a free ticket and take part in the event for free."}].map((s,c)=>e.jsx(n.div,{...D,transition:{delay:c*.1},children:e.jsx(I,{className:"text-center h-full bg-muted/50 border-border",children:e.jsxs(V,{className:"pt-8 pb-6",children:[e.jsx(s.icon,{className:"h-10 w-10 mx-auto mb-4 text-primary"}),e.jsx("p",{className:"font-bold text-foreground mb-1",children:s.title}),e.jsx("p",{className:"text-sm text-muted-foreground",children:s.desc})]})})},s.title))})]})}),e.jsx("section",{className:"py-16 md:py-20 bg-[hsl(var(--background))]",children:e.jsx("div",{className:"container mx-auto px-4 text-center",children:e.jsxs(n.div,{...d,children:[e.jsx("h2",{className:"text-3xl md:text-4xl font-black text-white mb-4",children:"Ready to Make a Difference?"}),e.jsx("p",{className:"text-white/70 max-w-xl mx-auto mb-8",children:"Browse our open volunteer opportunities above and sign up today. Every role matters, every shift counts."}),e.jsxs(b,{size:"lg",className:"bg-primary text-primary-foreground font-bold border-0 hover:bg-[hsl(var(--primary) / 0.85)] shadow-[0_0_20px_hsl(var(--primary) / 0.3)]",onClick:()=>{var s;return(s=document.getElementById("opportunities"))==null?void 0:s.scrollIntoView({behavior:"smooth"})},children:["Browse Opportunities ",e.jsx(w,{className:"ml-2 h-5 w-5"})]})]})})})]})}export{Ne as default};