https://www.spireworks.org/_nuxt/CF3FJk7i.js

1import{H as A,d as h,l as R,e as p,f as d,h as e,j as t,i as u,v as l,y as _,z as x,I as $,A as f,J as L,r as k,b as H,o as F,K as B,L as T,x as z,F as j,g as I,p as U,G as M,t as P,s as O,M as V,n as q,_ as D,q as G}from"./DT9ABi-_.js";import{_ as C}from"./BY84z-Yu.js";import{_ as Q}from"./BEWYQNqZ.js";import{a as K}from"./8KaR0DHH.js";import{_ as W}from"./Cfn6r007.js";const J=A("/images/home-hero/bg-1920.webp"),Y=[1280,1600,1920,2400,2880],X={class:"relative h-auto min-h-fit pt-28 pb-52 sm:h-screen sm:pt-36 sm:pb-0"},Z=["srcset"],ee=["srcset"],te={class:"w-full"},S="(max-width: 639px) 1200px, (min-aspect-ratio: 2880/1494) 100vw, 193vh",ne=h({__name:"Header",setup(g){const a=n=>Y.map(o=>`/images/home-hero/bg-${o}.${n} ${o}w`).join(", "),r=a("avif"),i=a("webp");return R({link:[{rel:"preload",as:"image",type:"image/avif",imagesrcset:r,imagesizes:S,fetchpriority:"high"}]}),(n,o)=>{const s=C,m=x;return d(),p("div",X,[e("picture",null,[e("source",{type:"image/avif",srcset:u(r),sizes:S},null,8,Z),e("img",{"data-testid":"header-background",src:J,srcset:u(i),sizes:S,alt:"",fetchpriority:"high",class:"absolute inset-0 h-full w-full object-cover object-center"},null,8,ee)]),o[3]||(o[3]=e("div",{"data-testid":"header-overlay",class:"absolute inset-0",style:{"background-image":"linear-gradient(149.92deg, #03071a 0%, #03071a 35.75%, rgba(3, 7, 26, 0.4) 100%)"}},null,-1)),t(m,{class:"relative z-10"},{default:l(()=>[e("div",te,[o[1]||(o[1]=e("h1",{class:"font-display text-[2rem] font-bold leading-[1.05] text-white text-shadow-lg md:w-10/12 md:text-[4rem] lg:text-[5.35rem] md:leading-[1.05]"}," Spireworks is an engagement platform for the world's most iconic architectural lighting. ",-1)),o[2]||(o[2]=e("div",{"data-testid":"header-subtitle",class:"font-subtitle pb-8 pt-5 text-sm font-normal text-white/60 md:text-[1.15rem] leading-normal sm:mr-10 sm:pr-10 md:max-w-screen-sm"}," An urban scale real-time interactive lighting experience via our mobile application. ",-1)),e("div",null,[t(s,{to:"/live/"},{default:l(()=>o[0]||(o[0]=[_(" View Livestreams ",-1)])),_:1,__:[0]})])])]),_:1})])}}}),oe=Object.assign(ne,{__name:"LayoutHeader"}),se={class:"relative bg-sw-blue-dark-2 text-white text-center"},ae={class:"flex flex-col justify-center min-h-[inherit] py-12"},ie={class:"flex justify-center"},re=h({__name:"QuoteHero",setup(g){const r=$()("/images/stars.png");return(i,n)=>{const o=f,s=x;return d(),p("section",se,[e("div",{class:"min-h-[31.25rem] md:min-h-[37.5rem] lg:min-h-[43.75rem] relative bg-no-repeat bg-[length:70%] bg-[center_70%] sm:bg-center md:bg-[length:50%] lg:bg-[length:35%]",style:L(`background-image: url('${u(r)}')`)},[t(s,{class:"relative z-10"},{default:l(()=>[e("div",ae,[e("div",ie,[t(o,{src:"/images/spireworks-glyph.png",alt:"Spireworks glyph",class:"object-contain max-w-16 md:max-w-lg",loading:"lazy",placeholder:[83,162,30,50]})]),n[0]||(n[0]=e("h2",{class:"font-quote-text pt-6 sm:pt-5 text-xl md:text-4xl font-semibold leading-tight text-center max-w-2xl mx-auto"},[e("span",{class:"italic"},'"'),_(" An open system to share in moments of discovery,"),e("br"),_(' play, and next generation civic engagement." ')],-1)),n[1]||(n[1]=e("p",{class:"font-meta pt-6 sm:pt-10 pb-10 opacity-80 text-xs md:text-sm font-medium tracking-widest text-center inline-block max-w-[45%] md:max-w-full mx-auto"}," MARK DOMINO, SPIREWORKS CREATOR ",-1))])]),_:1})],4)])}}}),le=Object.assign(re,{__name:"SectionQuoteHero"}),ce={class:"bg-sw-dark-3"},me={class:"mx-auto flex flex-col items-center py-10 sm:py-0"},de={class:"w-full max-w-7xl grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 sm:gap-8 lg:gap-x-8"},pe={class:"transition-transform duration-300 group-hover:scale-105"},_e={class:"w-full sm:w-[20rem] h-[16rem] sm:h-[20rem] lg:h-[16rem] flex items-center justify-center"},ge={class:"font-body-text text-sm sm:text-base lg:text-lg text-white/80 max-w-[10rem] md:max-w-[13rem] md:leading-[1.875rem] mt-4"},ue=h({__name:"Features",setup(g){const a=k([{text:"The city's most recognizable spires",animationSource:"/lottie/buildings.json"},{text:"Real time interactions",animationSource:"/lottie/interactions.json"}

1,{text:"A range of different colors & effects",animationSource:"/lottie/effects.json"},{text:"Custom events and live activations",animationSource:"/lottie/calendar.json"},{text:"Support Great Causes",animationSource:"/lottie/support.json"},{text:"API Enabled",animationSource:"/lottie/api-enabled.json"}]),r=k(!1),i=k(!0);let n;const o=()=>i.value=n?.matches??!0;function s(m){if(!i.value)return;const c=m.target;c.seek("50%"),c.pause()}return H(()=>n?.removeEventListener("change",o)),F(async()=>{n=window.matchMedia("(prefers-reduced-motion: reduce)"),o(),n.addEventListener("change",o);try{await B(()=>import("./BwaT2OiK.js"),[],import.meta.url),r.value=!0}catch(m){console.error("Failed to load Lottie player:",m)}}),(m,c)=>{const v=z,b=T("lottie-player"),w=Q,E=x;return d(),p("section",ce,[t(E,null,{default:l(()=>[e("div",me,[t(v,{class:"pt-5 sm:pt-0 text-5xl lg:text-6xl mb-10"},{default:l(()=>c[0]||(c[0]=[_("The sky is the limit",-1)])),_:1,__:[0]}),c[2]||(c[2]=e("p",{class:"text-center font-subtitle text-white/80 text-sm md:text-lg md:leading-[1.875rem] md:max-w-[44rem]"}," Spireworks has collaborated with a range of partners to bring deeper meaning and a sense of connection and play to the city skyline. ",-1)),e("div",de,[(d(!0),p(j,null,I(a.value,(y,N)=>(d(),p("div",{key:N,class:"flex flex-col items-center text-center group"},[e("div",pe,[e("div",_e,[t(w,null,{fallback:l(()=>

1c[1]||(c[1]=[e("div",{class:"w-full h-full bg-sw-dark-4 rounded-md flex items-center justify-center relative overflow-hidden"},[e("div",{class:"absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent"})],-1)])),default:l(()=>[r.value?(d(),U(b,{key:String(i.value),autoplay:!i.value,loop:!i.value,mode:"normal",src:y.animationSource,class:"w-full h-full","aria-hidden":"true",tabindex:"-1",onReady:s,onError:()=>console.error("Lottie failed to load: ",y.animationSource)},null,8,["autoplay","loop","src","onError"])):M("",!0)]),_:2},1024)])]),e("p",ge,P(y.text),1)]))),128))])])]),_:1})])}}}),xe=Object.assign(ue,{__name:"SectionFeatures"}),he={},fe={class:"bg-sw-blue-dark-2"},ve={class:"grid grid-cols-1 lg:grid-cols-[auto_1fr] lg:items-baseline lg:gap-x-8"},be={class:"order-1 md:pt-5"},we={class:"order-3 lg:order-2 mt-5 lg:mt-0 lg:text-right"},ye={class:"font-display order-2 lg:order-3 lg:col-span-2 mt-10 md:mt-12 grid grid-cols-1 gap-x-8 gap-y-5 lg:grid-cols-2 lg:gap-x-20 xl:gap-x-24 xl:gap-y-8"},ke={class:"group relative"},Se={class:"overflow-hidden rounded-lg"},$e={class:"group relative"},je={class:"overflow-hidden rounded-lg"};function Ce(g,a){const r=z,i=K,n=f,o=x;return d(),p("section",fe,[t(o,null,{default:l(()=>[e("div",ve,[e("div",be,[t(r,{class:"text-4xl md:text-5xl lg:text-6xl"},{default:l(()=>a[0]||(a[0]=[_(" Over 1,832 special lighting events to date ",-1)])),_:1,__:[0]})]),e("div",we,[t(i,{to:"/events/",class:"lg:text-xl"},{default:l(()=>a[1]||(a[1]=[_(" See all past events",-1)])),_:1,__:[1]})]),e("div",ye,[e("div",ke,[e("div",Se,[t(n,{src:"/images/events/ferrari.png",alt:"Ferrari 70th Anniversary event",width:"656",height:"359",class:"h-auto w-full object-cover transition-transform duration-300 ease-in-out group-hover:scale-105",loading:"lazy",placeholder:[656,359,30,50]})]),a[2]||(a[2]=e("h3",{class:"mt-2 font-medium text-2xl leading-8 text-white md:mt-5 md:font-display md:text-4xl lg:text-5xl xl:mt-6"}," Ferrari 70th Anniversary ",-1))]),e("div",$e,[e("div",je,[t(n,{src:"/images/events/national_parks.jpg",alt:"National Parks Service Centennial event",width:"656",height:"468",class:"h-auto w-full object-cover transition-transform duration-300 ease-in-out group-hover:scale-105",loading:"lazy",placeholder:[656,468,30,50]})]),a[3]||(a[3]=e("h3",{class:"mt-2 font-medium text-2xl leading-8 text-white md:mt-5 md:font-display md:text-4xl lg:text-5xl xl:mt-6"}," National Parks Service Centennial ",-1))])])])]),_:1})])}const Le=Object.assign(O(he,[["render",Ce]]),{__name:"SectionPastEvents"}),ze={class:"relative bg-black"},Ie={class:"mx-auto max-w-container min-h-[50rem] w-full overflow-hidden aspect-[9/12] md:min-h-[40rem] md:aspect-[16/6.75] xl:min-h-[50rem] relative"},Oe=["srcset"],Ee=["src"],Ne={class:"absolute inset-0"},Ae={class:"flex flex-col"},Re={class:"w-full md:w-8/12 lg:w-7/12"},He=h({__name:"Experience",setup(g){const a=$(),r=V(),i=a("/images/spireworks_experience_bg_mobile.jpg"),n=a("/images/spireworks_experience_bg.jpg");return(o,s)=>{const m=C,c=x;return d(),p("section",ze,[e("div",Ie,[e("picture",null,[e("source",{media:"(min-width: 768px)",srcset:u(n),type:"image/webp"},null,8,Oe),e("img",{src:u(i),alt:"A view of a city skyline at night with illuminated spires.",class:"h-full w-full object-cover object-bottom",loading:"eager",fetchpriority:"high"},null,8,Ee)]),s[0]||(s[0]=e("div",{class:"absolute top-0 right-0 h-full w-[250px] bg-gradient-to-l from-black via-black/80 via-black/40 via-black/15 to-transparent z-10 hidden 3xl:block pointer-events-none"},null,-1))]),e("div",Ne,[t(c,null,{default:l(()=>[e("div",Ae,[e("div",Re,[s[2]||(s[2]=e("div",{class:"mb-1 mt-6"},[e("div",{class:"inline-block h-[1.5625rem] w-[10.5rem] sm:w-[12.4375rem] -skew-x-12 bg-gradient-to-r from-sw-lavender-indigo to-sw-palatinate-blue"},[e("div",{class:"skew-x-12 pt-[0.25rem] sm:pt-[0.1875rem] text-center text-xs sm:text-sm font-semibold uppercase tracking-[0.125rem] text-black"}," Curated Access ")])],-1)),s[3]||(s[3]=e("h2",{class:"max-w-[36.5625rem] pt-5 pb-[1.0625rem] font-heading font-bold text-white text-4xl lg:text-5xl xl:text-6xl"}," The Spireworks Experience ",-1)),s[4]||(s[4]=e("p",{class:"mb-8 max-w-[31.25rem] text-sm md:text-base font-body-text leading-6 text-white/80 sm:max-w-[95%] sm:leading-7 lg:max-w-[80%]"}," Use your mobile phone to control the lights colors in real-time before your eyes. Spireworks has limited membership access to ensure a high quality experience for its participants. If you are interested in gaining access to the Spireworks platform click below to submit your request. ",-1)),t(m,{to:u(r)("/users/request"),external:""},{default:l(()=>s[1]||(s[1]=[_(" Get Started ",-1)])),_:1,__:[1]},8,["to"])])])]),_:1})])])}}}),Fe=Object.assign(He,{__name:"SectionExperience"}),Be={class:"bg-sw-dark-3"},Te=h({__name:"SpireworksLive",setup(g){const r=$()("/images/change-at-a-distance-bg.png");return(i,n)=>{const o=f,s=C,m=x;return d(),p("div",Be,[e("div",{class:"relative flex items-center bg-cover bg-center lg:h-[56.25rem] max-w-container mx-auto",style:L({backgroundImage:`url(${u(r)})`})},[n[2]||(n[2]=e("div",{class:"absolute top-0 right-0 h-full w-[250px] bg-gradient-to-l from-sw-dark-3 via-sw-dark-3/80 via-sw-dark-3/40 via-sw-dark-3/15 to-transparent z-10 hidden 3xl:block pointer-events-none"},null,-1)),t(m,{class:"relative"},{default:l(()=>[t(o,{src:"/images/change-at-a-distance-title.png",alt:"Change at a Distance",class:"h-auto w-[20rem] sm:w-[25rem]",width:"414",loading:"lazy",placeholder:[414,335,75,50]}),n[1]||(n[1]=e("p",{class:"font-body-text text-sm md:text-base text-white/80 leading-6 sm:leading-7 max-w-[65vw] sm:max-w-[50vw] md:max-w-[40vw] lg:max-w-[36.5625rem] pt-5 pb-[1.875rem] text-left tracking-[0.04rem]"}," In 2020, Spireworks opened its interactive lighting experience to the entire globe, announcing Spireworks Live, allowing users to provide support to the Coronavirus Relief Fund and control the iconic building lights of New York City safely from the comfort of their own home. Now, everyone and anyone around the world can play, discover, and take action, at a distance. ",-1)),t(s,{to:"/live/"},{default:l(()=>n[0]||(n[0]=[_(" Go to Spireworks Live ",-1)])),_:1,__:[0]})]),_:1,__:[1]})],4)])}}}),Ue=Object.assign(Te,{__name:"SectionSpireworksLive"}),Me={class:"bg-sw-dark-3"},Pe={class:"mt-16 mb-7 md:mb-0 grid place-items-center gap-12 lg:gap-0 grid-cols-3 lg:grid-cols-6"},Ve=h({__name:"CharitableOrganizations",setup(g){const a=[{src:"/logos/lyphoma-research-foundation.png",alt:"Lyphoma research foundation"},{src:"/logos/national-park-service-web.png",alt:"National park service",customClass:"hidden sm:block"},{src:"/logos/national-park-service-mobile.png",alt:"National park service mobile",customClass:"block sm:hidden"},{src:"/logos/international-women-day.png",alt:"International women day"},{src:"/logos/autism-speaks.png",alt:"Autism speaks"},{src:"/logos/global-giving.png",alt:"Global giving"},{src:"/logos/save-the-children.png",alt:"Save the children"}];return(r,i)=>{const n=f,o=x;return d(),p("div",Me,[t(o,{class:"pt-16 sm:pt-16 md:pt-20 lg:pt-24 pb-12 md:pb-16 lg:pb-16"},{default:l(()=>[e("div",null,[i[0]||(i[0]=e("div",{class:"mx-auto max-w-4xl text-center"},[e("p",{class:"font-body-text text-base leading-relaxed text-white/80"}," Spireworks works with charitable organizations and brands from all around the world, creating memorable experiences while raising awareness and providing support for important causes including: ")],-1)),e("div",Pe,[(d(),p(j,null,I(a,s=>t(n,{key:s.src,src:s.src,alt:s.alt,class:q(["max-h-[2.5rem] w-auto object-contain",s.customClass]),loading:"lazy",placeholder:[150,30,30,50]},null,8,["src","alt","class"])),64))])])]),_:1})])}}}),qe=Object.assign(Ve,{__name:"SectionCharitableOrganizations"}),De={};function Ge(g,a){const r=D,i=oe,n=le,o=xe,s=Le,m=Fe,c=Ue,v=qe,b=W,w=G;return d(),p(j,null,[t(r),e("main",null,[t(i),t(n),t(o),t(s),t(m),t(c),t(v),t(b)]),t(w)],64)}const Xe=O(De,[["render",Ge]]);export{Xe as default};