1import{c as Je,r as d,j as e,l as Ll,m as vn,n as Sn,M as wn,q as Qs,p as ol,P as Pl,a0 as Nn,f as kn,X as Gi,v as Ye}from"./index-B7M1U7c-.js";import{toPng as lt,getFontEmbedCSS as Cn}from"./index-xPspvKWL.js";import{c as k}from"./chiirp-logo-hd-white-Ct8Og0ia.js";import{l as Xt}from"./chiirp-ai-logo-light-D9URlzrW.js";import{w as Et}from"./ryan-warehouse-training-ktnLDOOG.js";import{b as gt}from"./metallic-vault-bg-BlATFfpQ.js";import{b as ys}from"./vault-interior-bg-BeJh-AXy.js";import{b as nl}from"./vault-open-light-bg-Cw7bGkiJ.js";import{C as it}from"./chevron-left-BXpaBCJq.js";import{C as ge}from"./chevron-right-D2Dl01rg.js";import{D as ve}from"./download-Buo2cpDn.js";import{c as Qe}from"./chiirp-logo-bird-CMxKCMMo.js";import{c as ko}from"./index-BdQq_4o_.js";import{u as Tn}from"./index-CqT5NgIA.js";import{u as Fn}from"./index-CExS2ROi.js";import{R as En}from"./rotate-ccw-JxKTAF70.js";import{E as Co}from"./eye-off-D0uquaMk.js";import{E as To}from"./eye-sFEbrJEB.js";import{c as Ui,t as zn,E as In}from"./EstimateConversionCarousel-Cn21Aws7.js";import{b as Rn,a as Bn,c as An,d as Hn,e as On,f as $n}from"./grand-canyon-lightning-3dBmM8NI.js";import{d as Wn,l as Dn}from"./lead-followup-bg-CIlT31H6.js";import{b as Yi}from"./money-burning-bg-D7LHDBlO.js";import{A as Ps}from"./index-DfLAboyv.js";import{c as Mn,f as Fo,d as Eo,J as Ln,u as zo,e as Pn,M as Io,b as Gn,g as Un,h as bi,m as o}from"./proxy-af2ZkQNy.js";import{b as Ro}from"./f1-race-car-bg-CM6KFYD9.js";import{b as Bo}from"./gold-bars-bg-B2FMfwvG.js";import{b as Yn}from"./glsa-money-dark-BZvsqMu8.js";import{c as Vn}from"./glsa-hourglass-CT9BMpka.js";import{g as pi}from"./goettl-logo-full-yiNw8g36.js";import{M as _n}from"./map-pin-p5c_9_E8.js";import{Q as Vi}from"./quote-fGoQlDFg.js";/* empty css *//* empty css */import{T as Kn}from"./trophy-DsZlRkpi.js";import{S as Ao}from"./star-CnhVEBwm.js";import{U as Xn,t as qn}from"./tommy-no-text-CC9uQBa1.js";import{D as Ho}from"./dollar-sign-DYKgcIMT.js";import{M as al}from"./message-circle-BOjr-Xtt.js";import{C as Oo}from"./calendar-DuCOLPUd.js";import{C as $o}from"./clock-BbLCZLxu.js";import{T as Wo}from"./target-D2KscjHx.js";import{Z as Gs}from"./zap-BKziogTG.js";import{F as Do}from"./file-text-DvEUwh41.js";import{H as Mo}from"./heart-DLcIa2yt.js";import{A as eo}from"./activity-9El8jC6c.js";import{T as Bi}from"./trending-up-D1TQuQU9.js";import{L as Lo}from"./layout-dashboard-BUrUSyuR.js";import{B as ci}from"./bot-B0dOyY5L.js";import{M as Us}from"./message-square-jQHzIzeY.js";import{U as rl}from"./users-t68GrneR.js";import{S as hi}from"./shield-BWpXgvDS.js";import{W as Po}from"./wand-sparkles-DCVJ9aiM.js";import{L as Go}from"./log-out-4HEzZtYx.js";import{C as Jn}from"./circle-check-big-D76TAMVe.js";import{C as Qn}from"./circle-alert-BMlc1X9x.js";import{c as _i}from"./chiirp-logo-CucdJwMp.js";import{S as Zn}from"./search-DiFFno6A.js";import{M as Ai}from"./mail-O2e-7XF4.js";import{T as ea}from"./thumbs-up-D9F3BdFQ.js";import{C as Ki}from"./chart-column-VnaiqlbO.js";import{s as ta}from"./service-titan-logo-HV-OsWyj.js";import{t as sa}from"./thumbtack-logo-CZ-GcbUL.js";import{f as la}from"./facebook-logo-B4alif5N.js";import{g as ia}from"./google-lsa-logo-Deo7CUI-.js";import{h as oa,j as na,f as aa}from"./fieldpulse-BbERfAjN.js";import{a as ra}from"./angi-logo-lv6IGXZy.js";import{m as ca}from"./modernize-logo-DL2rJMDs.js";import{w as da}from"./wingen-logo-ZOym_YTd.js";import{C as ma}from"./circle-check-CUgugnkq.js";import{T as pa}from"./triangle-alert-BPCLClg6.js";import{P as Xi}from"./plug-CzVAbBQS.js";import{L as ha}from"./layout-grid-O2qPI67w.js";import{A as xa}from"./arrow-left-ANg5jbFU.js";import{a as ga}from"./a1-van-logo-D9G1X6_f.js";import{g as fa}from"./goettl-logo-CCoyNRn3.js";import{P as ya}from"./play-R9ytev4o.js";import{P as to}from"./phone-D4Qm5-CG.js";import{M as ua,a as ba}from"./minimize-2-Bl_lk2Gh.js";import"./estimate-cover-scorsese-DdIC96cz.js";import"./mining-tunnel-bg-C3qh8Avm.js";/** 2 * @license lucide-react v0.462.0 - ISC 3 * 4 * This source code is licensed under the ISC license. 5 * See the LICENSE file in the root directory of this source tree. 6 */const ja=Je("Archive",[["rect",{width:"20",height:"5",x:"2",y:"3",rx:"1",key:"1wp1u1"}],["path",{d:"M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8",key:"1s80jp"}],["path",{d:"M10 12h4",key:"a56b0p"}]]);/** 7 * @license lucide-react v0.462.0 - ISC 8 * 9 * This source code is licensed under the ISC license. 10 * See the LICENSE file in the root directory of this source tree. 11 */const va=Je("Facebook",[["path",{d:"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z",key:"1jg4f8"}]]);/** 12 * @license lucide-react v0.462.0 - ISC 13 * 14 * This source code is licensed under the ISC license. 15 * See the LICENSE file in the root directory of this source tree. 16 */const Sa=Je("FolderOpen",[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]]);/** 17 * @license lucide-react v0.462.0 - ISC 18 * 19 * This source code is licensed under the ISC license. 20 * See the LICENSE file in the root directory of this source tree. 21 */const Uo=Je("GraduationCap",[["path",{d:"M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z",key:"j76jl0"}],["path",{d:"M22 10v6",key:"1lu8f3"}],["path",{d:"M6 12.5V16a6 3 0 0 0 12 0v-3.5",key:"1r8lef"}]]);/** 22 * @license lucide-react v0.462.0 - ISC 23 * 24 * This source code is licensed under the ISC license. 25 * See the LICENSE file in the root directory of this source tree. 26 */const qi=Je("ImagePlus",[["path",{d:"M16 5h6",key:"1vod17"}],["path",{d:"M19 2v6",key:"4bpg5p"}],["path",{d:"M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5",key:"1ue2ih"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}]]);/** 27 * @license lucide-react v0.462.0 - ISC 28 * 29 * This source code is licensed under the ISC license. 30 * See the LICENSE file in the root directory of this source tree. 31 */const wa=Je("Inbox",[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]]);/** 32 * @license lucide-react v0.462.0 - ISC 33 * 34 * This source code is licensed under the ISC license. 35 * See the LICENSE file in the root directory of this source tree. 36 */const Na=Je("Navigation",[["polygon",{points:"3 11 22 2 13 21 11 13 3 11",key:"1ltx0t"}]]);/** 37 * @license lucide-react v0.462.0 - ISC 38 * 39 * This source code is licensed under the ISC license. 40 * See the LICENSE file in the root directory of this source tree. 41 */const ka=Je("Paperclip",[["path",{d:"m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48",key:"1u3ebp"}]]);/** 42 * @license lucide-react v0.462.0 - ISC 43 * 44 * This source code is licensed under the ISC license. 45 * See the LICENSE file in the root directory of this source tree. 46 */const Yo=Je("Puzzle",[["path",{d:"M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z",key:"w46dr5"}]]);/** 47 * @license lucide-react v0.462.0 - ISC 48 * 49 * This source code is licensed under the ISC license. 50 * See the LICENSE file in the root directory of this source tree. 51 */const ji=Je("Send",[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]]);/** 52 * @license lucide-react v0.462.0 - ISC 53 * 54 * This source code is licensed under the ISC license. 55 * See the LICENSE file in the root directory of this source tree. 56 */const ss=Je("Settings",[["path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z",key:"1qme2f"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/** 57 * @license lucide-react v0.462.0 - ISC 58 * 59 * This source code is licensed under the ISC license. 60 * See the LICENSE file in the root directory of this source tree. 61 */const Ca=Je("Smile",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}
61],["path",{d:"M8 14s1.5 2 4 2 4-2 4-2",key:"1y1vjs"}],["line",{x1:"9",x2:"9.01",y1:"9",y2:"9",key:"yxxnd0"}],["line",{x1:"15",x2:"15.01",y1:"9",y2:"9",key:"1p4y9e"}]]);/** 62 * @license lucide-react v0.462.0 - ISC 63 * 64 * This source code is licensed under the ISC license. 65 * See the LICENSE file in the root directory of this source tree. 66 */const Ta=Je("Tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]);/** 67 * @license lucide-react v0.462.0 - ISC 68 * 69 * This source code is licensed under the ISC license. 70 * See the LICENSE file in the root directory of this source tree. 71 */const Fa=Je("UserPlus",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]]);/** 72 * @license lucide-react v0.462.0 - ISC 73 * 74 * This source code is licensed under the ISC license. 75 * See the LICENSE file in the root directory of this source tree. 76 */const Ea=Je("Volume2",[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]]);function za(...t){const s=!Array.isArray(t[0]),l=s?0:-1,n=t[0+l],i=t[1+l],h=t[2+l],a=t[3+l],r=Mn(i,h,a);return s?r(n):r}function Ia(t,s,l){const n=t.get();let i=null,h=n,a;const r=typeof n=="string"?n.replace(/[\d.-]/g,""):void 0,m=()=>{i&&(i.stop(),i=null)},b=()=>{m(),i=new Ln({keyframes:[lo(t.get()),lo(h)],velocity:t.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...l,onUpdate:a})};if(t.attach((v,f)=>{h=v,a=j=>f(so(j,r)),Fo.postRender(b)},m),Eo(s)){const v=s.on("change",j=>t.set(so(j,r))),f=t.on("destroy",v);return()=>{v(),f()}}return m}function so(t,s){return s?t+s:t}function lo(t){return typeof t=="number"?t:parseFloat(t)}function us(t){const s=zo(()=>Pn(t)),{isStatic:l}=d.useContext(Io);if(l){const[,n]=d.useState(t);d.useEffect(()=>s.on("change",n),[])}return s}function Vo(t,s){const l=us(s()),n=()=>l.set(s());return n(),Gn(()=>{const i=()=>Fo.preRender(n,!1,!0),h=t.map(a=>a.on("change",i));return()=>{h.forEach(a=>a()),Un(n)}}),l}function Ra(t){bi.current=[],t();const s=Vo(bi.current,t);return bi.current=void 0,s}function Ba(t,s,l,n){if(typeof t=="function")return Ra(t);const i=za(s,l,n);return Array.isArray(t)?io(t,i):io([t],([h])=>i(h))}function io(t,s){const l=zo(()=>[]);return Vo(t,()=>{l.length=0;const n=t.length;for(let i=0;i<n;i++)l[i]=t[i].get();return s(l)})}function di(t,s={}){const{isStatic:l}=d.useContext(Io),n=()=>Eo(t)?t.get():t;if(l)return Ba(n);const i=us(n());return d.useInsertionEffect(()=>Ia(i,t,s),[i,JSON.stringify(s)]),i}const _o="/assets/epic-deck-origin-BxXLNHO3.png",Ko="/assets/clock-option-6-HdcNFK2e.jpg",Aa="/assets/clock-option-7-Br2FhQQw.jpg",Ha="/assets/clock-option-8-C2bnkIKl.jpg",$e="#f7911e",et="hsl(0 0% 98%)",Ws="hsla(0, 0%, 98%, 0.5)",Gt="hsla(0, 0%, 98%, 0.35)",zt="#0a0a0a",Ze="'Bebas Neue', sans-serif",Hi=1080,vi=1350,Oa=()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full",style:{background:zt},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:140,filter:"drop-shadow(0 0 48px hsla(32,93%,54%,0.35))",marginBottom:48}}),e.jsx("div",{style:{width:80,height:1,background:$e,marginBottom:48}}),e.jsx("p",{style:{color:Ws,fontSize:28,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:300,fontFamily:"'Inter', sans-serif",marginBottom:12},children:"This isn't software"}),e.jsx("p",{style:{color:$e,fontSize:52,letterSpacing:"0.15em",textTransform:"uppercase",fontFamily:Ze},children:"This is leverage"})]}),$a=()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full relative overflow-hidden",style:{background:zt},children:[e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 40%, hsla(32,93%,54%,0.06) 0%, transparent 70%)"}}),e.jsx("p",{style:{color:Gt,fontSize:26,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:300,marginBottom:40,position:"relative",zIndex:1},children:"Where it all started"}),e.jsxs("div",{className:"relative",style:{zIndex:1,marginBottom:40},children:[e.jsx("img",{src:_o,alt:"CHIIRP Origins",style:{width:Hi-80,height:"auto",borderRadius:12,border:"1px solid hsla(0,0%,100%,0.1)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, transparent 60%, rgba(10,10,10,0.6) 100%)",borderRadius:12}})]}),e.jsxs("p",{style:{fontFamily:Ze,fontSize:48,color:et,textAlign:"center",lineHeight:1.1,position:"relative",zIndex:1,padding:"0 40px"},children:["FROM A GAS STATION TO"," ",e.jsx("span",{style:{color:$e},children:"450 MILLION MESSAGES."})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.2,position:"absolute",bottom:40}})]}),Si=({bgSrc:t,optionLabel:s})=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full relative overflow-hidden",style:{background:zt},children:[e.jsx("img",{src:t||Ko,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.35,pointerEvents:"none"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 45%, transparent 20%, rgba(10,10,10,0.85) 70%)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.7) 0%, transparent 30%, transparent 60%, rgba(10,10,10,0.9) 100%)"}}),e.jsx("div",{className:"absolute",style:{width:600,height:400,top:"32%",left:"50%",transform:"translate(-50%, -50%)",background:"radial-gradient(ellipse, hsla(32,93%,54%,0.12) 0%, transparent 70%)",pointerEvents:"none"}}),s&&e.jsx("div",{className:"absolute top-4 left-4 z-20 px-3 py-1 rounded",style:{background:$e,color:zt,fontFamily:Ze,fontSize:24,letterSpacing:"0.05em"},children:s}),e.jsxs("div",{className:"relative z-10 text-center",style:{padding:"0 50px"},children:[e.jsx("p",{style:{color:Gt,fontSize:30,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:300,marginBottom:8},children:"For seven years"}),e.jsx("p",{style:{color:Gt,fontSize:30,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:300,marginBottom:40},children:"We've captured everything."}),e.jsx("div",{style:{width:440,height:3,background:$e,margin:"0 auto 56px"}}),e.jsx("h1",{style:{fontFamily:Ze,fontSize:200,color:et,lineHeight:.8,textShadow:"0 0 80px hsla(32,93%,54%,0.2), 0 0 160px hsla(32,93%,54%,0.1)",transform:"scaleY(1.2)",marginBottom:8},children:"450M+"}),e.jsx("p",{style:{fontFamily:Ze,fontSize:48,color:$e,letterSpacing:"0.06em",marginBottom:48},children:"MESSAGES SENT"}),e.jsxs("p",{style:{fontFamily:Ze,fontSize:42,color:et,letterSpacing:"0.08em",lineHeight:1.4},children:["Every ",e.jsx("span",{style:{color:$e},children:"text."})," ","Every ",e.jsx("span",{style:{color:$e},children:"email."})," ","Every ",e.jsx("span",{style:{color:$e},children:"voicemail."})]}),e.jsx("p",{style:{fontFamily:Ze,fontSize:32,color:$e,letterSpacing:"0.12em",textTransform:"uppercase",marginTop:32,textShadow:"0 0 40px hsla(32,93%,54%,0.3)"},children:"We kept a record of every campaign we have ever sent."})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.2,position:"absolute",bottom:40}})]}),Wa=()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full relative overflow-hidden",style:{background:zt},children:[e.jsx("img",{src:Et,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.2,transform:"scale(1.15)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(0deg, rgba(10,10,10,0.9) 20%, rgba(10,10,10,0.5) 50%, rgba(10,10,10,0.75) 100%)"}}),e.jsxs("div",{className:"relative z-10 text-center",style:{padding:"0 60px"},children:[e.jsx("p",{style:{color:Gt,fontSize:26,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:300,marginBottom:48},children:"We know the precise:"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:16,alignItems:"center"},children:["Timing.","Language.","Sequence.","Cadence.","Channel."].map(t=>e.jsx("h1",{style:{fontFamily:Ze,fontSize:88,color:et,lineHeight:1,letterSpacing:"0.02em"},children:t},t))}),e.jsxs("p",{style:{color:Ws,fontSize:22,fontWeight:300,marginTop:48,lineHeight:1.5,maxWidth:700},children:["We know what ",e.jsx("span",{style:{color:et,fontWeight:700},children:"converts leads"}),","," ",e.jsx("span",{style:{color:et,fontWeight:700},children:"closes estimates"}),", and"," ",e.jsx("span",{style:{color:et,fontWeight:700},children:"drives repeat revenue"}),"."]})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.2,position:"absolute",bottom:40}})]}),Da=()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full relative overflow-hidden",style:{background:zt},children:[e.jsx("img",{src:gt,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.25}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.7) 0%, transparent 40%, rgba(10,10,10,0.7) 100%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center text-center",style:{padding:"0 60px"},children:[e.jsx("p",{style:{color:Gt,fontSize:22,letterSpacing:"0.25em",textTransform:"uppercase",fontWeight:300,marginBottom:60},children:"With all of that data, we built"}),e.jsx("img",{src:Xt,alt:"CHIIRP AI",style:{height:140,filter:"drop-shadow(0 0 40px hsla(0,0%,100%,0.12))",marginBottom:60}}),e.jsx("div",{style:{width:80,height:1,background:"hsla(0,0%,98%,0.15)",marginBottom:60}}),e.jsxs("p",{style:{color:Ws,fontSize:24,fontWeight:300,lineHeight:1.6,maxWidth:800},children:["CHIIRP AI transforms seven years of real trade data into AI agents that relentlessly deploy and refine your campaigns until"," ",e.jsx("span",{style:{color:et,fontWeight:700},children:"conversion peaks"})," and"," ",e.jsx("span",{style:{color:$e,fontWeight:700},children:"revenue is fully optimized"}),"."]})]})]}),Ma=()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full relative overflow-hidden",style:{background:zt},children:[e.jsx("img",{src:ys,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.45}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 70%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center text-center",style:{padding:"0 60px"},children:[e.jsx("p",{style:{color:Gt,fontSize:22,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:300,marginBottom:56},children:"Every dollar lives in one of three places:"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:20,alignItems:"center",marginBottom:56},children:["Lead Conversion","Estimate Conversion","Customer Loyalty"].map(t=>e.jsx("h1",{style:{fontFamily:Ze,fontSize:72,color:et,lineHeight:1,letterSpacing:"0.02em"},children:t},t))}),e.jsx("p",{style:{fontSize:28,fontWeight:700,color:$e,marginBottom:56},children:"So we built a whole new platform around them."}),e.jsx("img",{src:Xt,alt:"CHIIRP AI",style:{height:56,filter:"drop-shadow(0 0 30px rgba(255,255,255,0.6)) drop-shadow(0 0 60px rgba(247,145,30,0.3))"}})]})]}),La=()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full relative overflow-hidden",style:{background:zt},children:[e.jsx("img",{src:nl,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.2}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 60%, hsla(32,93%,54%,0.08) 0%, transparent 60%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center text-center",style:{padding:"0 60px"},children:[e.jsx("p",{style:{color:Gt,fontSize:22,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:300,marginBottom:40},children:"The shift has already happened"}),e.jsx("h1",{style:{fontFamily:Ze,fontSize:100,color:et,lineHeight:.95,marginBottom:24,letterSpacing:"0.02em"},children:"SOFTWARE"}),e.jsx("h1",{style:{fontFamily:Ze,fontSize:100,color:$e,lineHeight:.95,marginBottom:48},children:"IS DEAD."}),e.jsx("div",{style:{width:60,height:1,background:"hsla(0,0%,98%,0.15)",marginBottom:48}}),e.jsxs("p",{style:{color:Ws,fontSize:24,fontWeight:300,lineHeight:1.6,maxWidth:700,marginBottom:48},children:['The companies still selling "tools" are already obsolete.'," ",e.jsx("span",{style:{color:et,fontWeight:600},children:"The future belongs to platforms that think, act, and optimize on their own."})]}),e.jsx("p",{style:{color:$e,fontSize:20,fontWeight:600,letterSpacing:"0.15em",textTransform:"uppercase"},children:"Welcome to the new standard."})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.2,position:"absolute",bottom:40}})]}),_s=[{id:1,label:"Hero",Component:Oa},{id:2,label:"Origin",Component:$a},{id:3,label:"450M â Option C",Component:()=>e.jsx(Si,{bgSrc:Ko,optionLabel:"Option C"})},{id:"3d",label:"450M â Option D",Component:()=>e.jsx(Si,{bgSrc:Aa,optionLabel:"Option D"})},{id:"3e",label:"450M â Option E",Component:()=>e.jsx(Si,{bgSrc:Ha,optionLabel:"Option E"})},{id:4,label:"Precision",Component:Wa},{id:5,label:"CHIIRP AI",Component:Da},{id:6,label:"Three Strategies",Component:Ma},{id:7,label:"Software Is Dead",Component:La}],Pa=()=>
76{const[t,s]=d.useState(0),l=d.useRef(null),[n,i]=d.useState(!1),h=()=>s(b=>Math.min(b+1,_s.length-1)),a=()=>s(b=>Math.max(b-1,0)),r=async()=>{if(l.current){i(!0);try{await new Promise(j=>setTimeout(j,80));const b=await lt(l.current,{width:Hi,height:vi,pixelRatio:2,backgroundColor:zt}),v=document.createElement("a"),f=_s[t];v.download=`chiirp-portrait-${f.id}-${f.label.replace(/\s+/g,"-").toLowerCase()}.png`,v.href=b,v.click()}finally{i(!1)}}},m=_s[t];return e.jsxs("div",{style:{background:zt,padding:"80px 0 120px"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:Gt,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Portrait Format"}),e.jsxs("h2",{style:{fontFamily:Ze,fontSize:64,color:et,lineHeight:1},children:["DECK ",e.jsx("span",{style:{color:$e},children:"4 Ã 5"})]}),e.jsx("p",{style:{color:Ws,fontSize:18,marginTop:12,maxWidth:500,margin:"12px auto 0"},children:"Optimized for social, print, and image export."})]}),e.jsxs("div",{className:"flex flex-col items-center",style:{padding:"0 40px"},children:[e.jsx("div",{style:{transform:"scale(0.5)",transformOrigin:"top center",marginBottom:-vi*.5},children:e.jsx("div",{className:"rounded-xl overflow-hidden shadow-2xl",style:{border:"1px solid hsla(0,0%,100%,0.08)"},children:e.jsx("div",{ref:l,style:{width:Hi,height:vi,position:"relative",overflow:"hidden",background:zt},children:e.jsx(m.Component,{})})})}),e.jsxs("div",{className:"flex items-center gap-6 mt-8",children:[e.jsx("button",{onClick:a,disabled:t===0,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:et,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(it,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{style:{fontFamily:Ze,fontSize:28,color:$e},children:t+1}),e.jsx("span",{style:{color:Gt,fontSize:16},children:"/"}),e.jsx("span",{style:{fontFamily:Ze,fontSize:28,color:Gt},children:_s.length})]}),e.jsx("button",{onClick:h,disabled:t===_s.length-1,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:et,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(ge,{className:"w-5 h-5"})})]}),e.jsx("p",{style:{color:Ws,fontSize:16,marginTop:12,letterSpacing:"0.1em"},children:m.label}),e.jsxs("button",{onClick:r,disabled:n,className:"mt-4 flex items-center gap-2 px-5 py-2.5 rounded-full text-sm font-medium transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.08)",color:Ws,backdropFilter:"blur(8px)",border:"1px solid hsla(0,0%,100%,0.1)"},children:[n?e.jsx(Ll,{className:"w-4 h-4 animate-spin"}):e.jsx(ve,{className:"w-4 h-4"}),n?"Exporting...":"Download PNG"]}),e.jsx("div",{className:"flex gap-2 mt-6",children:_s.map((b,v)=>e.jsx("button",{onClick:()=>s(v),className:"rounded-full transition-all",style:{width:t===v?24:8,height:8,background:t===v?$e:"hsla(0,0%,98%,0.2)"}},b.id))})]})]})},Ds="/assets/ryan-speaking-window-ZkSWhdB6.jpg",Al="/assets/ryan-stage-1-6ifhtxvd.jpg",Hl="/assets/ryan-stage-2-DEAMIVf3.jpg";var Xo=["PageUp","PageDown"],qo=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],Jo={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},cl="Slider",[Oi,Ga,Ua]=vn(cl),[Qo,Qp]=Sn(cl,[Ua]),[Ya,xi]=Qo(cl),Zo=d.forwardRef((t,s)=>{const{name:l,min:n=0,max:i=100,step:h=1,orientation:a="horizontal",disabled:r=!1,minStepsBetweenThumbs:m=0,defaultValue:b=[n],value:v,onValueChange:f=()=>{},onValueCommit:j=()=>{},inverted:g=!1,form:S,...z}=t,T=d.useRef(new Set),E=d.useRef(0),x=a==="horizontal"?Va:_a,[p=[],u]=wn({prop:v,defaultProp:b,onChange:D=>{var At;(At=[...T.current][E.current])==null||At.focus(),f(D)}}),w=d.useRef(p);function C(D){const Ae=Qa(p,D);$(D,Ae)}function J(D){$(D,E.current)}function N(){const D=w.current[E.current];p[E.current]!==D&&j(p)}function $(D,Ae,{commit:At}={commit:!1}){const as=sr(h),ui=lr(Math.round((D-n)/h)*h+n,as),xl=ko(ui,[n,i]);u((Vs=[])=>{const Ss=qa(Vs,xl,Ae);if(tr(Ss,m*h)){E.current=Ss.indexOf(xl);const Zi=String(Ss)!==String(Vs);return Zi&&At&&j(Ss),Zi?Ss:Vs}else return Vs})}return e.jsx(Ya,{scope:t.__scopeSlider,name:l,disabled:r,min:n,max:i,valueIndexToChangeRef:E,thumbs:T.current,values:p,orientation:a,form:S,children:e.jsx(Oi.Provider,{scope:t.__scopeSlider,children:e.jsx(Oi.Slot,{scope:t.__scopeSlider,children:e.jsx(x,{"aria-disabled":r,"data-disabled":r?"":void 0,...z,ref:s,onPointerDown:Qs(z.onPointerDown,()=>{r||(w.current=p)}),min:n,max:i,inverted:g,onSlideStart:r?void 0:C,onSlideMove:r?void 0:J,onSlideEnd:r?void 0:N,onHomeKeyDown:()=>!r&&$(n,0,{commit:!0}),onEndKeyDown:()=>!r&&$(i,p.length-1,{commit:!0}),onStepKeyDown:({event:D,direction:Ae})=>{if(!r){const ui=Xo.includes(D.key)||D.shiftKey&&qo.includes(D.key)?10:1,xl=E.current,Vs=p[xl],Ss=h*ui*Ae;$(Vs+Ss,xl,{commit:!0})}}})})})})});Zo.displayName=cl;var[en,tn]=Qo(cl,{startEdge:"left",endEdge:"right",size:"width",direction:1}),Va=d.forwardRef((t,s)=>{const{min:l,max:n,dir:i,inverted:h,onSlideStart:a,onSlideMove:r,onSlideEnd:m,onStepKeyDown:b,...v}
76=t,[f,j]=d.useState(null),g=ol(s,x=>j(x)),S=d.useRef(void 0),z=Tn(i),T=z==="ltr",E=T&&!h||!T&&h;function c(x){const p=S.current||f.getBoundingClientRect(),u=[0,p.width],C=Ji(u,E?[l,n]:[n,l]);return S.current=p,C(x-p.left)}return e.jsx(en,{scope:t.__scopeSlider,startEdge:E?"left":"right",endEdge:E?"right":"left",direction:E?1:-1,size:"width",children:e.jsx(sn,{dir:z,"data-orientation":"horizontal",...v,ref:g,style:{...v.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:x=>{const p=c(x.clientX);a==null||a(p)},onSlideMove:x=>{const p=c(x.clientX);r==null||r(p)},onSlideEnd:()=>{S.current=void 0,m==null||m()},onStepKeyDown:x=>{const u=Jo[E?"from-left":"from-right"].includes(x.key);b==null||b({event:x,direction:u?-1:1})}})})}),_a=d.forwardRef((t,s)=>{const{min:l,max:n,inverted:i,onSlideStart:h,onSlideMove:a,onSlideEnd:r,onStepKeyDown:m,...b}=t,v=d.useRef(null),f=ol(s,v),j=d.useRef(void 0),g=!i;function S(z){const T=j.current||v.current.getBoundingClientRect(),E=[0,T.height],x=Ji(E,g?[n,l]:[l,n]);return j.current=T,x(z-T.top)}return e.jsx(en,{scope:t.__scopeSlider,startEdge:g?"bottom":"top",endEdge:g?"top":"bottom",size:"height",direction:g?1:-1,children:e.jsx(sn,{"data-orientation":"vertical",...b,ref:f,style:{...b.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:z=>{const T=S(z.clientY);h==null||h(T)},onSlideMove:z=>{const T=S(z.clientY);a==null||a(T)},onSlideEnd:()=>{j.current=void 0,r==null||r()},onStepKeyDown:z=>{const E=Jo[g?"from-bottom":"from-top"].includes(z.key);m==null||m({event:z,direction:E?-1:1})}})})}),sn=d.forwardRef((t,s)=>{const{__scopeSlider:l,onSlideStart:n,onSlideMove:i,onSlideEnd:h,onHomeKeyDown:a,onEndKeyDown:r,onStepKeyDown:m,...b}=t,v=xi(cl,l);return e.jsx(Pl.span,{...b,ref:s,onKeyDown:Qs(t.onKeyDown,f=>{f.key==="Home"?(a(f),f.preventDefault()):f.key==="End"?(r(f),f.preventDefault()):Xo.concat(qo).includes(f.key)&&(m(f),f.preventDefault())}),onPointerDown:Qs(t.onPointerDown,f=>{const j=f.target;j.setPointerCapture(f.pointerId),f.preventDefault(),v.thumbs.has(j)?j.focus():n(f)}),onPointerMove:Qs(t.onPointerMove,f=>{f.target.hasPointerCapture(f.pointerId)&&i(f)}),onPointerUp:Qs(t.onPointerUp,f=>{const j=f.target;j.hasPointerCapture(f.pointerId)&&(j.releasePointerCapture(f.pointerId),h(f))})})}),ln="SliderTrack",on=d.forwardRef((t,s)=>{const{__scopeSlider:l,...n}=t,i=xi(ln,l);return e.jsx(Pl.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...n,ref:s})});on.displayName=ln;var $i="SliderRange",nn=d.forwardRef((t,s)=>{const{__scopeSlider:l,...n}=t,i=xi($i,l),h=tn($i,l),a=d.useRef(null),r=ol(s,a),m=i.values.length,b=i.values.map(j=>cn(j,i.min,i.max)),v=m>1?Math.min(...b):0,f=100-Math.max(...b);return e.jsx(Pl.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...n,ref:r,style:{...t.style,[h.startEdge]:v+"%",[h.endEdge]:f+"%"}})});nn.displayName=$i;var Wi="SliderThumb",an=d.forwardRef((t,s)=>{const l=Ga(t.__scopeSlider),[n,i]=d.useState(null),h=ol(s,r=>i(r)),a=d.useMemo(()=>n?l().findIndex(r=>r.ref.current===n):-1,[l,n]);return e.jsx(Ka,{...t,ref:h,index:a})}),Ka=d.forwardRef((t,s)=>{const{__scopeSlider:l,index:n,name:i,...h}=t,a=xi(Wi,l),r=tn(Wi,l),[m,b]=d.useState(null),v=ol(s,c=>b(c)),f=m?a.form||!!m.closest("form"):!0,j=Nn(m),g=a.values[n],S=g===void 0?0:cn(g,a.min,a.max),z=Ja(n,a.values.length),T=j==null?void 0:j[r.size],E=T?Za(T,S,r.direction):0;return d.useEffect(()=>{if(m)return a.thumbs.add(m),()=>{a.thumbs.delete(m)}},[m,a.thumbs]),e.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[r.startEdge]:`calc(${S}% + ${E}px)`},children:[e.jsx(Oi.ItemSlot,{scope:t.__scopeSlider,children:e.jsx(Pl.span,{role:"slider","aria-label":t["aria-label"]||z,"aria-valuemin":a.min,"aria-valuenow":g,"aria-valuemax":a.max,"aria-orientation":a.orientation,"data-orientation":a.orientation,"data-disabled":a.disabled?"":void 0,tabIndex:a.disabled?void 0:0,...h,ref:v,style:g===void 0?{display:"none"}:t.style,onFocus:Qs(t.onFocus,()=>{a.valueIndexToChangeRef.current=n})})}),f&&e.jsx(rn,{name:i??(a.name?a.name+(a.values.length>1?"[]":""):void 0),form:a.form,value:g},n)]})});an.displayName=Wi;var Xa="RadioBubbleInput",rn=d.forwardRef(({__scopeSlider:t,value:s,...l},n)=>{const i=d.useRef(null),h=ol(i,n),a=Fn(s);return d.useEffect(()=>{const r=i.current;if(!r)return;const m=window.HTMLInputElement.prototype,v=Object.getOwnPropertyDescriptor(m,"value").set;if(a!==s&&v){const f=new Event("input",{bubbles:!0});v.call(r,s),r.dispatchEvent(f)}},[a,s]),e.jsx(Pl.input,{style:{display:"none"},...l,ref:h,defaultValue:s})});rn.displayName=Xa;function qa(t=[],s,l){const n=[...t];return n[l]=s,n.sort((i,h)=>
76i-h)}function cn(t,s,l){const h=100/(l-s)*(t-s);return ko(h,[0,100])}function Ja(t,s){return s>2?`Value ${t+1} of ${s}`:s===2?["Minimum","Maximum"][t]:void 0}function Qa(t,s){if(t.length===1)return 0;const l=t.map(i=>Math.abs(i-s)),n=Math.min(...l);return l.indexOf(n)}function Za(t,s,l){const n=t/2,h=Ji([0,50],[0,n]);return(n-h(s)*l)*l}function er(t){return t.slice(0,-1).map((s,l)=>t[l+1]-s)}function tr(t,s){if(s>0){const l=er(t);return Math.min(...l)>=s}return!0}function Ji(t,s){return l=>{if(t[0]===t[1]||s[0]===s[1])return s[0];const n=(s[1]-s[0])/(t[1]-t[0]);return s[0]+n*(l-t[0])}}function sr(t){return(String(t).split(".")[1]||"").length}function lr(t,s){const l=Math.pow(10,s);return Math.round(t*l)/l}var dn=Zo,ir=on,or=nn,nr=an;const oi=d.forwardRef(({className:t,...s},l)=>e.jsxs(dn,{ref:l,className:kn("relative flex w-full touch-none select-none items-center",t),...s,children:[e.jsx(ir,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary",children:e.jsx(or,{className:"absolute h-full bg-primary"})}),e.jsx(nr,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"})]}));oi.displayName=dn.displayName;const wi="#ff9100",Yl="hsla(0, 0%, 98%, 0.5)",ar="hsla(0, 0%, 98%, 0.35)",Ni="'Bebas Neue', sans-serif",Ut={scale:1,x:50,y:50},U=(t,s)=>({position:"absolute",left:"50%",top:"50%",minWidth:"100%",minHeight:"100%",width:"auto",height:"auto",objectFit:"cover",opacity:t,transform:`translate(-50%, -50%) scale(${s.scale}) translate(${s.x-50}%, ${s.y-50}%)`}),gi=({bgAdjust:t,onChange:s})=>{const l=()=>s(Ut);return e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("label",{style:{color:ar,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase"},children:"Image Adjustments"}),e.jsxs("button",{onClick:l,className:"flex items-center gap-1 px-2 py-1 rounded text-xs transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.06)",color:Yl,border:"1px solid hsla(0,0%,100%,0.1)"},children:[e.jsx(En,{className:"w-3 h-3"})," Reset"]})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between mb-1",children:[e.jsx("span",{style:{color:Yl,fontSize:11},children:"Zoom"}),e.jsxs("span",{style:{color:wi,fontSize:11,fontFamily:Ni},children:[Math.round(t.scale*100),"%"]})]}),e.jsx(oi,{value:[t.scale*100],onValueChange:([n])=>s({...t,scale:n/100}),min:50,max:300,step:5,className:"[&_[role=slider]]:h-3 [&_[role=slider]]:w-3 [&_[role=slider]]:bg-orange-500 [&_[data-orientation=horizontal]>.relative]:bg-orange-500/40"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between mb-1",children:[e.jsx("span",{style:{color:Yl,fontSize:11},children:"Horizontal"}),e.jsxs("span",{style:{color:wi,fontSize:11,fontFamily:Ni},children:[t.x,"%"]})]}),e.jsx(oi,{value:[t.x],onValueChange:([n])=>s({...t,x:n}),min:0,max:100,step:1,className:"[&_[role=slider]]:h-3 [&_[role=slider]]:w-3 [&_[role=slider]]:bg-orange-500 [&_[data-orientation=horizontal]>.relative]:bg-orange-500/40"})]}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex justify-between mb-1",children:[e.jsx("span",{style:{color:Yl,fontSize:11},children:"Vertical"}),e.jsxs("span",{style:{color:wi,fontSize:11,fontFamily:Ni},children:[t.y,"%"]})]}),e.jsx(oi,{value:[t.y],onValueChange:([n])=>s({...t,y:n}),min:0,max:100,step:1,className:"[&_[role=slider]]:h-3 [&_[role=slider]]:w-3 [&_[role=slider]]:bg-orange-500 [&_[data-orientation=horizontal]>.relative]:bg-orange-500/40"})]})]})},ce="#ff9100",We="#388c89",Ol="#202328",fi="#d6d6d6",ee="hsl(0 0% 98%)",Pt="hsla(0, 0%, 98%, 0.5)",jt="hsla(0, 0%, 98%, 0.35)",Yt="#0a0a0a",se="'Bebas Neue', sans-serif",oo=1080,el=1920,be=(el-1350)/2,$l=be,Xe=1350,rr={headline:`THE AI THAT 77ACTUALLY CONVERTS`,subtitle:"Stop losing revenue to missed follow-ups",tag:"CHIIRP AI",cta:"WATCH NOW"},cr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Yt},children:[e.jsx("img",{src:s,alt:"",style:U(.25,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.85) 0%, transparent 30%, transparent 55%, rgba(10,10,10,0.9) 100%)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 50%, hsla(32,93%,54%,0.08) 0%, transparent 60%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 60px"},children:[t.tag.trim()&&e.jsx("p",{style:{color:ce,fontSize:28,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:600,marginBottom:48},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:110,color:ee,lineHeight:.95,whiteSpace:"pre-line",marginBottom:48,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:80,height:3,background:ce,marginBottom:48}}),e.jsx("p",{style:{color:Pt,fontSize:32,fontWeight:300,lineHeight:1.5,maxWidth:800,marginBottom:t.cta.trim()?64:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"18px 64px",border:`2px solid ${ce}`,borderRadius:4},children:e.jsx("span",{style:{fontFamily:se,fontSize:36,color:ce,letterSpacing:"0.2em"},children:t.cta})})]}),e.jsx("img",{src:k,alt:"",style:{height:32,opacity:.2,position:"absolute",bottom:60,left:"50%",transform:"translateX(-50%)"}})]}),dr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Yt},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.7) 0%, rgba(10,10,10,0.3) 50%, rgba(10,10,10,0.95) 100%)"}}),e.jsx("div",{className:"absolute",style:{left:60,top:be+60,bottom:el-be-Xe+60,width:4,background:`linear-gradient(180deg, ${ce}, transparent)`}}),e.jsxs("div",{className:"absolute flex flex-col justify-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 100px"},children:[t.tag.trim()&&e.jsx("p",{style:{color:jt,fontSize:24,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:300,marginBottom:32},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:120,color:ee,lineHeight:.9,whiteSpace:"pre-line",marginBottom:40,transform:"scaleY(1.2)"},children:t.headline}),e.jsx("p",{style:{color:Pt,fontSize:30,fontWeight:300,lineHeight:1.5,maxWidth:750,marginBottom:t.cta.trim()?56:0},children:t.subtitle}),t.cta.trim()&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:24},children:[e.jsx("div",{style:{width:56,height:56,borderRadius:"50%",border:`2px solid ${ce}`,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:0,height:0,borderTop:"12px solid transparent",borderBottom:"12px solid transparent",borderLeft:`20px solid ${ce}`,marginLeft:4}})}),e.jsx("span",{style:{fontFamily:se,fontSize:32,color:ce,letterSpacing:"0.15em"},children:t.cta})]})]}),e.jsx("img",{src:Xt,alt:"",style:{height:48,opacity:.15,position:"absolute",bottom:60,right:60}})]}),mr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Yt},children:[e.jsx("img",{src:s,alt:"",style:U(.3,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 45%, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.95) 70%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-between text-center",style:{left:0,right:0,top:be,height:Xe,padding:"80px 80px"},children:[e.jsxs("div",{children:[e.jsx("img",{src:Xt,alt:"",style:{height:80,margin:"0 auto 40px",filter:"drop-shadow(0 0 30px hsla(0,0%,100%,0.1))"}}),e.jsx("div",{style:{width:60,height:2,background:"hsla(0,0%,100%,0.15)",margin:"0 auto"}})]}),e.jsxs("div",{children:[e.jsx("h1",{style:{fontFamily:se,fontSize:100,color:ee,lineHeight:.95,whiteSpace:"pre-line",marginBottom:32,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:Pt,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:750,margin:"0 auto"},children:t.subtitle})]}),t.cta.trim()&&e.jsx("div",{children:e.jsx("span",{style:{fontFamily:se,fontSize:28,color:ce,letterSpacing:"0.25em",padding:"14px 48px",border:"1px solid hsla(32,93%,54%,0.4)",borderRadius:4},children:t.cta})})]})]}
77),pr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Yt},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(135deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.6) 50%, rgba(10,10,10,0.95) 100%)"}}),e.jsx("div",{className:"absolute",style:{top:be+40,right:60,width:120,height:4,background:ce}}),e.jsx("div",{className:"absolute",style:{top:be+40,right:60,width:4,height:120,background:ce}}),e.jsxs("div",{className:"absolute flex flex-col justify-center",style:{left:0,right:0,top:be,height:Xe,padding:"80px 80px"},children:[t.tag.trim()&&e.jsxs("p",{style:{color:ce,fontSize:22,letterSpacing:"0.5em",textTransform:"uppercase",fontWeight:600,marginBottom:24},children:["ⶠ",t.tag]}),e.jsx("h1",{style:{fontFamily:se,fontSize:130,color:ee,lineHeight:.85,whiteSpace:"pre-line",marginBottom:40,transform:"scaleY(1.2)"},children:t.headline}),e.jsx("div",{style:{width:400,height:2,background:`linear-gradient(90deg, ${ce}, transparent)`,marginBottom:40}}),e.jsx("p",{style:{color:Pt,fontSize:30,fontWeight:300,lineHeight:1.5,maxWidth:750,marginBottom:t.cta.trim()?64:0},children:t.subtitle}),t.cta.trim()&&e.jsxs("p",{style:{fontFamily:se,fontSize:30,color:ce,letterSpacing:"0.2em"},children:[t.cta," â"]})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.15,position:"absolute",bottom:60,left:80}})]}),hr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:"#000"},children:[e.jsx("img",{src:s,alt:"",style:U(1,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:ce,opacity:.55}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 70px"},children:[e.jsxs("h1",{style:{fontFamily:se,fontSize:105,color:ee,lineHeight:.95,whiteSpace:"pre-line",transform:"scaleY(1.1)",textShadow:"0 4px 20px rgba(0,0,0,0.2)"},children:['"',t.headline,'"']}),t.tag.trim()&&e.jsxs("div",{style:{marginTop:48,textAlign:"right",width:"100%"},children:[e.jsxs("p",{style:{color:ee,fontSize:32,fontWeight:700,fontFamily:"'Inter', sans-serif",letterSpacing:"0.02em"},children:["â ",t.tag]}),t.subtitle.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,100%,0.7)",fontSize:22,fontWeight:400,marginTop:4},children:t.subtitle})]})]})]}),xr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Yt},children:[e.jsx("img",{src:s,alt:"",style:U(.9,l)}),e.jsx("div",{className:"absolute",style:{left:0,right:0,top:be+Xe*.35,background:ce,padding:"40px 60px"},children:e.jsx("h1",{style:{fontFamily:se,fontSize:100,color:ee,lineHeight:.95,whiteSpace:"pre-line",transform:"scaleY(1.1)"},children:t.headline})}),e.jsx("div",{className:"absolute flex justify-center",style:{left:0,right:0,bottom:$l+120},children:e.jsx("img",{src:Qe,alt:"",style:{height:72,filter:"drop-shadow(0 4px 12px rgba(0,0,0,0.3))"}})}),t.cta.trim()&&e.jsx("div",{className:"absolute flex justify-center",style:{left:0,right:0,bottom:$l+50},children:e.jsx("span",{style:{fontFamily:se,fontSize:24,color:ee,letterSpacing:"0.2em",textShadow:"0 2px 8px rgba(0,0,0,0.5)"},children:t.cta})})]}),gr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:ce},children:[e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 30%, hsla(32,100%,65%,0.4) 0%, transparent 60%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 60px"},children:[t.tag.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,100%,0.7)",fontSize:24,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:300,marginBottom:40},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:120,color:ee,lineHeight:.9,whiteSpace:"pre-line",transform:"scaleY(1.2)",textShadow:"0 4px 30px rgba(0,0,0,0.15)"},children:t.headline}),e.jsx("div",{style:{width:80,height:3,background:ee,margin:"48px auto",opacity:.5}}),t.subtitle.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,100%,0.85)",fontSize:30,fontWeight:300,lineHeight:1.5,maxWidth:800},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{marginTop:48,padding:"16px 56px",border:"2px s
77olid white",borderRadius:4},children:e.jsx("span",{style:{fontFamily:se,fontSize:32,color:ee,letterSpacing:"0.2em"},children:t.cta})})]}),e.jsx("img",{src:Qe,alt:"",style:{height:48,position:"absolute",bottom:50,left:"50%",transform:"translateX(-50%)",filter:"brightness(10)"}})]}),fr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ol},children:[e.jsx("img",{src:s,alt:"",style:U(.12,l)}),e.jsx("div",{className:"absolute",style:{left:0,width:8,top:be+80,bottom:el-be-Xe+80,background:We}}),e.jsxs("div",{className:"absolute flex flex-col justify-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 80px 60px 100px"},children:[t.tag.trim()&&e.jsx("p",{style:{color:We,fontSize:22,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:600,marginBottom:28},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:110,color:ee,lineHeight:.9,whiteSpace:"pre-line",marginBottom:36,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:120,height:3,background:We,marginBottom:36}}),t.subtitle.trim()&&e.jsx("p",{style:{color:fi,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:750,marginBottom:48},children:t.subtitle}),e.jsxs("div",{className:"flex items-center gap-5",children:[e.jsx("img",{src:Qe,alt:"",style:{height:48}}),t.cta.trim()&&e.jsx("div",{style:{padding:"12px 40px",background:We,borderRadius:4},children:e.jsx("span",{style:{fontFamily:se,fontSize:26,color:ee,letterSpacing:"0.15em"},children:t.cta})})]})]})]}),yr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Yt},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.9) 100%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center",style:{left:60,right:60,top:be+60,height:Xe-120,background:"hsla(0,0%,100%,0.97)",borderRadius:16},children:[e.jsx("img",{src:Qe,alt:"",style:{height:56,marginBottom:40}}),t.tag.trim()&&e.jsx("p",{style:{color:ce,fontSize:20,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:600,marginBottom:32},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:90,color:Yt,lineHeight:.9,whiteSpace:"pre-line",textAlign:"center",transform:"scaleY(1.15)",padding:"0 40px",marginBottom:32},children:t.headline}),e.jsx("div",{style:{width:60,height:3,background:ce,marginBottom:32}}),t.subtitle.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,0%,0.5)",fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:700,textAlign:"center",padding:"0 40px"},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{marginTop:40,padding:"14px 48px",background:ce,borderRadius:4},children:e.jsx("span",{style:{fontFamily:se,fontSize:28,color:ee,letterSpacing:"0.2em"},children:t.cta})})]})]}),ur=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ol},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:`radial-gradient(ellipse at 50% 50%, ${We}22 0%, transparent 60%)`}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 60px"},children:[t.tag.trim()&&e.jsx("p",{style:{color:We,fontSize:28,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:600,marginBottom:48},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:110,color:ee,lineHeight:.95,whiteSpace:"pre-line",marginBottom:48,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:80,height:3,background:We,marginBottom:48}}),e.jsx("p",{style:{color:fi,fontSize:32,fontWeight:300,lineHeight:1.5,maxWidth:800,marginBottom:t.cta.trim()?64:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"18px 64px",border:`2px solid ${We}`,borderRadius:4},children:e.jsx("span",{style:{fontFamily:se,fontSize:36,color:We,letterSpacing:"0.2em"},children:t.cta})})]}),e.jsx("img",{src:k,alt:"",style:{height:32,opacity:.2,position:"absolute",bottom:60,left:"50%",transform:"translateX(-50%)"}})]}),br=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:We},children:[e.jsx("img",{src:s,alt:"",style:{...U(.3,l),mixBlendMode:"multiply"}}),e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(180deg, ${We}aa 0%, ${We}66 40%, ${We}aa 100%)`}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:be,height:Xe,padding:"60px 70px"},children:[e.jsxs("h1",{style:{fontFamily:se,fontSize:105,color:ee,lineHeight:.95,whiteSpace:"pre-line",transform:"scaleY(1.1)",textShadow:"0 4px 20px rgba(0,0,0,0.2)"},children:['"',t.headline,'"']}),t.tag.trim()&&e.jsxs("div",{style:{marginTop:48,textAlign:"right",width:"100%"},children:[e.jsxs("p",{style:{color:ee,fontSize:32,fontWeight:700,fontFamily:"'Inter', sans-serif",letterSpacing:"0.02em"},children:["â ",t.tag]}),t.subtitle.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,100%,0.7)",fontSize:22,fontWeight:400,marginTop:4},children:t.subtitle})]})]})]}),jr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ol},children:[e.jsx("img",{src:s,alt:"",style:U(.8,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, transparent 30%, rgba(32,35,40,0.6) 60%, rgba(32,35,40,0.95) 100%)"}}),e.jsx("div",{className:"absolute",style:{left:0,right:0,top:be+Xe*.38,background:We,padding:"40px 60px"},children:e.jsx("h1",{style:{fontFamily:se,fontSize:100,color:ee,lineHeight:.95,whiteSpace:"pre-line",transform:"scaleY(1.1)"},children:t.headline})}),e.jsx("div",{className:"absolute flex justify-center",style:{left:0,right:0,bottom:$l+120},children:e.jsx("img",{src:Qe,alt:"",style:{height:72,filter:"drop-shadow(0 4px 12px rgba(0,0,0,0.3))"}})}),t.cta.trim()&&e.jsx("div",{className:"absolute flex justify-center",style:{left:0,right:0,bottom:$l+50},children:e.jsx("span",{style:{fontFamily:se,fontSize:24,color:fi,letterSpacing:"0.2em"},children:t.cta})})]}),vr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ol},children:[e.jsx("img",{src:s,alt:"",style:U(.1,l)}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center",style:{left:60,right:60,top:be+60,height:Xe-120,background:fi,borderRadius:16},children:[e.jsx("img",{src:Qe,alt:"",style:{height:56,marginBottom:40}}),t.tag.trim()&&e.jsx("p",{style:{color:We,fontSize:20,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:600,marginBottom:32},children:t.tag}),e.jsx("h1",{style:{fontFamily:se,fontSize:90,color:Ol,lineHeight:.9,whiteSpace:"pre-line",textAlign:"center",transform:"scaleY(1.15)",padding:"0 40px",marginBottom:32},children:t.headline}),e.jsx("div",{style:{width:60,height:3,background:We,marginBottom:32}}),t.subtitle.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,15%,0.6)",fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:700,textAlign:"center",padding:"0 40px"},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{marginTop:40,padding:"14px 48px",background:We,borderRadius:4},children:e.jsx("span",{style:{fontFamily:se,fontSize:28,color:ee,letterSpacing:"0.2em"},children:t.cta})})]})]}),Sr=[gt,ys,Ds,Et,Al,Hl,gt,Ds,ys,Et,Al,Hl,Ds,Et],gl=[{id:1,label:"Centered Impact",Component:cr,defaultBg:0},{id:2,label:"Left-Aligned Editorial",Component:dr,defaultBg:1},{id:3,label:"Logo Hero",Component:mr,defaultBg:2},{id:4,label:"Corner Accent",Component:pr,defaultBg:3},{id:5,label:"Orange Wash Quote",Component:hr,defaultBg:4},{id:6,label:"Banner Bar",Component:xr,defaultBg:5},{id:8,label:"Full Orange Bold",Component:gr,defaultBg:6},{id:9,label:"Teal Editorial",Component:fr,defaultBg:8},{id:10,label:"White Card",Component:yr,defaultBg:9},{id:11,label:"Teal Centered",Component:ur,defaultBg:10},{id:12,label:"Teal Wash Quote",Component:br,defaultBg:11},{id:13,label:"Teal Banner",Component:jr,defaultBg:12},{id:14,label:"Cool Gray Card",Component:vr,defaultBg:13}],wr=()=>
77{const[t,s]=d.useState(0),[l,n]=d.useState({...rr}),[i,h]=d.useState(!0),[a,r]=d.useState(null),[m,b]=d.useState(Ut),v=d.useRef(null),f=d.useRef(null),[j,g]=d.useState(!1),[S,z]=d.useState(""),T=gl[t],E=T.Component,c=a||Sr[T.defaultBg],x=N=>{var Ae;const $=(Ae=N.target.files)==null?void 0:Ae[0];if(!$)return;const D=new FileReader;D.onload=At=>{var as;r((as=At.target)==null?void 0:as.result),b(Ut)},D.readAsDataURL($)},p=()=>{r(null),b(Ut),f.current&&(f.current.value="")},u=()=>s(N=>Math.min(N+1,gl.length-1)),w=()=>s(N=>Math.max(N-1,0)),C=(N,$)=>{n(D=>({...D,[N]:$}))},J=async()=>{if(v.current){g(!0);try{const N=i;h(!1),await new Promise(Ae=>setTimeout(Ae,100));const $=await lt(v.current,{width:oo,height:el,pixelRatio:2,backgroundColor:Yt});h(N);const D=document.createElement("a");D.download=S.trim()?`${S.trim().replace(/\s+/g,"-")}.png`:`chiirp-video-cover-${T.label.replace(/\s+/g,"-").toLowerCase()}.png`,D.href=$,D.click()}finally{g(!1)}}};return e.jsxs("div",{style:{background:Yt,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:jt,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Video Cover Generator"}),e.jsxs("h2",{style:{fontFamily:se,fontSize:64,color:ee,lineHeight:1},children:["REEL ",e.jsx("span",{style:{color:ce},children:"9 Ã 16"})]}),e.jsx("p",{style:{color:Pt,fontSize:18,marginTop:12,maxWidth:560,margin:"12px auto 0"},children:"Full vertical canvas with text safe inside the 4Ã5 grid crop zone. Edit fields below and download."})]}),e.jsxs("div",{className:"flex flex-col lg:flex-row items-start justify-center gap-8",style:{padding:"0 40px",maxWidth:1200,margin:"0 auto"},children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{style:{transform:"scale(0.35)",transformOrigin:"top center",marginBottom:-el*.65},children:e.jsx("div",{className:"rounded-xl overflow-hidden shadow-2xl relative",style:{border:"1px solid hsla(0,0%,100%,0.08)"},children:e.jsxs("div",{ref:v,style:{width:oo,height:el,position:"relative",overflow:"hidden",background:Yt},children:[e.jsx(E,{fields:l,bgSrc:c,bgAdjust:m}),i&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute pointer-events-none",style:{left:0,right:0,top:0,height:be,background:"hsla(0, 100%, 50%, 0.08)",borderBottom:"2px dashed hsla(0, 100%, 60%, 0.4)"}}),e.jsx("div",{className:"absolute pointer-events-none",style:{left:0,right:0,bottom:0,height:$l,background:"hsla(0, 100%, 50%, 0.08)",borderTop:"2px dashed hsla(0, 100%, 60%, 0.4)"}}),e.jsx("div",{className:"absolute pointer-events-none",style:{left:16,top:be+8,color:"hsla(0, 100%, 60%, 0.5)",fontSize:18,fontFamily:"monospace"},children:"4Ã5 safe zone"})]})]})})}),e.jsxs("div",{className:"flex items-center gap-6 mt-8",children:[e.jsx("button",{onClick:w,disabled:t===0,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(it,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{style:{fontFamily:se,fontSize:28,color:ce},children:t+1}),e.jsx("span",{style:{color:jt,fontSize:16},children:"/"}),e.jsx("span",{style:{fontFamily:se,fontSize:28,color:jt},children:gl.length})]}),e.jsx("button",{onClick:u,disabled:t===gl.length-1,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(ge,{className:"w-5 h-5"})})]}),e.jsx("p",{style:{color:Pt,fontSize:16,marginTop:12,letterSpacing:"0.1em"},children:T.label}),e.jsxs("div",{className:"flex gap-3 mt-4",children:[e.jsxs("button",{onClick:()=>h(!i),className:"flex items-center gap-2 px-4 py-2 rounded-full text-sm transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.08)",color:Pt,border:"1px solid hsla(0,0%,100%,0.1)"},children:[i?e.jsx(Co,{className:"w-4 h-4"}):e.jsx(To,{className:"w-4 h-4"}),i?"Hide Guide":"Show Guide"]}),e.jsxs("button",{onClick:J,disabled:j,className:"flex items-center gap-2 px-5 py-2 rounded-full text-sm font-medium transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.08)",color:Pt,backdropFilter:"blur(8px)",border:"1px solid hsla(0,0%,100%,0.1)"},children:[j?e.jsx(Ll,{className:"w-4 h-4 animate-spin"}):e.jsx(ve,{className:"w-4 h-4"}),j?"Exporting...":"Download PNG"]})]}),e.jsx("div",{className:"flex gap-2 mt-6",children:gl.map((N,$)=>e.jsx("button",{onClick:()=>s($),className:"rounded-full transition-all",style:{width:t===$?24:8,height:8,background:t===$?ce:"hsla(0,0%,98%,0.2)"}},N.id))})]}),e.jsxs("div",{className:"w-full lg:w-80 flex flex-col gap-4",style:{marginTop:16},children:[e.jsxs("h3",{style:{fontFamily:se,fontSize:32,color:ee,marginBottom:8},children:["EDIT ",e.jsx("span",{style:{color:ce}
77,children:"CONTENT"})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:jt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"File Name"}),e.jsx("input",{type:"text",value:S,onChange:N=>z(N.target.value),placeholder:"e.g. my-video-cover",className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:jt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Tag / Series"}),e.jsx("input",{type:"text",value:l.tag,onChange:N=>C("tag",N.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:jt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Headline"}),e.jsx("textarea",{value:l.headline,onChange:N=>C("headline",N.target.value),rows:3,className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1 resize-none",style:{background:"hsla(0,0%,98%,0.06)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:jt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Subtitle"}),e.jsx("input",{type:"text",value:l.subtitle,onChange:N=>C("subtitle",N.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:jt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"CTA Button"}),e.jsx("input",{type:"text",value:l.cta,onChange:N=>C("cta",N.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:ee,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:jt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6}
77,children:"Background Image"}),e.jsx("input",{ref:f,type:"file",accept:"image/*",onChange:x,className:"hidden",id:"cover-bg-upload"}),a?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex-1 rounded overflow-hidden",style:{border:"1px solid hsla(0,0%,100%,0.1)",height:56},children:e.jsx("img",{src:a,alt:"Custom bg",className:"w-full h-full object-cover"})}),e.jsx("button",{onClick:p,className:"p-2 rounded-full transition-all hover:scale-110",style:{background:"hsla(0,0%,98%,0.08)",color:Pt,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(Gi,{className:"w-4 h-4"})})]}):e.jsxs("button",{onClick:()=>{var N;return(N=f.current)==null?void 0:N.click()},className:"w-full flex items-center justify-center gap-2 rounded px-3 py-3 text-sm transition-all hover:scale-[1.02]",style:{background:"hsla(0,0%,98%,0.06)",color:Pt,border:"1px dashed hsla(0,0%,100%,0.15)"},children:[e.jsx(qi,{className:"w-4 h-4"}),"Upload Custom Background"]})]}),a&&e.jsx(gi,{bgAdjust:m,onChange:b}),e.jsxs("p",{style:{color:jt,fontSize:12,marginTop:8,lineHeight:1.6},children:["Text stays within the ",e.jsx("span",{style:{color:ce},children:"4Ã5 safe zone"})," so nothing gets cropped in the Instagram grid. Toggle the guide overlay to verify placement."]})]})]})]})},ne="#ff9100",It="#388c89",Ys="#202328",ll="#d6d6d6",_="hsl(0 0% 98%)",xt="hsla(0, 0%, 98%, 0.5)",Oe="hsla(0, 0%, 98%, 0.35)",Vt="#0a0a0a",q="'Bebas Neue', sans-serif",Nr="'Inter', sans-serif",no=1080,tl=1920,Te=(tl-1350)/2,kr=Te,qe=1350,Cr={headline:`READY TO STOP 78LOSING REVENUE?`,subtitle:"Book a free strategy call with our team today",cta:"BOOK YOUR DEMO",url:"chiirp.com/new/book"},Tr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vt},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 40%, rgba(255,145,0,0.08) 0%, transparent 60%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 60px"},children:[e.jsx("img",{src:k,alt:"",style:{height:56,marginBottom:64,filter:"drop-shadow(0 0 30px rgba(255,145,0,0.2))"}}),e.jsx("h1",{style:{fontFamily:q,fontSize:110,color:_,lineHeight:.92,whiteSpace:"pre-line",marginBottom:40,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:xt,fontSize:30,fontWeight:300,lineHeight:1.5,maxWidth:800,marginBottom:56},children:t.subtitle}),e.jsx("div",{style:{padding:"24px 80px",background:ne,borderRadius:8,boxShadow:"0 8px 40px rgba(255,145,0,0.4)"},children:e.jsx("span",{style:{fontFamily:q,fontSize:42,color:_,letterSpacing:"0.15em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:22,marginTop:32,letterSpacing:"0.1em"},children:t.url})]})]}),Fr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vt},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.8) 0%, rgba(10,10,10,0.5) 50%, rgba(10,10,10,0.95) 100%)"}}),e.jsx("div",{className:"absolute",style:{left:60,top:Te+80,bottom:tl-Te-qe+80,width:5,background:ne}}),e.jsxs("div",{className:"absolute flex flex-col justify-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 90px 60px 100px"},children:[e.jsx("p",{style:{color:ne,fontSize:24,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:600,marginBottom:32},children:"DON'T WAIT"}),e.jsx("h1",{style:{fontFamily:q,fontSize:115,color:_,lineHeight:.88,whiteSpace:"pre-line",marginBottom:48,transform:"scaleY(1.2)"},children:t.headline}),e.jsx("p",{style:{color:xt,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:750,marginBottom:56},children:t.subtitle}),e.jsx("div",{className:"flex items-center gap-4",children:e.jsx("div",{style:{padding:"18px 56px",background:ne,borderRadius:6},children:e.jsx("span",{style:{fontFamily:q,fontSize:34,color:_,letterSpacing:"0.15em"},children:t.cta})})}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:20,marginTop:24,letterSpacing:"0.05em"},children:t.url})]}),e.jsx("img",{src:Qe,alt:"",style:{height:40,opacity:.15,position:"absolute",bottom:50,right:60}})]}),Er=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vt},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.4) 40%, rgba(10,10,10,0.95) 85%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 60px"},children:[e.jsx("div",{style:{padding:"10px 40px",background:ne,borderRadius:40,marginBottom:56},children:e.jsx("span",{style:{fontFamily:Nr,fontSize:20,color:_,fontWeight:700,letterSpacing:"0.15em",textTransform:"uppercase"},children:"LIMITED SPOTS"})}),e.jsx("h1",{style:{fontFamily:q,fontSize:105,color:_,lineHeight:.92,whiteSpace:"pre-line",marginBottom:32,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:80,height:3,background:ne,marginBottom:32}}),e.jsx("p",{style:{color:xt,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:780,marginBottom:56},children:t.subtitle}),e.jsx("div",{style:{padding:"22px 72px",background:"transparent",border:`3px solid ${ne}`,borderRadius:8},children:e.jsx("span",{style:{fontFamily:q,fontSize:40,color:ne,letterSpacing:"0.2em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:20,marginTop:28},children:t.url})]}),e.jsx("img",{src:k,alt:"",style:{height:32,opacity:.15,position:"absolute",bottom:50,left:"50%",transform:"translateX(-50%)"}})]}),zr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:ne},children:[e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 30%, hsla(32,100%,70%,0.3) 0%, transparent 60%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 60px"},children:[e.jsx("img",{src:Qe,alt:"",style:{height:72,marginBottom:56,filter:"brightness(10)"}}),e.jsx("h1",{style:{fontFamily:q,fontSize:115,color:_,lineHeight:.9,whiteSpace:"pre-line",marginBottom:40,transform:"scaleY(1.2)",textShadow:"0 4px 20px rgba(0,0,0,0.15)"},children:t.headline}),e.jsx("p",{style:{color:"hsla(0,0%,100%,0.8)",fontSize:30,fontWeight:300,lineHeight:1.5,maxWidth:800,marginBottom:56},children:t.subtitle}),e.jsx("div",{style:{padding:"22px 72px",background:_,borderRadius:8},children:e.jsx("span",{style:{fontFamily:q,fontSize:38,color:ne,letterSpacing:"0.15em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,100%,0.5)",fontSize:20,marginTop:28},children:t.url})]})]}),Ir=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ys},children:[e.jsx("img",{src:s,alt:"",style:U(.12,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:`radial-gradient(ellipse at 50% 50%, ${It}18 0%, transparent 60%)`}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 60px"},children:[e.jsx("img",{src:Xt,alt:"",style:{height:80,marginBottom:56,filter:"drop-shadow(0 0 30px rgba(56,140,137,0.3))"}}),e.jsx("h1",{style:{fontFamily:q,fontSize:105,color:_,lineHeight:.92,whiteSpace:"pre-line",marginBottom:36,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:100,height:3,background:It,marginBottom:36}}),e.jsx("p",{style:{color:ll,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:780,marginBottom:56},children:t.subtitle}),e.jsx("div",{style:{padding:"22px 72px",background:It,borderRadius:8,boxShadow:"0 8px 40px rgba(56,140,137,0.3)"},children:e.jsx("span",{style:{fontFamily:q,fontSize:38,color:_,letterSpacing:"0.15em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:20,marginTop:28},children:t.url})]})]}),Rr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ys},children:[e.jsx("img",{src:s,alt:"",style:U(.08,l)}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center",style:{left:60,right:60,top:Te+60,height:qe-120,background:ll,borderRadius:20},children:[e.jsx("img",{src:Qe,alt:"",style:{height:48,marginBottom:32}}),e.jsx("h1",{style:{fontFamily:q,fontSize:80,color:Ys,lineHeight:.9,whiteSpace:"pre-line",textAlign:"center",transform:"scaleY(1.15)",padding:"0 40px",marginBottom:20},children:t.headline}),e.jsx("div",{style:{width:60,height:3,background:It,marginBottom:24}}),e.jsx("p",{style:{color:"hsla(0,0%,15%,0.55)",fontSize:22,fontWeight:300,lineHeight:1.5,maxWidth:680,textAlign:"center",padding:"0 40px",marginBottom:32},children:t.subtitle}),e.jsx("div",{style:{background:_,borderRadius:16,padding:16,marginBottom:28,boxShadow:"0 4px 20px rgba(0,0,0,0.08)"},children:e.jsx("img",{src:Ui,alt:"",style:{width:200,height:200}})}),e.jsxs("p",{style:{fontFamily:q,fontSize:28,color:It,letterSpacing:"0.15em"},children:["SCAN TO ",t.cta]}),t.url.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,15%,0.35)",fontSize:16,marginTop:12},children:t.url})]})]}),Br=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vt},children:[e.jsx("img",{src:s,alt:"",style:U(.12,l)}),e.jsx("div",{className:"absolute",style:{left:"50%",top:"50%",transform:"translate(-50%, -50%)",width:700,height:700,borderRadius:"50%",border:`2px solid ${ne}33`,boxShadow:`0 0 100px 20px ${ne}15, inset 0 0 100px 20px ${ne}08`}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 60px"},children:[e.jsx("img",{src:Qe,alt:"",style:{height:64,marginBottom:56,filter:"drop-shadow(0 0 20px rgba(255,145,0,0.3))"}}),e.jsx("h1",{style:{fontFamily:q,fontSize:100,color:_,lineHeight:.92,whiteSpace:"pre-line",marginBottom:32,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:xt,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:780,marginBottom:48},children:t.subtitle}),e.jsx("div",{style:{padding:"22px 72px",background:ne,borderRadius:60,boxShadow:`0 0 40px ${ne}55`},children:e.jsx("span",{style:{fontFamily:q,fontSize:38,color:_,letterSpacing:"0.15em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:20,marginTop:28},children:t.url})]})]}),Ar=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vt},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.9) 100%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center",style:{left:60,right:60,top:Te+80,height:qe-160,background:"hsla(0,0%,100%,0.97)",borderRadius:20},children:[e.jsx("img",{src:Qe,alt:"",style:{height:56,marginBottom:40}}),e.jsx("h1",{style:{fontFamily:q,fontSize:88,color:Vt,lineHeight:.9,whiteSpace:"pre-line",textAlign:"center",transform:"scaleY(1.15)",padding:"0 40px",marginBottom:28},children:t.headline}),e.jsx("div",{style:{width:60,height:3,background:ne,marginBottom:28}}
78),e.jsx("p",{style:{color:"hsla(0,0%,0%,0.5)",fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:700,textAlign:"center",padding:"0 40px",marginBottom:48},children:t.subtitle}),e.jsx("div",{style:{padding:"20px 64px",background:ne,borderRadius:8},children:e.jsx("span",{style:{fontFamily:q,fontSize:34,color:_,letterSpacing:"0.2em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,0%,0.3)",fontSize:20,marginTop:24},children:t.url})]})]}),Hr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ys},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute",style:{left:"-10%",right:"-10%",top:"55%",height:200,background:ne,transform:"rotate(-6deg)",transformOrigin:"center"}}),e.jsxs("div",{className:"absolute flex flex-col justify-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 80px"},children:[e.jsx("img",{src:k,alt:"",style:{height:40,marginBottom:48,alignSelf:"flex-start"}}),e.jsx("h1",{style:{fontFamily:q,fontSize:110,color:_,lineHeight:.88,whiteSpace:"pre-line",marginBottom:40,transform:"scaleY(1.2)"},children:t.headline}),e.jsx("p",{style:{color:ll,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:750,marginBottom:56},children:t.subtitle}),e.jsx("div",{style:{display:"inline-flex",padding:"20px 64px",background:"transparent",border:`3px solid ${_}`,borderRadius:8,alignSelf:"flex-start"},children:e.jsx("span",{style:{fontFamily:q,fontSize:36,color:_,letterSpacing:"0.2em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:20,marginTop:24},children:t.url})]})]}),Or=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:It},children:[e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 30%, hsla(175,45%,50%,0.3) 0%, transparent 60%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 60px"},children:[e.jsx("img",{src:k,alt:"",style:{height:56,marginBottom:56,filter:"brightness(10)"}}),e.jsx("h1",{style:{fontFamily:q,fontSize:110,color:_,lineHeight:.9,whiteSpace:"pre-line",marginBottom:36,transform:"scaleY(1.2)",textShadow:"0 4px 20px rgba(0,0,0,0.15)"},children:t.headline}),e.jsx("p",{style:{color:"hsla(0,0%,100%,0.75)",fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:800,marginBottom:56},children:t.subtitle}),e.jsx("div",{style:{padding:"22px 72px",background:_,borderRadius:8},children:e.jsx("span",{style:{fontFamily:q,fontSize:38,color:It,letterSpacing:"0.15em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,100%,0.4)",fontSize:20,marginTop:28},children:t.url})]})]}),$r=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vt},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.6) 50%, rgba(10,10,10,0.95) 100%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 70px"},children:[e.jsx("div",{className:"flex gap-8 mb-12",style:{marginBottom:56},children:[{val:"30%",label:"MORE REVENUE"},{val:"5Ã",label:"FASTER RESPONSE"},{val:"97%",label:"DELIVERY RATE"}].map((n,i)=>e.jsxs("div",{className:"flex flex-col items-center",style:{minWidth:200},children:[e.jsx("span",{style:{fontFamily:q,fontSize:72,color:ne,lineHeight:1},children:n.val}),e.jsx("span",{style:{color:xt,fontSize:16,letterSpacing:"0.2em",marginTop:8,textTransform:"uppercase"},children:n.label})]},i))}),e.jsx("div",{style:{width:600,height:2,background:`linear-gradient(90deg, transparent, ${ne}55, transparent)`,marginBottom:48}}),e.jsx("h1",{style:{fontFamily:q,fontSize:90,color:_,lineHeight:.92,whiteSpace:"pre-line",marginBottom:32,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:xt,fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:780,marginBottom:48},children:t.subtitle}),e.jsx("div",{style:{padding:"20px 72px",background:ne,borderRadius:8},children:e.jsx("span",{style:{fontFamily:q,fontSize:36,color:_,letterSpacing:"0.15em"},children:t.cta})})]})]}),Wr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ys},children:[e.jsx("img",{src:s,alt:"",style:U(.08,l)}),e.jsx("div",{className:"absolute",style:{left:0,width:6,top:Te+80,bottom:tl-Te-qe+80,background:It}}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center text-center",style:{left:0,right:0,top:Te,height:qe,padding:"60px 70px"},children:[e.jsx("h1",{style:{fontFamily:q,fontSize:95,color:_,lineHeight:.92,whiteSpace:"pre-line",marginBottom:28,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:ll,fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:750,marginBottom:48},children:t.subtitle}),e.jsx("div",{style:{background:ll,borderRadius:16,padding:20,marginBottom:40},children:e.jsx("img",{src:Ui,alt:"",style:{width:220,height:220}})}),e.jsxs("p",{style:{fontFamily:q,fontSize:32,color:It,letterSpacing:"0.15em"},children:["SCAN TO ",t.cta]}),t.url.trim()&&e.jsx("p",{style:{color:Oe,fontSize:18,marginTop:16},children:t.url})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.15,position:"absolute",bottom:50,left:"50%",transform:"translateX(-50%)"}})]}),Dr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Ys},children:[e.jsx("img",{src:s,alt:"",style:U(.08,l)}),e.jsxs("div",{className:"absolute flex flex-col items-center justify-center",style:{left:60,right:60,top:Te+60,height:qe-120,background:ll,borderRadius:20},children:[e.jsx("img",{src:Qe,alt:"",style:{height:56,marginBottom:40}}),e.jsx("h1",{style:{fontFamily:q,fontSize:88,color:Ys,lineHeight:.9,whiteSpace:"pre-line",textAlign:"center",transform:"scaleY(1.15)",padding:"0 40px",marginBottom:24},children:t.headline}),e.jsx("div",{style:{width:60,height:3,background:It,marginBottom:24}}),e.jsx("p",{style:{color:"hsla(0,0%,15%,0.55)",fontSize:24,fontWeight:300,lineHeight:1.5,maxWidth:680,textAlign:"center",padding:"0 40px",marginBottom:48},children:t.subtitle}),e.jsx("div",{style:{padding:"20px 64px",background:It,borderRadius:8,boxShadow:"0 6px 30px rgba(56,140,137,0.3)"},children:e.jsx("span",{style:{fontFamily:q,fontSize:34,color:_,letterSpacing:"0.2em"},children:t.cta})}),t.url.trim()&&e.jsx("p",{style:{color:"hsla(0,0%,15%,0.35)",fontSize:18,marginTop:24},children:t.url})]})]}),Mr=[gt,ys,Ds,Et,Al,Hl,gt,Ds,ys,Et,Al,Hl,Ds,Et],fl=[{id:1,label:"Big CTA Button",Component:Tr,defaultBg:0},{id:2,label:"Left Editorial CTA",Component:Fr,defaultBg:1},{id:3,label:"Urgency Badge",Component:Er,defaultBg:2},{id:4,label:"Full Orange CTA",Component:zr,defaultBg:3},{id:5,label:"Teal Logo CTA",Component:Ir,defaultBg:4},{id:6,label:"Cool Gray QR",Component:Rr,defaultBg:5},{id:8,label:"Glowing Ring",Component:Br,defaultBg:7},{id:9,label:"White Card CTA",Component:Ar,defaultBg:8},{id:10,label:"Diagonal Slash",Component:Hr,defaultBg:9},{id:11,label:"Full Teal CTA",Component:Or,defaultBg:10},{id:12,label:"Stats + CTA",Component:$r,defaultBg:11},{id:13,label:"Teal QR Card",Component:Wr,defaultBg:12},{id:14,label:"Cool Gray Card CTA",Component:Dr,defaultBg:13}],Lr=()=>
78{const[t,s]=d.useState(0),[l,n]=d.useState({...Cr}),[i,h]=d.useState(!0),[a,r]=d.useState(null),[m,b]=d.useState(Ut),v=d.useRef(null),f=d.useRef(null),[j,g]=d.useState(!1),[S,z]=d.useState(""),T=fl[t],E=T.Component,c=a||Mr[T.defaultBg],x=N=>{var Ae;const $=(Ae=N.target.files)==null?void 0:Ae[0];if(!$)return;const D=new FileReader;D.onload=At=>{var as;r((as=At.target)==null?void 0:as.result),b(Ut)},D.readAsDataURL($)},p=()=>{r(null),b(Ut),f.current&&(f.current.value="")},u=()=>s(N=>Math.min(N+1,fl.length-1)),w=()=>s(N=>Math.max(N-1,0)),C=(N,$)=>{n(D=>({...D,[N]:$}))},J=async()=>{if(v.current){g(!0);try{const N=i;h(!1),await new Promise(Ae=>setTimeout(Ae,100));const $=await lt(v.current,{width:no,height:tl,pixelRatio:2,backgroundColor:Vt});h(N);const D=document.createElement("a");D.download=S.trim()?`${S.trim().replace(/\s+/g,"-")}.png`:`chiirp-end-card-${T.label.replace(/\s+/g,"-").toLowerCase()}.png`,D.href=$,D.click()}finally{g(!1)}}};return e.jsxs("div",{style:{background:Vt,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:Oe,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"End Card Generator"}),e.jsxs("h2",{style:{fontFamily:q,fontSize:64,color:_,lineHeight:1},children:["END CARD ",e.jsx("span",{style:{color:ne},children:"CTA"})]}),e.jsx("p",{style:{color:xt,fontSize:18,marginTop:12,maxWidth:560,margin:"12px auto 0"},children:"High-impact call-to-action cards for video endings. Edit fields below and download."})]}),e.jsxs("div",{className:"flex flex-col lg:flex-row items-start justify-center gap-8",style:{padding:"0 40px",maxWidth:1200,margin:"0 auto"},children:[e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsx("div",{style:{transform:"scale(0.35)",transformOrigin:"top center",marginBottom:-tl*.65},children:e.jsx("div",{className:"rounded-xl overflow-hidden shadow-2xl relative",style:{border:"1px solid hsla(0,0%,100%,0.08)"},children:e.jsxs("div",{ref:v,style:{width:no,height:tl,position:"relative",overflow:"hidden",background:Vt},children:[e.jsx(E,{fields:l,bgSrc:c,bgAdjust:m}),i&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"absolute pointer-events-none",style:{left:0,right:0,top:0,height:Te,background:"hsla(0, 100%, 50%, 0.08)",borderBottom:"2px dashed hsla(0, 100%, 60%, 0.4)"}}),e.jsx("div",{className:"absolute pointer-events-none",style:{left:0,right:0,bottom:0,height:kr,background:"hsla(0, 100%, 50%, 0.08)",borderTop:"2px dashed hsla(0, 100%, 60%, 0.4)"}}),e.jsx("div",{className:"absolute pointer-events-none",style:{left:16,top:Te+8,color:"hsla(0, 100%, 60%, 0.5)",fontSize:18,fontFamily:"monospace"},children:"4Ã5 safe zone"})]})]})})}),e.jsxs("div",{className:"flex items-center gap-6 mt-8",children:[e.jsx("button",{onClick:w,disabled:t===0,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:_,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(it,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{style:{fontFamily:q,fontSize:28,color:ne},children:t+1}),e.jsx("span",{style:{color:Oe,fontSize:16},children:"/"}),e.jsx("span",{style:{fontFamily:q,fontSize:28,color:Oe},children:fl.length})]}),e.jsx("button",{onClick:u,disabled:t===fl.length-1,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:_,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(ge,{className:"w-5 h-5"})})]}),e.jsx("p",{style:{color:xt,fontSize:16,marginTop:12,letterSpacing:"0.1em"},children:T.label}),e.jsxs("div",{className:"flex gap-3 mt-4",children:[e.jsxs("button",{onClick:()=>h(!i),className:"flex items-center gap-2 px-4 py-2 rounded-full text-sm transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.08)",color:xt,border:"1px solid hsla(0,0%,100%,0.1)"},children:[i?e.jsx(Co,{className:"w-4 h-4"}):e.jsx(To,{className:"w-4 h-4"}),i?"Hide Guide":"Show Guide"]}),e.jsxs("button",{onClick:J,disabled:j,className:"flex items-center gap-2 px-5 py-2 rounded-full text-sm font-medium transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.08)",color:xt,backdropFilter:"blur(8px)",border:"1px solid hsla(0,0%,100%,0.1)"},children:[j?e.jsx(Ll,{className:"w-4 h-4 animate-spin"}):e.jsx(ve,{className:"w-4 h-4"}),j?"Exporting...":"Download PNG"]})]}),e.jsx("div",{className:"flex gap-2 mt-6 flex-wrap justify-center max-w-[320px]",children:fl.map((N,$)=>e.jsx("button",{onClick:()=>s($),className:"rounded-full transition-all",style:{width:t===$?24:8,height:8,background:t===$?ne:"hsla(0,0%,98%,0.2)"}},N.id))})]}),e.jsxs("div",{className:"w-full lg:w-80 flex flex-col gap-4",style:{marginTop:16},children:[e.jsxs("h3",{style:{fontFamily:q,fontSize:32,color:_,marginBottom:8},children:["EDIT ",e.jsx("span",{style:{color:ne},children:"END CARD"})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Oe,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"File Name"}),e.jsx("input",{type:"text",value:S,onChange:N=>
78z(N.target.value),placeholder:"e.g. my-end-card",className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:_,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Oe,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Headline"}),e.jsx("textarea",{value:l.headline,onChange:N=>C("headline",N.target.value),rows:3,className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1 resize-none",style:{background:"hsla(0,0%,98%,0.06)",color:_,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Oe,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Subtitle"}),e.jsx("input",{type:"text",value:l.subtitle,onChange:N=>C("subtitle",N.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:_,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Oe,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"CTA Button Text"}),e.jsx("input",{type:"text",value:l.cta,onChange:N=>C("cta",N.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:_,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Oe,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"URL / Link Text"}),e.jsx("input",{type:"text",value:l.url,onChange:N=>C("url",N.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:_,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Oe,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6}
78,children:"Background Image"}),e.jsx("input",{ref:f,type:"file",accept:"image/*",onChange:x,className:"hidden",id:"endcard-bg-upload"}),a?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex-1 rounded overflow-hidden",style:{border:"1px solid hsla(0,0%,100%,0.1)",height:56},children:e.jsx("img",{src:a,alt:"Custom bg",className:"w-full h-full object-cover"})}),e.jsx("button",{onClick:p,className:"p-2 rounded-full transition-all hover:scale-110",style:{background:"hsla(0,0%,98%,0.08)",color:xt,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(Gi,{className:"w-4 h-4"})})]}):e.jsxs("button",{onClick:()=>{var N;return(N=f.current)==null?void 0:N.click()},className:"w-full flex items-center justify-center gap-2 rounded px-3 py-3 text-sm transition-all hover:scale-[1.02]",style:{background:"hsla(0,0%,98%,0.06)",color:xt,border:"1px dashed hsla(0,0%,100%,0.15)"},children:[e.jsx(qi,{className:"w-4 h-4"}),"Upload Custom Background"]})]}),a&&e.jsx(gi,{bgAdjust:m,onChange:b}),e.jsxs("p",{style:{color:Oe,fontSize:12,marginTop:8,lineHeight:1.6},children:["CTA-focused end cards for video outros. Text stays in the ",e.jsx("span",{style:{color:ne},children:"4Ã5 safe zone"}),". Toggle guide to verify."]})]})]})]})},oe="#ff9100",yl="#388c89",Vl="#202328",re="hsl(0 0% 98%)",_e="hsla(0, 0%, 98%, 0.5)",Mt="hsla(0, 0%, 98%, 0.35)",tt="#0a0a0a",ue="'Bebas Neue', sans-serif",ul=1920,_l=1080,Pr={headline:`THE AI THAT 79ACTUALLY CONVERTS`,subtitle:"Stop losing revenue to missed follow-ups",tag:"CHIIRP AI",cta:"WATCH NOW"},Gr=[gt,Ds,Et,Al,Hl,Rn,nl,Wn],Ur=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.3,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.7) 45%, transparent 100%)"}}),e.jsx("div",{className:"absolute inset-0 flex items-center",style:{padding:"0 100px"},children:e.jsxs("div",{style:{maxWidth:900},children:[t.tag.trim()&&e.jsx("p",{style:{color:oe,fontSize:22,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:600,marginBottom:24},children:t.tag}),e.jsx("h1",{style:{fontFamily:ue,fontSize:120,color:re,lineHeight:.92,whiteSpace:"pre-line",marginBottom:28,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:_e,fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:600,marginBottom:t.cta.trim()?40:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{display:"inline-flex",alignItems:"center",gap:16,padding:"16px 48px",background:oe,borderRadius:4},children:e.jsx("span",{style:{fontFamily:ue,fontSize:28,color:re,letterSpacing:"0.15em"},children:t.cta})})]})}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.3,position:"absolute",bottom:40,right:60}})]}),Yr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 80% 70% at 50% 50%, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.95) 100%)"}}),e.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center text-center",style:{padding:"60px 120px"},children:[t.tag.trim()&&e.jsx("div",{style:{padding:"8px 32px",border:`2px solid ${oe}`,borderRadius:4,marginBottom:32},children:e.jsx("span",{style:{color:oe,fontSize:18,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:700},children:t.tag})}),e.jsx("h1",{style:{fontFamily:ue,fontSize:140,color:re,lineHeight:.88,whiteSpace:"pre-line",marginBottom:24,transform:"scaleY(1.2)"},children:t.headline}),e.jsx("div",{style:{width:100,height:4,background:oe,marginBottom:24}}),e.jsx("p",{style:{color:_e,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:800},children:t.subtitle})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.25,position:"absolute",bottom:40,left:"50%",transform:"translateX(-50%)"}})]}),Vr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.25,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(135deg, rgba(10,10,10,0.92) 0%, rgba(10,10,10,0.6) 60%, transparent 100%)"}}),e.jsx("div",{className:"absolute",style:{left:0,top:0,bottom:0,width:8,background:oe}}),e.jsxs("div",{className:"absolute inset-0 flex flex-col justify-center",style:{padding:"0 120px 0 80px"},children:[t.tag.trim()&&e.jsxs("p",{style:{color:oe,fontSize:20,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:600,marginBottom:20},children:["â",t.tag]}),e.jsx("h1",{style:{fontFamily:ue,fontSize:130,color:re,lineHeight:.9,whiteSpace:"pre-line",marginBottom:24,transform:"scaleY(1.18)"},children:t.headline}),e.jsx("p",{style:{color:_e,fontSize:24,fontWeight:300,lineHeight:1.6,maxWidth:650,marginBottom:t.cta.trim()?36:0},children:t.subtitle}),t.cta.trim()&&e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:12},children:[e.jsx("div",{style:{width:48,height:48,borderRadius:"50%",background:oe,display:"flex",alignItems:"center",justifyContent:"center"}
79,children:e.jsx("div",{style:{width:0,height:0,borderTop:"10px solid transparent",borderBottom:"10px solid transparent",borderLeft:`16px solid ${re}`,marginLeft:3}})}),e.jsx("span",{style:{fontFamily:ue,fontSize:26,color:re,letterSpacing:"0.1em"},children:t.cta})]})]}),e.jsx("img",{src:Qe,alt:"",style:{height:60,opacity:.15,position:"absolute",bottom:40,right:60}})]}),_r=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.35,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(115deg, rgba(10,10,10,0.97) 0%, rgba(10,10,10,0.97) 48%, transparent 48.5%, transparent 100%)"}}),e.jsxs("div",{className:"absolute inset-0 flex flex-col justify-center",style:{padding:"0 100px",maxWidth:880},children:[t.tag.trim()&&e.jsxs("div",{style:{display:"inline-flex",alignItems:"center",gap:12,marginBottom:24},children:[e.jsx("div",{style:{width:40,height:3,background:oe}}),e.jsx("span",{style:{color:oe,fontSize:18,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700},children:t.tag})]}),e.jsx("h1",{style:{fontFamily:ue,fontSize:110,color:re,lineHeight:.92,whiteSpace:"pre-line",marginBottom:20,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:_e,fontSize:24,fontWeight:300,lineHeight:1.5,maxWidth:550,marginBottom:t.cta.trim()?36:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"14px 44px",background:oe,borderRadius:4,display:"inline-flex"},children:e.jsx("span",{style:{fontFamily:ue,fontSize:26,color:re,letterSpacing:"0.15em"},children:t.cta})})]}),e.jsx("img",{src:k,alt:"",style:{height:24,opacity:.25,position:"absolute",bottom:36,left:100}})]}),Kr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:Vl},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(180deg, ${Vl}ee 0%, ${Vl}bb 50%, ${Vl}ee 100%)`}}),e.jsx("div",{className:"absolute",style:{right:-100,top:-100,width:500,height:500,borderRadius:"50%",background:`radial-gradient(circle, ${yl}33 0%, transparent 70%)`}}),e.jsx("div",{className:"absolute inset-0 flex items-center",style:{padding:"0 100px"},children:e.jsxs("div",{style:{maxWidth:1e3},children:[t.tag.trim()&&e.jsx("p",{style:{color:yl,fontSize:20,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:700,marginBottom:20},children:t.tag}),e.jsx("h1",{style:{fontFamily:ue,fontSize:120,color:re,lineHeight:.9,whiteSpace:"pre-line",marginBottom:24,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:80,height:4,background:yl,marginBottom:24}}),e.jsx("p",{style:{color:_e,fontSize:26,fontWeight:300,lineHeight:1.5,maxWidth:650,marginBottom:t.cta.trim()?36:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"14px 48px",border:`2px solid ${yl}`,borderRadius:4,display:"inline-flex"},children:e.jsx("span",{style:{fontFamily:ue,fontSize:26,color:yl,letterSpacing:"0.15em"},children:t.cta})})]})}),e.jsx("img",{src:Xt,alt:"",style:{height:32,opacity:.3,position:"absolute",bottom:40,right:60}})]}),Xr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.5,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(0deg, rgba(10,10,10,0.95) 0%, rgba(10,10,10,0.3) 40%, rgba(10,10,10,0.3) 60%, rgba(10,10,10,0.8) 100%)"}}),e.jsxs("div",{className:"absolute flex flex-col items-start justify-end",style:{inset:0,padding:"0 100px 80px"},children:[t.tag.trim()&&e.jsx("p",{style:{color:oe,fontSize:20,letterSpacing:"0.35em",textTransform:"uppercase",fontWeight:600,marginBottom:16},children:t.tag}),e.jsx("h1",{style:{fontFamily:ue,fontSize:130,color:re,lineHeight:.9,whiteSpace:"pre-line",marginBottom:16,transform:"scaleY(1.2)"},children:t.headline}),e.jsx("p",{style:{color:_e,fontSize:26,fontWeight:300,maxWidth:700},children:t.subtitle})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.3,position:"absolute",top:40,right:60}})]}),qr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.4,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(135deg, ${oe}dd 0%, ${oe}88 40%, transparent 70%)`}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, rgba(10,10,10,0.4) 0%, transparent 100%)"}}),e.jsxs("div",{className:"absolute inset-0 flex flex-col justify-center",style:{padding:"0 100px"},children:[e.jsx("h1",{style:{fontFamily:ue,fontSize:130,color:re,lineHeight:.9,whiteSpace:"pre-line",marginBottom:20,transform:"scaleY(1.2)",textShadow:"0 4px 30px rgba(0,0,0,0.5)"},children:t.headline}),e.jsx("p",{style:{color:"hsla(0,0%,100%,0.85)",fontSize:28,fontWeight:400,lineHeight:1.4,maxWidth:700,marginBottom:t.cta.trim()?36:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"16px 52px",background:re,borderRadius:4,display:"inline-flex"},children:e.jsx("span",{style:{fontFamily:ue,fontSize:28,color:tt,letterSpacing:"0.15em"},children:t.cta})})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.5,position:"absolute",bottom:40,right:60}})]}),Jr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.15,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:`${tt}ee`}}),e.jsx("div",{className:"absolute",style:{left:40,top:40,right:40,bottom:40,border:"1px solid hsla(0,0%,100%,0.12)",borderRadius:8}}),e.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center text-center",style:{padding:"60px 140px"},children:[e.jsx("img",{src:Qe,alt:"",style:{height:48,opacity:.5,marginBottom:32}}),t.tag.trim()&&e.jsx("p",{style:{color:Mt,fontSize:18,letterSpacing:"0.4em",textTransform:"uppercase",fontWeight:400,marginBottom:24},children:t.tag}),e.jsx("h1",{style:{fontFamily:ue,fontSize:120,color:re,lineHeight:.9,whiteSpace:"pre-line",marginBottom:24,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("p",{style:{color:_e,fontSize:24,fontWeight:300,lineHeight:1.5,maxWidth:700,marginBottom:t.cta.trim()?36:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"12px 48px",border:"1px solid hsla(0,0%,100%,0.2)",borderRadius:4},children:e.jsx("span",{style:{fontFamily:ue,fontSize:24,color:_e,letterSpacing:"0.2em"},children:t.cta})})]})]}),Qr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsxs("div",{className:"absolute overflow-hidden",style:{right:0,top:0,bottom:0,width:"50%"},children:[e.jsx("img",{src:s,alt:"",style:{...U(.6,l),position:"absolute"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, rgba(10,10,10,1) 0%, rgba(10,10,10,0.3) 30%, transparent 100%)"}})]}),e.jsxs("div",{className:"absolute flex flex-col justify-center",style:{left:0,top:0,bottom:0,width:"55%",padding:"0 100px"},children:[t.tag.trim()&&e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,marginBottom:24},children:[e.jsx("img",{src:Qe,alt:"",style:{height:24,opacity:.6}}),e.jsx("span",{style:{color:oe,fontSize:18,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700},children:t.tag})]}),e.jsx("h1",{style:{fontFamily:ue,fontSize:110,color:re,lineHeight:.9,whiteSpace:"pre-line",marginBottom:20,transform:"scaleY(1.15)"},children:t.headline}),e.jsx("div",{style:{width:60,height:3,background:oe,marginBottom:20}}),e.jsx("p",{style:{color:_e,fontSize:24,fontWeight:300,lineHeight:1.5,maxWidth:500,marginBottom:t.cta.trim()?32:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"14px 44px",background:oe,borderRadius:4,display:"inline-flex"},children:e.jsx("span",{style:{fontFamily:ue,fontSize:24,color:re,letterSpacing:"0.15em"},children:t.cta})})]})]}
79),Zr=({fields:t,bgSrc:s,bgAdjust:l})=>e.jsxs("div",{className:"w-full h-full relative overflow-hidden",style:{background:tt},children:[e.jsx("img",{src:s,alt:"",style:U(.2,l)}),e.jsx("div",{className:"absolute inset-0",style:{background:`radial-gradient(ellipse 60% 80% at 50% 50%, ${oe}15 0%, transparent 60%)`}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 100% 100% at 50% 100%, rgba(10,10,10,0.95) 0%, transparent 60%)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 100% 100% at 50% 0%, rgba(10,10,10,0.9) 0%, transparent 50%)"}}),e.jsxs("div",{className:"absolute inset-0 flex flex-col items-center justify-center text-center",style:{padding:"60px 120px"},children:[t.tag.trim()&&e.jsxs("p",{style:{color:oe,fontSize:22,letterSpacing:"0.5em",textTransform:"uppercase",fontWeight:800,marginBottom:28},children:["â
",t.tag," â
"]}),e.jsx("h1",{style:{fontFamily:ue,fontSize:140,color:re,lineHeight:.88,whiteSpace:"pre-line",marginBottom:20,transform:"scaleY(1.2)",textShadow:`0 0 60px ${oe}44`},children:t.headline}),e.jsx("p",{style:{color:_e,fontSize:28,fontWeight:300,lineHeight:1.5,maxWidth:800,marginBottom:t.cta.trim()?40:0},children:t.subtitle}),t.cta.trim()&&e.jsx("div",{style:{padding:"16px 56px",background:`linear-gradient(135deg, ${oe}, #ff6a00)`,borderRadius:50,display:"inline-flex",boxShadow:`0 0 30px ${oe}66`},children:e.jsx("span",{style:{fontFamily:ue,fontSize:28,color:re,letterSpacing:"0.15em"},children:t.cta})})]}),e.jsx("img",{src:k,alt:"",style:{height:28,opacity:.2,position:"absolute",bottom:36,left:"50%",transform:"translateX(-50%)"}})]}),bl=[{id:1,label:"Bold Split",Component:Ur,defaultBg:1},{id:2,label:"Centered Impact",Component:Yr,defaultBg:0},{id:3,label:"Orange Bar Left",Component:Vr,defaultBg:2},{id:4,label:"Diagonal Slice",Component:_r,defaultBg:3},{id:5,label:"Teal Accent",Component:Kr,defaultBg:5},{id:6,label:"Full Bleed Drama",Component:Xr,defaultBg:4},{id:7,label:"Orange Overlay",Component:qr,defaultBg:7},{id:8,label:"Minimal Border",Component:Jr,defaultBg:0},{id:9,label:"Split Two-Tone",Component:Qr,defaultBg:1},{id:10,label:"Spotlight Glow",Component:Zr,defaultBg:6}],ec=()=>{const[t,s]=d.useState(0),[l,n]=d.useState({...Pr}),[i,h]=d.useState(null),[a,r]=d.useState(Ut),m=d.useRef(null),b=d.useRef(null),[v,f]=d.useState(!1),j=bl[t],g=j.Component,S=i||Gr[j.defaultBg],z=u=>{var J;const w=(J=u.target.files)==null?void 0:J[0];if(!w)return;const C=new FileReader;C.onload=N=>{var $;h(($=N.target)==null?void 0:$.result),r(Ut)},C.readAsDataURL(w)},T=()=>{h(null),r(Ut),b.current&&(b.current.value="")},E=()=>s(u=>Math.min(u+1,bl.length-1)),c=()=>s(u=>Math.max(u-1,0)),x=(u,w)=>{n(C=>({...C,[u]:w}))},p=async()=>{if(m.current){f(!0);try{const u=m.current,w=u.style.transform,C=u.style.width,J=u.style.height;u.style.transform="none",u.style.width=`${ul}px`,u.style.height=`${_l}px`,await new Promise(D=>setTimeout(D,100));const N=await lt(u,{width:ul,height:_l,pixelRatio:2,backgroundColor:tt});u.style.transform=w,u.style.width=C,u.style.height=J;const $=document.createElement("a");$.download=`chiirp-youtube-cover-${j.label.replace(/\s+/g,"-").toLowerCase()}.png`,$.href=N,$.click()}finally{f(!1)}}};return e.jsxs("div",{style:{background:tt,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:Mt,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"YouTube Cover Generator"}),e.jsxs("h2",{style:{fontFamily:ue,fontSize:64,color:re,lineHeight:1},children:["THUMBNAIL ",e.jsx("span",{style:{color:oe},children:"16 Ã 9"})]}),e.jsx("p",{style:{color:_e,fontSize:18,marginTop:12,maxWidth:560,margin:"12px auto 0"},children:"Eye-catching YouTube thumbnails at 1920Ã1080. Edit fields, upload your background, and download."})]}),e.jsxs("div",{className:"flex flex-col lg:flex-row items-start justify-center gap-8",style:{padding:"0 40px",maxWidth:1400,margin:"0 auto"},children:[e.jsxs("div",{className:"flex flex-col items-center flex-1",children:[e.jsx("div",{style:{width:"100%",maxWidth:840},children:e.jsx("div",{className:"rounded-xl overflow-hidden shadow-2xl relative",style:{border:"1px solid hsla(0,0%,100%,0.08)",paddingBottom:`${_l/ul*100}%`},children:e.jsx("div",{ref:m,style:{position:"absolute",inset:0,width:ul,height:_l,transformOrigin:"top left",transform:`scale(${840/ul})`,overflow:"hidden",background:tt},children:e.jsx(g,{fields:l,bgSrc:S,bgAdjust:a})})})}),e.jsxs("div",{className:"flex items-center gap-6 mt-8",children:[e.jsx("button",{onClick:c,disabled:t===0,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:re,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(it,{className:"w-5 h-5"})}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{style:{fontFamily:ue,fontSize:28,color:oe},children:t+1}),e.jsx("span",{style:{color:Mt,fontSize:16},children:"/"}),e.jsx("span",{style:{fontFamily:ue,fontSize:28,color:Mt},children:bl.length})]}),e.jsx("button",{onClick:E,disabled:t===bl.length-1,className:"p-3 rounded-full transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,98%,0.08)",color:re,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(ge,{className:"w-5 h-5"})})]}),e.jsx("p",{style:{color:_e,fontSize:16,marginTop:12,letterSpacing:"0.1em"},children:j.label}),e.jsx("div",{className:"flex gap-3 mt-4",children:e.jsxs("button",{onClick:p,disabled:v,className:"flex items-center gap-2 px-5 py-2 rounded-full text-sm font-medium transition-all hover:scale-105",style:{background:"hsla(0,0%,98%,0.08)",color:_e,backdropFilter:"blur(8px)",border:"1px solid hsla(0,0%,100%,0.1)"},children:[v?e.jsx(Ll,{className:"w-4 h-4 animate-spin"}):e.jsx(ve,{className:"w-4 h-4"}),v?"Exporting...":"Download PNG"]})}),e.jsx("div",{className:"flex gap-2 mt-6",children:bl.map((u,w)=>e.jsx("button",{onClick:()=>s(w),className:"rounded-full transition-all",style:{width:t===w?24:8,he
79ight:8,background:t===w?oe:"hsla(0,0%,98%,0.2)"}},u.id))})]}),e.jsxs("div",{className:"w-full lg:w-80 flex flex-col gap-4",style:{marginTop:16},children:[e.jsxs("h3",{style:{fontFamily:ue,fontSize:32,color:re,marginBottom:8},children:["EDIT ",e.jsx("span",{style:{color:oe},children:"CONTENT"})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Mt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Tag / Series"}),e.jsx("input",{type:"text",value:l.tag,onChange:u=>x("tag",u.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:re,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Mt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Headline"}),e.jsx("textarea",{value:l.headline,onChange:u=>x("headline",u.target.value),rows:3,className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1 resize-none",style:{background:"hsla(0,0%,98%,0.06)",color:re,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Mt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"Subtitle"}),e.jsx("input",{type:"text",value:l.subtitle,onChange:u=>x("subtitle",u.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:re,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Mt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6},children:"CTA Button"}),e.jsx("input",{type:"text",value:l.cta,onChange:u=>x("cta",u.target.value),className:"w-full rounded px-3 py-2 text-sm outline-none focus:ring-1",style:{background:"hsla(0,0%,98%,0.06)",color:re,border:"1px solid hsla(0,0%,100%,0.1)",fontFamily:"'Inter', sans-serif"}})]}),e.jsxs("div",{children:[e.jsx("label",{style:{color:Mt,fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",display:"block",marginBottom:6}
79,children:"Background Image"}),e.jsx("input",{ref:b,type:"file",accept:"image/*",onChange:z,className:"hidden",id:"yt-cover-bg-upload"}),i?e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"flex-1 rounded overflow-hidden",style:{border:"1px solid hsla(0,0%,100%,0.1)",height:56},children:e.jsx("img",{src:i,alt:"Custom bg",className:"w-full h-full object-cover"})}),e.jsx("button",{onClick:T,className:"p-2 rounded-full transition-all hover:scale-110",style:{background:"hsla(0,0%,98%,0.08)",color:_e,border:"1px solid hsla(0,0%,100%,0.1)"},children:e.jsx(Gi,{className:"w-4 h-4"})})]}):e.jsxs("button",{onClick:()=>{var u;return(u=b.current)==null?void 0:u.click()},className:"w-full flex items-center justify-center gap-2 rounded px-3 py-3 text-sm transition-all hover:scale-[1.02]",style:{background:"hsla(0,0%,98%,0.06)",color:_e,border:"1px dashed hsla(0,0%,100%,0.15)"},children:[e.jsx(qi,{className:"w-4 h-4"}),"Upload Custom Background"]})]}),i&&e.jsx(gi,{bgAdjust:a,onChange:r}),e.jsxs("p",{style:{color:Mt,fontSize:12,marginTop:8,lineHeight:1.6},children:["Optimized for ",e.jsx("span",{style:{color:oe},children:"YouTube thumbnails"})," at 1920Ã1080. Bold, high-contrast designs that stand out in search results and suggested videos."]})]})]})]})},F="#f7911e",Ve="hsl(0 0% 98%)",st="hsla(0, 0%, 98%, 0.5)",De="hsla(0, 0%, 98%, 0.35)",js="#0a0a0a",Ie="'Bebas Neue', sans-serif",H="'Inter', sans-serif",tc=({children:t})=>e.jsxs("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:[e.jsx("img",{src:gt,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.18,filter:"brightness(0.5) contrast(1.3) saturate(0.1)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 60% 50% at 50% 40%, rgba(247,145,30,0.06) 0%, transparent 60%)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse 80% 70% at 50% 50%, transparent 30%, rgba(0,0,0,0.85) 100%)"}}),t]}),sc=()=>e.jsx(tc,{children:e.jsxs("div",{className:"relative z-10 flex flex-col items-center justify-between h-full",style:{padding:"8% 6% 12%"},children:[e.jsxs("div",{className:"flex flex-col items-center gap-4",children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:40,opacity:.4}}),e.jsx("div",{style:{width:40,height:1,background:De}})]}),e.jsxs("div",{className:"flex flex-col items-center",children:[e.jsxs("h1",{className:"text-center",style:{fontFamily:Ie,lineHeight:.95,letterSpacing:"0.04em"},children:[e.jsx("span",{style:{fontSize:80,color:De,display:"block",marginBottom:4},children:"THE"}),e.jsx("span",{style:{fontSize:160,color:Ve,display:"block"},children:"REVENUE"}),e.jsx("span",{style:{fontSize:160,color:Ve,display:"block"},children:"OPTIMIZATION"})]}),e.jsx("div",{style:{width:"100%",padding:"18px 0",marginTop:16,background:F,textAlign:"center"},children:e.jsx("span",{style:{fontFamily:Ie,fontSize:100,letterSpacing:"0.12em",color:js,lineHeight:1},children:"PLAYBOOK"})}),e.jsx("p",{className:"uppercase text-center",style:{fontFamily:H,fontSize:20,letterSpacing:"0.35em",color:De,fontWeight:600,marginTop:28},children:"A Strategic Guide"})]}),e.jsx("div",{className:"flex flex-col items-center gap-8",children:e.jsxs("p",{className:"text-center uppercase",style:{fontFamily:H,fontSize:18,letterSpacing:"0.22em",color:st,lineHeight:2,fontWeight:500},children:["How Home Service Companies Capture",e.jsx("br",{}),e.jsx("span",{style:{color:Ve,fontWeight:700,fontSize:20},children:"The Revenue They Already Generated"})]})})]})}),lc=["More Google ads.","More Facebook ads.","More SEO.","More direct mail."],ic=()=>e.jsxs("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:[e.jsx("img",{src:Yi,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.15,filter:"brightness(0.5) contrast(1.3) saturate(0.4)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.85) 100%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full",style:{padding:"140px 160px 100px"},children:[e.jsxs("div",{className:"flex items-center gap-4 mb-20",children:[e.jsx("div",{style:{width:40,height:2,background:F}}),e.jsx("span",{style:{fontFamily:H,fontSize:14,letterSpacing:"0.35em",color:F,fontWeight:700,textTransform:"uppercase"},children:"Chapter 1"})]}),e.jsxs("h1",{style:{fontFamily:Ie,fontSize:160,lineHeight:.88,letterSpacing:"0.02em",color:Ve,marginBottom:60},children:["THE REVENUE",e.jsx("br",{}),e.jsx("span",{style:{color:F},children:"PROBLEM"})]}),e.jsxs("div",{style:{maxWidth:1100,display:"flex",flexDirection:"column",gap:32},children:[e.jsx("p",{style:{fontFamily:H,fontSize:26,lineHeight:1.8,color:st,fontWeight:400},children:"Most home service companies believe they have a lead problem. They believe growth comes from generating more calls, more form submissions, and more traffic."}),e.jsx("p",{style:{fontFamily:H,fontSize:28,lineHeight:1.7,color:Ve,fontWeight:600},children:"So they buy more marketing."}),e.jsx("div",{className:"flex gap-4 flex-wrap",style:{margin:"4px 0"},children:lc.map(t=>e.jsx("span",{style:{fontFamily:H,fontSize:20,color:De,fontWeight:600,padding:"10px 24px",background:"hsla(0,0%,100%,0.03)",border:"1px solid hsla(0,0%,100%,0.06)",borderRadius:8},children:t},t))}),e.jsx("p",{style:{fontFamily:H,fontSize:26,lineHeight:1.8,color:st}
79,children:"And still, growth feels harder than it should. That is because the real problem is usually not lead generation."}),e.jsx("div",{style:{margin:"16px -160px",padding:"36px 160px",background:`linear-gradient(90deg, ${F}15, ${F}08)`,borderLeft:`4px solid ${F}`},children:e.jsxs("p",{style:{fontFamily:Ie,fontSize:64,lineHeight:1,letterSpacing:"0.04em",color:Ve},children:["THE REAL PROBLEM IS ",e.jsx("span",{style:{color:F},children:"REVENUE CAPTURE."})]})}),e.jsx("p",{style:{fontFamily:H,fontSize:26,lineHeight:1.8,color:st},children:"Demand already exists. What most businesses lack is the system required to convert that demand into booked jobs, closed estimates, and repeat customers."})]}),e.jsxs("div",{className:"mt-auto flex items-center justify-between",style:{paddingTop:40},children:[e.jsx("div",{style:{width:60,height:1,background:`linear-gradient(90deg, ${F}40, transparent)`}}),e.jsx("span",{style:{fontFamily:H,fontSize:12,letterSpacing:"0.2em",color:De,fontWeight:500},children:"02"})]})]})]}),Gl=[{num:"01",moment:"When a Lead First Appears",failure:"Slow Response",result:"The customer calls your competitor before you ever pick up the phone. Speed-to-lead is the single most ignored metric in home services."},{num:"02",moment:"After an Estimate Is Delivered",failure:"Weak Follow-Up",result:"The estimate sits in your system untouched. No follow-up. No urgency. The customer moves on and you never know why."},{num:"03",moment:"After the Job Is Complete",failure:"No Continued Relationship",result:"The customer forgets your company existed. No review request. No maintenance reminder. No referral. Gone forever."}],oc=()=>e.jsx("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:e.jsxs("div",{className:"relative z-10 flex flex-col h-full",style:{padding:"100px 120px 60px"},children:[e.jsxs("div",{className:"flex items-center gap-4",style:{marginBottom:40},children:[e.jsx("div",{style:{width:50,height:2,background:F}}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.4em",color:F,fontWeight:700,textTransform:"uppercase"},children:"Chapter Two"})]}),e.jsxs("h1",{style:{fontFamily:Ie,fontSize:140,lineHeight:.88,letterSpacing:"0.02em",color:Ve,marginBottom:40},children:["THE REVENUE",e.jsx("br",{}),e.jsx("span",{style:{color:F},children:"LEAK MAP"})]}),e.jsxs("p",{style:{fontFamily:H,fontSize:24,lineHeight:1.7,color:st,maxWidth:1300,marginBottom:60},children:["Revenue in home services typically disappears at ",e.jsx("span",{style:{color:F,fontWeight:700},children:"three predictable moments"}),". Most businesses focus on generating demand, but the real losses happen after the customer has already shown interest."]}),e.jsx("div",{style:{width:"100%",height:1,background:`${F}20`,marginBottom:60}}),e.jsx("div",{className:"flex-1 flex flex-col",style:{gap:50},children:Gl.map((t,s)=>e.jsxs("div",{className:"flex",style:{gap:40},children:[e.jsx("span",{style:{fontFamily:Ie,fontSize:120,color:`${F}18`,lineHeight:.85,minWidth:100},children:t.num}),e.jsxs("div",{style:{flex:1},children:[e.jsx("h2",{style:{fontFamily:Ie,fontSize:52,color:Ve,letterSpacing:"0.03em",lineHeight:1,marginBottom:8},children:t.moment}),e.jsxs("p",{style:{fontFamily:H,fontSize:14,letterSpacing:"0.25em",color:F,fontWeight:700,textTransform:"uppercase",marginBottom:12},children:["Failure: ",t.failure]}),e.jsx("p",{style:{fontFamily:H,fontSize:22,lineHeight:1.65,color:st},children:t.result})]})]},s))}),e.jsxs("div",{className:"flex items-center justify-between",style:{marginTop:40,paddingTop:20,borderTop:`1px solid ${F}12`},children:[e.jsx("span",{style:{fontFamily:H,fontSize:12,letterSpacing:"0.2em",color:De},children:"THE REVENUE OPTIMIZATION PLAYBOOK"}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.2em",color:De,fontWeight:500},children:"03"})]})]})}),nc=()=>e.jsx("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:e.jsxs("div",{className:"relative z-10 flex flex-col h-full",style:{padding:"90px 100px 60px"},children:[e.jsxs("div",{style:{marginBottom:50},children:[e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.4em",color:F,fontWeight:700,textTransform:"uppercase"},children:"Section 2 â Framework"}),e.jsxs("h1",{style:{fontFamily:Ie,fontSize:130,lineHeight:.9,color:Ve,marginTop:12},children:["THE REVENUE ",e.jsx("span",{style:{color:F},children:"LEAK MAP"})]})]}),e.jsxs("p",{style:{fontFamily:H,fontSize:23,lineHeight:1.65,color:st,marginBottom:50,maxWidth:1350},children:["Revenue disappears at ",e.jsx("span",{style:{color:F,fontWeight:700},children:"three predictable moments"}),". Most companies focus on generating demand â the real losses happen after the customer has already shown interest."]}),e.jsx("div",{className:"flex-1 flex flex-col",style:{gap:20},children:Gl.map((t,s)=>e.jsxs("div",{style:{flex:1,padding:"36px 50px",borderRadius:16,background:`${F}${["08","06","04"][s]}`,borderLeft:`6px solid ${F}`,display:"flex",alignItems:"center",gap:50},children:[e.jsx("span",{style:{fontFamily:Ie,fontSize:90,color:`${F}20`,lineHeight:1,minWidth:90},children:t.num}),e.jsxs("div",{style:{flex:1},children:[e.jsx("h2",{style:{fontFamily:Ie,fontSize:56,color:Ve,letterSpacing:"0.03em",lineHeight:1,marginBottom:6},children:t.moment}),e.jsx("span",{style:{fontFamily:H,fontSize:16,letterSpacing:"0.15em",color:F,fontWeight:700,textTransform:"uppercase"},children:t.failure})]}),e.jsx("p",{style:{fontFamily:H,fontSize:21,lineHeight:1.55,color:st,maxWidth:500},children:t.result})]},s))}),e.jsxs("div",{className:"flex items-center justify-between",style:{marginTop:30},children:[e.jsx("span",{style:{fontFamily:H,fontSize:12,letterSpacing:"0.2em",color:De},children:"THE REVENUE OPTIMIZATION PLAYBOOK"}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.2em",color:De},children:"03"})]})]})}),ac=()=>e.jsx("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:e.jsxs("div",{className:"relative z-10 flex flex-col h-full",style:{padding:"90px 100px 60px"},children:[e.jsxs("div",{style:{marginBottom:50},children:[e.jsxs("div",{className:"flex items-center gap-4",style:{marginBottom:16},children:[e.jsx("div",{style:{width:50,height:2,background:F}}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.4em",color:F,fontWeight:700,textTransform:"uppercase"},children:"Chapter Two"})]}),e.jsxs("h1",{style:{fontFamily:Ie,fontSize:120,lineHeight:.9,color:Ve},children:["THE REVENUE ",e.jsx("span",{style:{color:F},children:"LEAK MAP"})]})]}),e.jsxs("div",{className:"flex flex-1",style:{gap:80},children:[e.jsxs("div",{style:{width:560,flexShrink:0},children:[e.jsxs("p",{style:{fontFamily:H,fontSize:24,lineHeight:1.75,color:st,marginBottom:30},children:["Revenue in home services typically disappears at ",e.jsx("span",{style:{color:F,fontWeight:700},children:"three predictable moments."})]}),e.jsx("p",{style:{fontFamily:H,fontSize:22,lineHeight:1.75,color:De,marginBottom:30},children:"When a lead first appears. After an estimate is delivered. After the job is complete."}),e.jsxs("p",{style:{fontFamily:H,fontSize:22,lineHeight:1.75,color:De},children:["Most businesses focus on generating demand, but the real losses happen ",e.jsx("span",{style:{color:F,fontWeight:600},children:"after the customer has already shown interest."})]}),e.jsx("div",{style:{width:60,height:3,background:F,marginTop:40,opacity:.4}})]}),e.jsx("div",{className:"flex-1 flex flex-col",style:{gap:50},children:Gl.map((t,s)=>e.jsxs("div",{style:{flex:1},children:[e.jsxs("div",{className:"flex items-baseline gap-4",style:{marginBottom:10},children:[e.jsx("span",{style:{fontFamily:Ie,fontSize:64,color:F,lineHeight:1},children:t.num}),e.jsx("h2",{style:{fontFamily:Ie,fontSize:50,color:Ve,letterSpacing:"0.03em",lineHeight:1},children:t.moment})]}),e.jsxs("p",{style:{fontFamily:H,fontSize:16,letterSpacing:"0.2em",color:F,fontWeight:700,textTransform:"uppercase",marginBottom:10,opacity:.7},children:["â ",t.failure]}),e.jsx("p",{style:{fontFamily:H,fontSize:21,lineHeight:1.6,color:st},children:t.result}),s<2&&e.jsx("div",{style:{width:"100%",height:1,background:`${F}10`,marginTop:30}})]},s))})]}),e.jsxs("div",{className:"flex items-center justify-between",style:{marginTop:30,paddingTop:20,borderTop:`1px solid ${F}10`},children:[e.jsx("span",{style:{fontFamily:H,fontSize:12,letterSpacing:"0.2em",color:De},children:"THE REVENUE OPTIMIZATION PLAYBOOK"}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.2em",color:De},children:"03"})]})]})}),rc=()=>e.jsx("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:e.jsxs("div",{className:"relative z-10 flex flex-col items-center h-full text-center",style:{padding:"90px 100px 60px"},children:[e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.45em",color:F,fontWeight:700,textTransform:"uppercase",marginBottom:24},children:"Chapter Two"}),e.jsxs("h1",{style:{fontFamily:Ie,fontSize:140,lineHeight:.88,color:Ve,marginBottom:30},children:["THE REVENUE",e.jsx("br",{}),e.jsx("span",{style:{color:F},children:"LEAK MAP"})]}),e.jsxs("div",{style:{maxWidth:1200,marginBottom:50,padding:"0 40px"},children:[e.jsx("div",{style:{width:60,height:3,background:F,margin:"0 auto 24px",opacity:.5}}),e.jsxs("p",{style:{fontFamily:H,fontSize:26,lineHeight:1.7,color:st,fontStyle:"italic"},children:['"Revenue disappears at three predictable moments. Most businesses focus on generating demand â the real losses happen ',e.jsx("span",{style:{color:F,fontWeight:700,fontStyle:"normal"},children:"after the customer has already shown interest."}),'"']}),e.jsx("div",{style:{width:60,height:3,background:F,margin:"24px auto 0",opacity:.5}})]}),e.jsx("div",{className:"flex-1 flex flex-col justify-center w-full",style:{maxWidth:1300,gap:36},children:Gl.map((t,s)=>e.jsxs("div",{className:"flex items-center text-left",style:{gap:40,padding:"30px 44px",borderRadius:14,background:`${F}04`,borderBottom:`2px solid ${F}15`},children:[e.jsx("span",{style:{fontFamily:Ie,fontSize:80,color:`${F}20`,lineHeight:1,minWidth:80},children:t.num}),e.jsxs("div",{style:{minWidth:320},children:[e.jsx("h2",{style:{fontFamily:Ie,fontSize:48,color:Ve,lineHeight:1,marginBottom:4},children:t.moment}),e.jsx("span",{style:{fontFamily:H,fontSize:15,letterSpacing:"0.15em",color:F,fontWeight:700,textTransform:"uppercase"},children:t.failure})]}),e.jsx("p",{style:{fontFamily:H,fontSize:20,lineHeight:1.55,color:st,flex:1},children:t.result})]},s))}),e.jsxs("div",{className:"flex items-center justify-between w-full",style:{marginTop:30,paddingTop:20,borderTop:`1px solid ${F}10`},children:[e.jsx("span",{style:{fontFamily:H,fontSize:12,letterSpacing:"0.2em",color:De},children:"THE REVENUE OPTIMIZATION PLAYBOOK"}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.2em",color:De},children:"03"})]})]})}),cc=()=>e.jsxs("div",{className:"relative w-full h-full overflow-hidden",style:{background:js},children:[e.jsx("div",{className:"absolute left-0 top-0 bottom-0",style:{width:8,background:`linear-gradient(180deg, ${F}30, ${F}08, ${F}30)`}}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full",style:{padding:"90px 100px 60px 120px"},children:[e.jsxs("div",{style:{marginBottom:50},children:[e.jsx("div",{className:"flex items-center gap-4",style:{marginBottom:16},children:e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.4em",color:F,fontWeight:700,textTransform:"uppercase"},children:"Section 2 â Framework"})}),e.jsxs("h1",{style:{fontFamily:Ie,fontSize:120,lineHeight:.9,color:Ve,marginBottom:20},children:["THE REVENUE ",e.jsx("span",{style:{color:F},children:"LEAK MAP"})]}),e.jsxs("p",{style:{fontFamily:H,fontSize:23,lineHeight:1.65,color:st,maxWidth:1300},children:["Revenue in home services disappears at ",e.jsx("span",{style:{color:F,fontWeight:700},children:"three predictable moments"}),". Most businesses focus on generating demand â the real losses happen after the customer has already shown interest."]})]}),e.jsx("div",{style:{width:120,height:4,background:F,marginBottom:50,borderRadius:2}}),e.jsx("div",{className:"flex-1 flex flex-col",style:{gap:0},children:Gl.map((t,s)=>e.jsxs("div",{style:{flex:1,padding:"36px 0",borderBottom:s<2?`1px solid ${F}12`:"none"},children:[e.jsx("div",{className:"flex items-start",style:{gap:36},children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{style:{width:12,height:12,borderRadius:"50%",background:F,boxSh
79adow:`0 0 12px ${F}40`}}),e.jsxs("span",{style:{fontFamily:Ie,fontSize:36,color:F,lineHeight:1},children:["LEAK ",t.num]})]})}),e.jsx("h2",{style:{fontFamily:Ie,fontSize:60,color:Ve,letterSpacing:"0.02em",lineHeight:1,marginTop:12,marginBottom:10},children:t.moment}),e.jsxs("div",{className:"flex items-start",style:{gap:40,marginTop:6},children:[e.jsx("div",{style:{padding:"6px 16px",background:`${F}12`,borderRadius:6,flexShrink:0},children:e.jsx("span",{style:{fontFamily:H,fontSize:14,letterSpacing:"0.15em",color:F,fontWeight:700,textTransform:"uppercase"},children:t.failure})}),e.jsx("p",{style:{fontFamily:H,fontSize:22,lineHeight:1.6,color:st},children:t.result})]})]},s))}),e.jsxs("div",{className:"flex items-center justify-between",style:{marginTop:20,paddingTop:20,borderTop:`1px solid ${F}10`},children:[e.jsx("span",{style:{fontFamily:H,fontSize:12,letterSpacing:"0.2em",color:De},children:"THE REVENUE OPTIMIZATION PLAYBOOK"}),e.jsx("span",{style:{fontFamily:H,fontSize:13,letterSpacing:"0.2em",color:De},children:"03"})]})]})]}),ki=[{id:"editorial",label:"Editorial Magazine",Component:oc},{id:"bold-blocks",label:"Bold Blocks",Component:nc},{id:"textbook",label:"Two-Column Textbook",Component:ac},{id:"pullquote",label:"Pullquote Centered",Component:rc},{id:"report",label:"Report Style",Component:cc}],rs="#f7911e",ao="hsl(0 0% 98%)",jl="hsla(0, 0%, 98%, 0.5)",dc="hsla(0, 0%, 98%, 0.35)",Ci="#0a0a0a",mc="'Bebas Neue', sans-serif",Kl=1700,Ti=2200,pc=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(0),[i,h]=d.useState(!1),a=d.useRef(null),r=d.useRef(null),m=[{id:"cover",label:"Cover",Component:sc},{id:"ch1-opener",label:"Ch 1 â The Revenue Problem",Component:ic},{id:"ch1-leak-map",label:`Leak Map â ${ki[l].label}`,Component:ki[l].Component}],b=()=>s(g=>Math.min(g+1,m.length-1)),v=()=>s(g=>Math.max(g-1,0));d.useEffect(()=>{const g=()=>{if(r.current){const S=r.current.offsetWidth/Kl;r.current.style.setProperty("--ebook-scale",String(S))}};return g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)},[]);const f=d.useCallback(async()=>{if(!(!a.current||i)){h(!0);try{const g=a.current,S=g.style.transform;g.style.transform="none",await new Promise(E=>setTimeout(E,50));const z=await lt(g,{width:Kl,height:Ti,pixelRatio:2,backgroundColor:Ci});g.style.transform=S;const T=document.createElement("a");T.download=`chiirp-ebook-${m[t].id}.png`,T.href=z,T.click()}catch(g){console.error("Export failed:",g)}finally{h(!1)}}},[t,i]),j=m[t].Component;return e.jsxs("section",{className:"w-full py-20 px-4",style:{backgroundColor:Ci},children:[e.jsxs("div",{className:"max-w-5xl mx-auto text-center mb-12",children:[e.jsx("div",{className:"inline-block px-5 py-2 rounded-full mb-4",style:{border:`1px solid ${rs}30`,background:`${rs}10`},children:e.jsx("span",{className:"uppercase tracking-[0.2em] font-bold",style:{fontFamily:"'Inter', sans-serif",fontSize:12,color:rs},children:"Section 5 â Ebook"})}),e.jsx("h2",{style:{fontFamily:mc,fontSize:56,color:ao,letterSpacing:"0.04em",lineHeight:1},children:"The Revenue Optimization Playbook"}),e.jsx("p",{style:{fontFamily:"'Inter', sans-serif",fontSize:16,color:jl,marginTop:12},children:'Page-by-page ebook â download each page as a high-res 8.5Ã11" PNG'})]}),t===2&&e.jsx("div",{className:"max-w-3xl mx-auto flex flex-wrap justify-center gap-3 mb-8",children:ki.map((g,S)=>e.jsx("button",{onClick:()=>n(S),className:"px-4 py-2 rounded-lg text-xs font-bold uppercase tracking-widest transition-all",style:{fontFamily:"'Inter', sans-serif",background:S===l?rs:"hsla(0,0%,100%,0.06)",color:S===l?Ci:jl,border:`1px solid ${S===l?rs:"hsla(0,0%,100%,0.08)"}`},children:g.label},g.id))}),e.jsxs("div",{className:"max-w-3xl mx-auto",children:[e.jsx("div",{ref:r,className:"relative mx-auto overflow-hidden rounded-2xl",style:{aspectRatio:`${Kl}/${Ti}`,border:"1px solid hsla(0,0%,100%,0.06)",boxShadow:"0 40px 80px -20px rgba(0,0,0,0.6)"},children:e.jsx("div",{ref:a,className:"absolute top-0 left-0 origin-top-left",style:{width:Kl,height:Ti,transform:"scale(var(--ebook-scale, 0.4))"},children:e.jsx(Ps,{mode:"wait",children:e.jsx(o.div,{initial:{opacity:0}
79,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"w-full h-full",children:e.jsx(j,{})},`${t}-${l}`)})})}),e.jsxs("div",{className:"flex items-center justify-between mt-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{onClick:v,disabled:t===0,className:"p-2 rounded-lg transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,100%,0.06)"},children:e.jsx(it,{size:20,style:{color:jl}})}),e.jsxs("div",{className:"flex items-center gap-2",children:[m.map((g,S)=>e.jsx("button",{onClick:()=>s(S),className:"w-2.5 h-2.5 rounded-full transition-all",style:{backgroundColor:S===t?rs:"hsla(0,0%,100%,0.15)",transform:S===t?"scale(1.4)":"scale(1)"}},S)),e.jsxs("span",{className:"text-xs ml-2 font-mono",style:{color:dc},children:[t+1,"/",m.length]})]}),e.jsx("button",{onClick:b,disabled:t===m.length-1,className:"p-2 rounded-lg transition-all hover:scale-110 disabled:opacity-20",style:{background:"hsla(0,0%,100%,0.06)"},children:e.jsx(ge,{size:20,style:{color:jl}})})]}),e.jsx("span",{className:"font-mono text-sm",style:{color:jl},children:m[t].label}),e.jsxs("button",{onClick:f,disabled:i,className:"flex items-center gap-2 px-5 py-2.5 rounded-lg font-bold text-sm transition-all hover:scale-105",style:{background:`linear-gradient(135deg, ${rs}, hsl(16 100% 50%))`,color:ao,boxShadow:`0 8px 24px -6px ${rs}50`,opacity:i?.6:1},children:[i?e.jsx(Ll,{size:16,className:"animate-spin"}):e.jsx(ve,{size:16}),"Download Page"]})]})]})]})},K="#f7911e",hc="#00D4FF",Re="#fafafa",ls="rgba(250,250,250,0.5)",ct="rgba(250,250,250,0.35)",is="#0a0a0a",Ee="'Bebas Neue', sans-serif",pe="'Inter', sans-serif",vt=1080,St=1350,mn=({bgAdjust:t})=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:Ro,alt:"",style:{...U(.7,t),filter:"brightness(0.7) contrast(1.2) saturate(1.1)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.8) 65%)"}}),e.jsxs("div",{style:{position:"absolute",top:60,left:60,right:60,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:48,filter:"brightness(1)"}}),e.jsx("span",{style:{fontFamily:pe,fontSize:18,letterSpacing:"0.3em",color:ct,textTransform:"uppercase"},children:"Revenue Optimization"})]}),e.jsxs("div",{style:{position:"absolute",bottom:120,left:60,right:60},children:[e.jsx("div",{style:{width:80,height:5,background:K,marginBottom:36}}),e.jsxs("h1",{style:{fontFamily:Ee,fontSize:140,color:Re,lineHeight:.92,marginBottom:28},children:["THE FASTEST",e.jsx("br",{}),"COMPANY",e.jsx("br",{}),e.jsx("span",{style:{color:K},children:"WINS."})]}),e.jsx("p",{style:{fontFamily:pe,fontSize:28,color:ls,maxWidth:750,lineHeight:1.5},children:"How CHIIRP's Lead Conversion Strategy captures every lead instantly â turning missed opportunities into booked jobs."})]}),e.jsxs("div",{style:{position:"absolute",bottom:40,left:60,right:60,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("span",{style:{fontFamily:pe,fontSize:16,color:ct,letterSpacing:"0.2em"},children:"SWIPE â"}),e.jsx("span",{style:{fontFamily:pe,fontSize:16,color:ct},children:"01 / 08"})]})]}),xc=()=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:Yi,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.55) contrast(1.3) saturate(1.4)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.9) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60,right:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsxs("div",{style:{position:"absolute",top:"50%",left:60,right:60,transform:"translateY(-50%)"},children:[e.jsx("span",{style:{fontFamily:pe,fontSize:24,letterSpacing:"0.35em",color:K,textTransform:"uppercase",marginBottom:28,display:"block",fontWeight:700},children:"The Problem"}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:120,color:Re,lineHeight:.95,marginBottom:56},children:["WHERE MOST",e.jsx("br",{}
79),"BUSINESSES",e.jsx("br",{}),e.jsx("span",{style:{color:K},children:"LOSE LEADS"})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:36},children:[{num:"01",title:"MULTIPLE SOURCES",desc:"Leads pour in from website, Google LSA, Facebook, Angi, Thumbtack â every channel demands instant attention."},{num:"02",title:"TOO SLOW TO RESPOND",desc:"Your team can't be everywhere. Leads wait 10 min, 30 min, sometimes hours for a response."},{num:"03",title:"CUSTOMERS MOVE ON",desc:"By the time you follow up, they've already called the next company. Your competitor books the job."}].map(t=>e.jsxs("div",{style:{display:"flex",gap:24,alignItems:"flex-start"},children:[e.jsx("span",{style:{fontFamily:Ee,fontSize:56,color:K,lineHeight:1,minWidth:64},children:t.num}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Ee,fontSize:38,color:Re,letterSpacing:"0.05em",marginBottom:8},children:t.title}),e.jsx("p",{style:{fontFamily:pe,fontSize:26,color:ls,lineHeight:1.5},children:t.desc})]})]},t.num))})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:pe,fontSize:20,color:ct},children:"02 / 08"})})]}),gc=()=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:gt,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.12)"}}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("div",{style:{width:80,height:5,background:K,marginBottom:60}}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:280,color:Re,lineHeight:.85,marginBottom:24},children:["78",e.jsx("span",{style:{color:K},children:"%"})]}),e.jsxs("p",{style:{fontFamily:Ee,fontSize:52,color:Re,lineHeight:1.2,maxWidth:800,letterSpacing:"0.02em"},children:["OF CUSTOMERS BUY FROM THE",e.jsx("br",{}),e.jsx("span",{style:{color:K},children:"FIRST COMPANY TO RESPOND"})]}),e.jsx("div",{style:{width:80,height:5,background:K,marginTop:60}})]}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:pe,fontSize:16,color:ct},children:"03 / 08"})})]}),fc=()=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:Bo,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.22) contrast(1.2)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.88) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("div",{style:{width:80,height:5,background:K,marginBottom:60}}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:120,color:Re,lineHeight:.95,marginBottom:36},children:["CHIIRP'S SPEED",e.jsx("br",{}),"TO LEAD STRATEGY",e.jsx("br",{}),"MAKES YOU THE",e.jsx("br",{}),e.jsx("span",{style:{color:K},children:"FIRST TO RESPOND."})]}),e.jsxs("p",{style:{fontFamily:pe,fontSize:28,color:ls,lineHeight:1.6,maxWidth:800,marginBottom:48},children:["Responding in under 60 seconds leads to a ",e.jsx("span",{style:{color:K,fontWeight:700},children:"391% higher conversion rate"})," â and CHIIRP makes it automatic."]}),e.jsx("div",{style:{width:80,height:5,background:K}})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:pe,fontSize:20,color:ct},children:"04 / 08"})})]}),yc=()=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:Bn,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.2) contrast(1.1)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsxs("div",{style:{position:"absolute",top:130,left:60,right:60},children:[e.jsx("span",{style:{fontFamily:pe,fontSize:28,letterSpacing:"0.35em",color:K,textTransform:"uppercase",display:"block",marginBottom:20},children:"How It Works"}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:110,color:Re,lineHeight:.95,marginBottom:48},children:["FROM LEAD TO",e.jsx("br",{}),e.jsx("span",{style:{color:K},children:"BOOKED JOB"})]})]}),e.jsx("div",{style:{position:"absolute",top:400,left:60,right:60,display:"flex",flexDirection:"column",gap:0},children:[{step:"1",title:"LEAD ARRIVES",desc:"From website, Google, Facebook, or any channel",color:K},{step:"2",title:"INSTANT RESPONSE",desc:"AI sends personalized text in under 60 seconds",color:hc},{step:"3",title:"JOB BOOKED",desc:"Conversation continues until appointment is scheduled",color:K}].map((t,s)=>e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",gap:24,alignItems:"center",padding:"32px 0"},children:[e.jsx("div",{style:{width:90,height:90,borderRadius:"50%",background:`${t.color}20`,border:`2px solid ${t.color}40`,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e.jsx("span",{style:{fontFamily:Ee,fontSize:48,color:t.color},children:t.step})}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Ee,fontSize:52,color:Re,letterSpacing:"0.05em",marginBottom:6},children:t.title}),e.jsx("p",{style:{fontFamily:pe,fontSize:30,color:ls},children:t.desc})]})]}),s<2&&e.jsx("div",{style:{marginLeft:45,width:2,height:28,background:`linear-gradient(180deg, ${t.color}40, transparent)`}})]},t.step))}),e.jsxs("div",{style:{position:"absolute",bottom:90,left:60,maxWidth:820},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("div",{style:{background:"#1982FC",borderRadius:"20px 20px 20px 4px",padding:"22px 28px"},children:e.jsx("p",{style:{fontFamily:pe,fontSize:24,color:Re,lineHeight:1.45},children:"Hi Sarah! Saw I missed your call, we're Affordable Heating and Air, your local HVAC pros. Are you dealing with a heating or cooling issue? Happy to help get you taken care of fast!"})}),e.jsx("svg",{width:"20",height:"18",viewBox:"0 0 20 18",style:{position:"absolute",bottom:0,left:-8},children:e.jsx("path",{d:"M20 0 C20 0 3 1 0 18 C0 18 8 12 20 12 Z",fill:"#1982FC"})})]}),e.jsx("p",{style:{fontFamily:pe,fontSize:18,color:"rgba(25,130,252,0.7)",marginTop:6,marginLeft:4},children:"Delivered · Sent in 47 seconds"})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:pe,fontSize:22,color:ct},children:"05 / 08"})})]}),uc=()=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:An,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.75) contrast(1.2)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.9) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}
79),e.jsxs("div",{style:{position:"absolute",top:140,left:60,right:60},children:[e.jsx("span",{style:{fontFamily:pe,fontSize:18,letterSpacing:"0.35em",color:K,textTransform:"uppercase",display:"block",marginBottom:24},children:"The Results"}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:92,color:Re,lineHeight:.95,marginBottom:60},children:["WHAT HAPPENS WHEN",e.jsx("br",{}),"YOU ",e.jsx("span",{style:{color:K},children:"NEVER MISS"})," A LEAD"]})]}),e.jsx("div",{style:{position:"absolute",top:420,left:60,right:60,display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:28},children:[{value:"+10â18",unit:"%",label:"Conversion Rate Lift"},{value:"95â98",unit:"%",label:"Lead Capture"},{value:"$40Kâ$120K",unit:"",label:"Additional Revenue in 60 Days"}].map(t=>e.jsxs("div",{style:{background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:20,padding:"44px 32px",textAlign:"center"},children:[e.jsxs("div",{style:{fontFamily:Ee,fontSize:72,color:Re,lineHeight:1},children:[t.value,e.jsx("span",{style:{color:K,fontSize:48},children:t.unit})]}),e.jsx("p",{style:{fontFamily:pe,fontSize:20,color:ls,marginTop:14},children:t.label})]},t.label))}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:pe,fontSize:16,color:ct},children:"06 / 08"})})]}),bc=()=>e.jsxs("div",{style:{width:vt,height:St,position:"relative",overflow:"hidden",background:is},children:[e.jsx("img",{src:nl,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.15)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 80% 60% at 50% 40%, rgba(247,145,30,0.12), transparent 70%)"}}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("img",{src:k,alt:"",style:{height:56,marginBottom:60}}),e.jsx("div",{style:{width:80,height:5,background:K,marginBottom:48}}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:110,color:Re,lineHeight:.95,marginBottom:28},children:["START CONVERTING",e.jsx("br",{}),e.jsx("span",{style:{color:K},children:"EVERY LEAD"})]}),e.jsx("p",{style:{fontFamily:pe,fontSize:26,color:ls,lineHeight:1.6,maxWidth:750,marginBottom:52},children:"Don't let another lead slip away. CHIIRP responds instantly, follows up automatically, and books jobs 24/7."}),e.jsx("div",{onClick:()=>window.location.href="https://chiirp.com/new/book",style:{background:K,borderRadius:14,padding:"24px 72px",display:"inline-block",cursor:"pointer"},children:e.jsx("span",{style:{fontFamily:Ee,fontSize:34,color:Re,letterSpacing:"0.1em"},children:"BOOK YOUR DEMO"})}),e.jsx("p",{style:{fontFamily:pe,fontSize:18,color:ct,marginTop:36},children:"CHIIRP.COM"})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:pe,fontSize:16,color:ct},children:"07 / 07"})})]}),Ht=[{id:1,label:"Cover",Component:mn,hasBgControls:!0},{id:2,label:"Problem",Component:xc},{id:3,label:"78% Stat",Component:gc},{id:4,label:"Solution",Component:fc},{id:5,label:"How It Works",Component:yc},{id:6,label:"Results",Component:uc},{id:7,label:"CTA",Component:bc}],jc=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),[a,r]=d.useState({scale:1,x:70,y:35}),m=d.useRef(null),b=Ht[t],v=b.Component,f=()=>s(p=>Math.min(p+1,Ht.length-1)),j=()=>s(p=>Math.max(p-1,0)),g=p=>`chiirp-lead-carousel-${p+1}-${Ht[p].label.replace(/\s+/g,"-").toLowerCase()}.png`,S=()=>new Promise(p=>requestAnimationFrame(()=>p())),z=async(p,u)=>{const w=p.style.transform,C=p.style.transformOrigin;p.style.transform="none",p.style.transformOrigin="top left",await S();try{const J=await lt(p,{width:vt,height:St,pixelRatio:2,backgroundColor:is,cacheBust:!0}),N=document.createElement("a");N.download=u,N.href=J,N.click()}finally{p.style.transform=w,p.style.transformOrigin=C}},T=async()=>{if(m.current){n(!0);try{await z(m.current,g(t))}finally{n(!1)}}},E=async()=>{h(!0);try{const p=t;for(let u=0;u<Ht.length;u++)Ye.flushSync(()=>s(u)),await new Promise(w=>setTimeout(w,400)),m.current&&(await z(m.current,g(u)),await new Promise(w=>setTimeout(w,300)));Ye.flushSync(()=>s(p))}finally{h(!1)}},c=520,x=c/vt;return e.jsxs("div",{style:{background:is,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:ct,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Carousel Maker"}),e.jsxs("h2",{style:{fontFamily:Ee,fontSize:64,color:Re,lineHeight:1},children:["LEAD CONVERSION ",e.jsx("span",{style:{color:K},children:"CAROUSEL"})]}),e.jsx("p",{style:{color:ls,fontSize:18,marginTop:12,maxWidth:600,margin:"12px auto 0"},children:"8-slide Instagram carousel built from the Lead Conversion strategy. Navigate, preview, and download each slide as a high-res PNG."})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",ga
79p:40,padding:"0 40px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("button",{onClick:j,disabled:t===0,style:{position:"absolute",left:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===0?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===0?"not-allowed":"pointer",color:t===0?"rgba(255,255,255,0.2)":Re,transition:"all 0.2s"},children:e.jsx(it,{size:22})}),e.jsx("button",{onClick:f,disabled:t===Ht.length-1,style:{position:"absolute",right:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===Ht.length-1?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===Ht.length-1?"not-allowed":"pointer",color:t===Ht.length-1?"rgba(255,255,255,0.2)":Re,transition:"all 0.2s"},children:e.jsx(ge,{size:22})}),e.jsx("div",{style:{width:c,height:St*x,overflow:"hidden",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",position:"relative"},children:e.jsx("div",{ref:m,style:{width:vt,height:St,transform:`scale(${x})`,transformOrigin:"top left"},children:b.id===1?e.jsx(mn,{bgAdjust:a}):e.jsx(v,{})})}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:8,marginTop:20},children:Ht.map((p,u)=>e.jsx("button",{onClick:()=>s(u),style:{width:t===u?28:8,height:8,borderRadius:4,background:t===u?K:"rgba(255,255,255,0.15)",border:"none",cursor:"pointer",transition:"all 0.3s"}},p.id))})]}),e.jsxs("div",{style:{maxWidth:340,width:"100%"},children:[e.jsxs("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:28},children:[e.jsx("p",{style:{fontFamily:pe,fontSize:12,letterSpacing:"0.3em",color:ct,textTransform:"uppercase",marginBottom:8},children:"Current Slide"}),e.jsxs("p",{style:{fontFamily:Ee,fontSize:32,color:Re,marginBottom:4},children:[String(t+1).padStart(2,"0")," â ",b.label.toUpperCase()]}),e.jsxs("p",{style:{fontFamily:pe,fontSize:14,color:ls,marginBottom:24},children:[vt," à ",St,"px · Instagram Carousel"]}),e.jsxs("button",{onClick:T,disabled:l,style:{width:"100%",padding:"14px 0",borderRadius:10,background:K,border:"none",cursor:"pointer",fontFamily:Ee,fontSize:20,color:Re,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:l?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),l?"EXPORTING...":"DOWNLOAD PNG"]}),e.jsxs("button",{onClick:E,disabled:i,style:{width:"100%",padding:"14px 0",borderRadius:10,marginTop:12,background:"transparent",border:`1px solid ${K}40`,cursor:"pointer",fontFamily:Ee,fontSize:20,color:K,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:i?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),i?"EXPORTING ALL...":"DOWNLOAD ALL SLIDES"]})]}),t===0&&e.jsx("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:28,marginTop:16},children:e.jsx(gi,{bgAdjust:a,onChange:r})}),e.jsx("div",{style:{marginTop:20,display:"grid",gridTemplateColumns:"1fr 1fr 1fr 1fr",gap:8},children:Ht.map((p,u)=>e.jsxs("button",{onClick:()=>s(u),style:{background:t===u?`${K}15`:"rgba(255,255,255,0.03)",border:t===u?`1px solid ${K}40`:"1px solid rgba(255,255,255,0.06)",borderRadius:8,padding:"10px 4px",cursor:"pointer",transition:"all 0.2s",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:Ee,fontSize:18,color:t===u?K:ls},children:String(u+1).padStart(2,"0")}),e.jsx("p",{style:{fontFamily:pe,fontSize:9,color:ct,marginTop:2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:p.label})]},p.id))})]})]})]})},vc="/assets/hitrust-cover-bg-v2-BomGkT6l.jpg",Sc="/assets/hitrust-busted-van-bg-BBYRMA6v.jpg",wc="/assets/hitrust-shield-bg-5AHIhWtL.jpg",Nc="/assets/hitrust-petra-ruins-bg-CjefYIyA.jpg",we="#f7911e",Fi="#3b82f6",Es="#ef4444",Xl="#22c55e",Ue="#fafafa",Rt="rgba(250,250,250,0.5)",dt="rgba(250,250,250,0.35)",bs="#0a0a0a",ze="'Bebas Neue', sans-serif",xe
79="'Inter', sans-serif",wt=1080,Nt=1350,kc=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:bs},children:[e.jsx("img",{src:vc,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.65) contrast(1.25) saturate(0.85)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 60%)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, hsla(32,93%,54%,0.12) 0%, transparent 50%)"}}),e.jsxs("div",{style:{position:"absolute",top:60,left:60,right:60,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:48}}),e.jsx("span",{style:{fontFamily:xe,fontSize:18,letterSpacing:"0.3em",color:dt,textTransform:"uppercase"},children:"Data Security"})]}),e.jsxs("div",{style:{position:"absolute",bottom:120,left:60,right:60},children:[e.jsx("div",{style:{width:80,height:5,background:we,marginBottom:36}}),e.jsxs("h1",{style:{fontFamily:ze,fontSize:115,color:Ue,lineHeight:.92,marginBottom:28},children:["WOULD YOU HIRE AN",e.jsx("br",{}),e.jsx("span",{style:{color:Es},children:"UNLICENSED"}),e.jsx("br",{}),"CONTRACTOR?"]}),e.jsx("p",{style:{fontFamily:xe,fontSize:28,color:Rt,maxWidth:800,lineHeight:1.5},children:"Then why would you trust your customer data to a company that isn't certified?"})]}),e.jsxs("div",{style:{position:"absolute",bottom:40,left:60,right:60,display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("span",{style:{fontFamily:xe,fontSize:16,color:dt,letterSpacing:"0.2em"},children:"SWIPE â"}),e.jsx("span",{style:{fontFamily:xe,fontSize:16,color:dt},children:"01 / 07"})]})]}),Cc=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:bs},children:[e.jsx("img",{src:Sc,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.5) contrast(1.2) saturate(0.7)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.92) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsxs("div",{style:{position:"absolute",top:"50%",left:60,right:60,transform:"translateY(-50%)"},children:[e.jsx("span",{style:{fontFamily:xe,fontSize:24,letterSpacing:"0.35em",color:Es,textTransform:"uppercase",marginBottom:28,display:"block",fontWeight:700},children:"We All Know This Guy"}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:110,color:Ue,lineHeight:.95,marginBottom:64},children:["NO ",e.jsx("span",{style:{color:Es},children:"LICENSE."}),e.jsx("br",{}),"NO ",e.jsx("span",{style:{color:Es},children:"BOND."}),e.jsx("br",{}),"NO ",e.jsx("span",{style:{color:Es},children:"INSURANCE."})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:32},children:["Cuts corners.","Disappears.","Leaves you holding the bag."].map((t,s)=>e.jsxs("div",{style:{display:"flex",gap:20,alignItems:"center"},children:[e.jsx("span",{style:{fontFamily:ze,fontSize:48,color:Es,lineHeight:1},children:"â"}),e.jsx("p",{style:{fontFamily:ze,fontSize:42,color:Ue,letterSpacing:"0.04em"},children:t.toUpperCase()})]},s))})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:xe,fontSize:20,color:dt},children:"02 / 07"})})]}),Tc=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:bs},children:[e.jsx("img",{src:gt,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.12)"}}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("div",{style:{width:80,height:5,background:we,marginBottom:60}}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:100,color:Ue,lineHeight:.95,marginBottom:28},children:["NOW THINK ABOUT",e.jsx("br",{}),"YOUR ",e.jsx("span",{style:{color:we},children:"CUSTOMER DATA."})]}),e.jsxs("p",{style:{fontFamily:xe,fontSize:30,color:Rt,marginTop:20,maxWidth:800,lineHeight:1.6},children:["Most software companies handling your leads, phone numbers, and customer records have ",e.jsx("span",{style:{color:Es,fontWeight:700},children:"zero independent security certification."})]}),e.jsx("p",{style:{fontFamily:xe,fontSize:28,color:Rt,marginTop:36,maxWidth:750,lineHeight:1.6},children:"That's like hiring the unlicensed guy to rewire your entire house."}),e.jsx("div",{style:{width:80,height:5,background:we,marginTop:60}})]}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:xe,fontSize:16,color:dt},children:"03 / 07"})})]}),Fc=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:bs},children:[e.jsx("img",{src:wc,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.35) contrast(1.15)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.85) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("span",{style:{fontFamily:xe,fontSize:22,letterSpacing:"0.35em",color:we,textTransform:"uppercase",display:"block",marginBottom:24},children:"The Gold Standard"}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:110,color:Ue,lineHeight:.95,marginBottom:36},children:["HITRUST IS YOUR",e.jsx("br",{}),e.jsx("span",{style:{color:we},children:"LICENSE AND BOND"}),e.jsx("br",{}),"FOR DATA."]}),e.jsx("p",{style:{fontFamily:xe,fontSize:26,color:Rt,lineHeight:1.6,maxWidth:800,marginBottom:48},children:"HITRUST is the global leader in cybersecurity assurance. It harmonizes 60+ standards into one certifiable framework that proves your data is protected by real, validated controls."}),e.jsx("div",{style:{display:"flex",gap:20,flexWrap:"wrap",justifyContent:"center"},children:["60+ STANDARDS","THREAT-ADAPTIVE","INDEPENDENTLY VALIDATED"].map(t=>e.jsx("div",{style:{background:`${Fi}15`,border:`1px solid ${Fi}30`,borderRadius:12,padding:"14px 24px"},children:e.jsx("span",{style:{fontFamily:ze,fontSize:20,color:Fi,letterSpacing:"0.12em"},children:t})},t))})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:xe,fontSize:20,color:dt},children:"04 / 07"})})]}),Ec=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:bs},children:[e.jsx("img",{src:Hn,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.2) contrast(1.1)"}}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("div",{style:{width:80,height:5,background:Xl,marginBottom:60}}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:200,color:Ue,lineHeight:.85,marginBottom:16},children:["99.41",e.jsx("span",{style:{color:Xl},children:"%"})]}),e.jsxs("p",{style:{fontFamily:ze,fontSize:52,color:Ue,lineHeight:1.2,maxWidth:800,letterSpacing:"0.02em"},children:["BREACH-FREE RATE FOR",e.jsx("br",{}),e.jsx("span",{style:{color:Xl},children:"HITRUST-CERTIFIED"})," ORGANIZATIONS"]}),e.jsx("p",{style:{fontFamily:xe,fontSize:26,color:Rt,marginTop:40,maxWidth:700,lineHeight:1.5},children:"CHIIRP earned this certification because your data deserves the same protection you'd demand for your own home."}),e.jsx("div",{style:{width:80,height:5,background:Xl,marginTop:60}})]}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:xe,fontSize:16,color:dt},children:"05 / 07"})})]}),zc=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:"#060606"},children:[e.jsx("img",{src:Nc,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.4) contrast(1.2) saturate(0.8)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.85) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:60,left:60},children:e.jsx("img",{src:k,alt:"",style:{height:36}})}
79),e.jsxs("div",{style:{position:"absolute",top:140,left:60,right:60,zIndex:3},children:[e.jsx("span",{style:{fontFamily:xe,fontSize:18,letterSpacing:"0.35em",color:we,textTransform:"uppercase",display:"block",marginBottom:20},children:"CHIIRP e1 Certified · HITRUST CSF v11.5.1"}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:90,color:Ue,lineHeight:.95,marginBottom:24},children:["WHAT OUR",e.jsx("br",{}),e.jsx("span",{style:{color:we},children:"CERTIFICATION"})," COVERS"]}),e.jsx("p",{style:{fontFamily:xe,fontSize:22,color:Rt,lineHeight:1.5,maxWidth:900,marginBottom:44},children:"Independently validated. Externally assessed. Certified January 30, 2026."})]}),e.jsx("div",{style:{position:"absolute",top:500,left:60,right:60,display:"grid",gridTemplateColumns:"1fr 1fr",gap:20,zIndex:3},children:[{title:"Access Control",desc:"Logical & physical access management"},{title:"Vulnerability Mgmt",desc:"Continuous threat detection & response"},{title:"Change Management",desc:"Controlled, audited system changes"},{title:"Incident Response",desc:"Rapid breach mitigation protocols"},{title:"AWS Infrastructure",desc:"US-East-1 & US-West-2 data centers"},{title:"Continuous Monitoring",desc:"24/7 security control oversight"}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.07)",borderRadius:12,padding:"28px 24px",borderLeft:`3px solid ${we}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:14,marginBottom:8},children:[e.jsxs("span",{style:{fontFamily:ze,fontSize:38,color:we,lineHeight:1,letterSpacing:"0.02em"},children:["0",s+1]}),e.jsx("p",{style:{fontFamily:ze,fontSize:28,color:Ue,letterSpacing:"0.05em"},children:t.title.toUpperCase()})]}),e.jsx("p",{style:{fontFamily:xe,fontSize:18,color:Rt,lineHeight:1.4},children:t.desc})]},t.title))}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60,zIndex:3},children:e.jsx("span",{style:{fontFamily:xe,fontSize:22,color:dt},children:"06 / 07"})})]}),Ic=()=>e.jsxs("div",{style:{width:wt,height:Nt,position:"relative",overflow:"hidden",background:bs},children:[e.jsx("img",{src:nl,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.15)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"radial-gradient(ellipse 80% 60% at 50% 40%, rgba(59,130,246,0.1), transparent 70%)"}}),e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",textAlign:"center",padding:80},children:[e.jsx("img",{src:k,alt:"",style:{height:56,marginBottom:60}}),e.jsx("div",{style:{width:80,height:5,background:we,marginBottom:48}}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:100,color:Ue,lineHeight:.95,marginBottom:28},children:["YOUR DATA DESERVES",e.jsx("br",{}),"A ",e.jsx("span",{style:{color:we},children:"LICENSED"}),e.jsx("br",{}),"CONTRACTOR."]}),e.jsx("p",{style:{fontFamily:xe,fontSize:26,color:Rt,lineHeight:1.6,maxWidth:800,marginBottom:52},children:"CHIIRP is HITRUST e1 Certified. Your leads, your customer records, your reputation are protected by the highest standard in cybersecurity assurance."}),e.jsx("div",{onClick:()=>window.location.href="https://chiirp.com/new/book",style:{background:we,borderRadius:14,padding:"24px 72px",display:"inline-block",cursor:"pointer"},children:e.jsx("span",{style:{fontFamily:ze,fontSize:34,color:Ue,letterSpacing:"0.1em"},children:"BOOK YOUR DEMO"})}),e.jsx("p",{style:{fontFamily:xe,fontSize:18,color:dt,marginTop:36},children:"CHIIRP.COM"})]}),e.jsx("div",{style:{position:"absolute",bottom:40,right:60},children:e.jsx("span",{style:{fontFamily:xe,fontSize:16,color:dt},children:"07 / 07"})})]}),Ot=[{id:1,label:"Cover",Component:kc},{id:2,label:"The Analogy",Component:Cc},{id:3,label:"Your Data",Component:Tc},{id:4,label:"What is HITRUST",Component:Fc},{id:5,label:"99.41% Stat",Component:Ec},{id:6,label:"Certification",Component:zc},{id:7,label:"CTA",Component:Ic}],Rc=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),a=d.useRef(null),r=Ot[t],m=r.Component,b=()=>s(c=>Math.min(c+1,Ot.length-1)),v=()=>s(c=>Math.max(c-1,0)),f=c=>
79`chiirp-hitrust-carousel-${c+1}-${Ot[c].label.replace(/\s+/g,"-").toLowerCase()}.png`,j=()=>new Promise(c=>requestAnimationFrame(()=>c())),g=async(c,x)=>{const p=c.style.transform,u=c.style.transformOrigin;c.style.transform="none",c.style.transformOrigin="top left",await j();try{const w=await lt(c,{width:wt,height:Nt,pixelRatio:2,backgroundColor:bs,cacheBust:!0}),C=document.createElement("a");C.download=x,C.href=w,C.click()}finally{c.style.transform=p,c.style.transformOrigin=u}},S=async()=>{if(a.current){n(!0);try{await g(a.current,f(t))}finally{n(!1)}}},z=async()=>{h(!0);try{const c=t;for(let x=0;x<Ot.length;x++)Ye.flushSync(()=>s(x)),await new Promise(p=>setTimeout(p,400)),a.current&&(await g(a.current,f(x)),await new Promise(p=>setTimeout(p,300)));Ye.flushSync(()=>s(c))}finally{h(!1)}},T=520,E=T/wt;return e.jsxs("div",{style:{background:bs,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:dt,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Carousel Maker"}),e.jsxs("h2",{style:{fontFamily:ze,fontSize:64,color:Ue,lineHeight:1},children:["HITRUST CERTIFICATION ",e.jsx("span",{style:{color:we},children:"CAROUSEL"})]}),e.jsx("p",{style:{color:Rt,fontSize:18,marginTop:12,maxWidth:600,margin:"12px auto 0"},children:"7-slide Instagram carousel showcasing CHIIRP's HITRUST e1 certification with contractor-grade messaging."})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",gap:40,padding:"0 40px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("button",{onClick:v,disabled:t===0,style:{position:"absolute",left:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===0?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===0?"not-allowed":"pointer",color:t===0?"rgba(255,255,255,0.2)":Ue,transition:"all 0.2s"},children:e.jsx(it,{size:22})}),e.jsx("button",{onClick:b,disabled:t===Ot.length-1,style:{position:"absolute",right:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===Ot.length-1?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===Ot.length-1?"not-allowed":"pointer",color:t===Ot.length-1?"rgba(255,255,255,0.2)":Ue,transition:"all 0.2s"},children:e.jsx(ge,{size:22})}),e.jsx("div",{style:{width:T,height:Nt*E,overflow:"hidden",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",position:"relative"},children:e.jsx("div",{ref:a,style:{width:wt,height:Nt,transform:`scale(${E})`,transformOrigin:"top left"},children:e.jsx(m,{})})}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:8,marginTop:20},children:Ot.map((c,x)=>e.jsx("button",{onClick:()=>s(x),style:{width:t===x?28:8,height:8,borderRadius:4,background:t===x?we:"rgba(255,255,255,0.15)",border:"none",cursor:"pointer",transition:"all 0.3s"}},c.id))})]}),e.jsxs("div",{style:{maxWidth:340,width:"100%"},children:[e.jsxs("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:28},children:[e.jsx("p",{style:{fontFamily:xe,fontSize:12,letterSpacing:"0.3em",color:dt,textTransform:"uppercase",marginBottom:8},children:"Current Slide"}),e.jsxs("p",{style:{fontFamily:ze,fontSize:32,color:Ue,marginBottom:4},children:[String(t+1).padStart(2,"0")," â ",r.label.toUpperCase()]}),e.jsxs("p",{style:{fontFamily:xe,fontSize:14,color:Rt,marginBottom:24},children:[wt," à ",Nt,"px · Instagram Carousel"]}),e.jsxs("button",{onClick:S,disabled:l,style:{width:"100%",padding:"14px 0",borderRadius:10,background:we,border:"none",cursor:"pointer",fontFamily:ze,fontSize:20,color:Ue,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:l?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),l?"EXPORTING...":"DOWNLOAD PNG"]}),e.jsxs("button",{onClick:z,disabled:i,style:{width:"100%",padding:"14px 0",borderRadius:10,marginTop:12,background:"transparent",border:`1px solid ${we}
7940`,cursor:"pointer",fontFamily:ze,fontSize:20,color:we,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:i?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),i?"EXPORTING ALL...":"DOWNLOAD ALL SLIDES"]})]}),e.jsx("div",{style:{marginTop:20,display:"grid",gridTemplateColumns:"1fr 1fr 1fr 1fr",gap:8},children:Ot.map((c,x)=>e.jsxs("button",{onClick:()=>s(x),style:{background:t===x?`${we}15`:"rgba(255,255,255,0.03)",border:t===x?`1px solid ${we}40`:"1px solid rgba(255,255,255,0.06)",borderRadius:8,padding:"10px 4px",cursor:"pointer",transition:"all 0.2s",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:ze,fontSize:18,color:t===x?we:Rt},children:String(x+1).padStart(2,"0")}),e.jsx("p",{style:{fontFamily:xe,fontSize:9,color:dt,marginTop:2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.label})]},c.id))})]})]})]})},Bc="/assets/glsa-technician-BdPDa86w.jpg",Ac="/assets/glsa-neighborhood-sMdpRxXx.jpg",Hc="/assets/glsa-data-table-6w0LTklW.jpg",G="#f7911e",Ul="#00D4FF",ts="#22c55e",vl="#ef4444",Q="#fafafa",Ke="rgba(250,250,250,0.5)",Ms="rgba(250,250,250,0.35)",Di="#0a0a0a",R="'Bebas Neue', sans-serif",M="'Inter', sans-serif",Is=1080,Rs=1350,Oc=()=>e.jsxs("div",{style:{width:Is,height:Rs,position:"relative",overflow:"hidden",background:"#0a0a0a"},children:[e.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,height:"38%",background:G,display:"flex",flexDirection:"column",justifyContent:"flex-end",padding:"0 60px 40px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:48,alignSelf:"flex-start",marginBottom:24}}),e.jsx("p",{style:{fontFamily:M,fontSize:18,color:"rgba(0,0,0,0.5)",letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:8},children:"Google LSA Benchmark · March 2026"}),e.jsx("h1",{style:{fontFamily:R,fontSize:120,color:"#000",lineHeight:.9},children:"ARE YOUR ADS ACTUALLY WORKING?"})]}),e.jsxs("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"62%",display:"flex",flexDirection:"column",justifyContent:"center",padding:"0 60px"},children:[e.jsx("p",{style:{fontFamily:M,fontSize:22,color:Ke,letterSpacing:"0.2em",textTransform:"uppercase",marginBottom:36},children:"We pulled data from:"}),e.jsx("div",{style:{display:"flex",gap:28},children:[{num:"760",label:`HOME SERVICES 80BUSINESSES`},{num:"$5.9M",label:`IN GOOGLE 81LSA SPEND`},{num:"107K",label:`UNIQUE 82LEADS`}].map((t,s)=>e.jsxs("div",{style:{flex:1,background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:"32px 24px",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:96,color:G,lineHeight:1},children:t.num}),e.jsx("p",{style:{fontFamily:M,fontSize:18,color:Ke,textTransform:"uppercase",letterSpacing:"0.1em",whiteSpace:"pre-line",marginTop:8,lineHeight:1.4},children:t.label})]},s))}),e.jsx("p",{style:{fontFamily:R,fontSize:48,color:Q,marginTop:36,letterSpacing:"0.02em"},children:"HERE'S WHAT THE DATA SAYS. â"})]}),e.jsx("div",{style:{position:"absolute",bottom:30,right:60},children:e.jsx("span",{style:{fontFamily:M,fontSize:18,color:"rgba(255,255,255,0.3)"},children:"01 / 08"})})]}),dl=({bgSrc:t,brightness:s,children:l,pageNum:n})=>e.jsxs("div",{style:{width:Is,height:Rs,position:"relative",overflow:"hidden",background:Di},children:[e.jsx("img",{src:t,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:`brightness(${s}) contrast(1.15) saturate(0.85)`}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.85) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:50,left:60,right:60},children:e.jsx("img",{src:k,alt:"CHIIRP",style:{height:44}})}),e.jsx("div",{style:{position:"absolute",top:130,left:60,right:60,bottom:60},children:l}),e.jsx("div",{style:{position:"absolute",bottom:24,right:60},children:e.jsx("span",{style:{fontFamily:M,fontSize:18,color:"rgba(255,255,255,0.25)"},children:n})})]}),$c=()=>e.jsx(dl,{bgSrc:Hc,brightness:.6,pageNum:"02 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",
82justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:G,marginBottom:18}}),e.jsx("p",{style:{fontFamily:M,fontSize:22,color:G,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Cost Per Lead"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:110,color:Q,lineHeight:.9},children:["WHAT DOES A LEAD",e.jsx("br",{}),"ACTUALLY COST YOU?"]})]}),e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:12,marginBottom:6},children:[e.jsx("p",{style:{fontFamily:R,fontSize:180,color:G,lineHeight:.85},children:"$55"}),e.jsx("p",{style:{fontFamily:R,fontSize:80,color:Ke},children:".08"})]}),e.jsx("p",{style:{fontFamily:M,fontSize:28,color:Ke,marginBottom:16},children:"Per unique lead across 760 businesses"}),e.jsxs("p",{style:{fontFamily:M,fontSize:28,color:"rgba(255,255,255,0.55)",lineHeight:1.45},children:["107,189 unique leads from 170,728 conversions.",e.jsx("br",{}),e.jsx("span",{style:{color:G,fontWeight:600},children:"37% were duplicates."})," Are you tracking uniques?"]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:R,fontSize:38,color:Q,marginBottom:16},children:"BY TRADE"}),[{trade:"HVAC",val:"$56.39",pct:94,color:G},{trade:"PLUMBING",val:"$58.89",pct:98,color:Ul},{trade:"ELECTRICAL",val:"$43.84",pct:73,color:ts}].map((t,s)=>e.jsxs("div",{style:{marginBottom:14},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:5},children:[e.jsx("span",{style:{fontFamily:R,fontSize:36,color:Q},children:t.trade}),e.jsx("span",{style:{fontFamily:R,fontSize:48,color:t.color},children:t.val})]}),e.jsx("div",{style:{width:"100%",height:10,background:"rgba(255,255,255,0.06)",borderRadius:5},children:e.jsx("div",{style:{width:`${t.pct}%`,height:"100%",background:t.color,borderRadius:5}})})]},s))]}),e.jsx("div",{style:{background:"rgba(247,145,30,0.1)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:12,padding:"22px 28px"},children:e.jsxs("p",{style:{fontFamily:M,fontSize:26,color:"rgba(255,255,255,0.7)",lineHeight:1.45},children:[e.jsx("span",{style:{color:Q,fontWeight:600},children:"The real question:"})," what are you doing with leads after they come in?"]})})]})}),Wc=()=>e.jsx(dl,{bgSrc:Bc,brightness:.65,pageNum:"03 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:G,marginBottom:18}}),e.jsx("p",{style:{fontFamily:M,fontSize:22,color:G,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Book Rate"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:100,color:Q,lineHeight:.9},children:["LESS THAN HALF YOUR",e.jsx("br",{}),"LEADS ARE BOOKING."]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:R,fontSize:200,color:G,lineHeight:.85,marginBottom:6},children:"43.5%"}),e.jsxs("p",{style:{fontFamily:M,fontSize:28,color:Ke,lineHeight:1.45},children:["Of 107K unique leads, only 46,635 booked.",e.jsx("br",{}),e.jsx("span",{style:{color:Q,fontWeight:600},children:"56.5% never made it to your calendar."})]})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:14},children:[{trade:"HVAC",rate:"43.5%",color:G},{trade:"PLUMBING",rate:"42.8%",color:Ul},{trade:"ELECTRICAL",rate:"42.2%",color:ts},{trade:"MULTI-TRADE",rate:"44.0%",color:Q}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"24px 20px",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:72,color:t.color,lineHeight:1},children:t.rate}),e.jsx("p",{style:{fontFamily:M,fontSize:20,color:Ke,marginTop:8,textTransform:"uppercase",letterSpacing:"0.1em"},children:t.trade})]},s))}),e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(247,145,30,0.25)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:40,color:Q,marginBottom:4},children:"THE GAP ISN'T THE LEADS."}),e.jsx("p",{style:{fontFamily:M,fontSize:24,color:"rgba(255,255,255,0.65)",lineHeight:1.45},children:'The difference is what happens between "lead in" and "appointment set."'})]})]})}),Dc=()=>e.jsx(dl,{bgSrc:Yn,brightness:.7,pageNum:"04 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",
82justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:G,marginBottom:18}}),e.jsx("p",{style:{fontFamily:M,fontSize:22,color:G,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Acquisition Cost"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:96,color:Q,lineHeight:.9},children:["IT COSTS $263 TO GET",e.jsx("br",{}),"A PAYING CUSTOMER."]})]}),e.jsx("div",{children:e.jsx("p",{style:{fontFamily:R,fontSize:160,color:G,lineHeight:.85,marginBottom:16},children:"$262.78"})}),e.jsx("div",{children:[{trade:"HVAC",cac:"$288",ticket:"$2,434",color:G,hook:"Pays more. Makes it back on ticket."},{trade:"PLUMBING",cac:"$263",ticket:"$1,708",color:Ul,hook:"Best conversion rate at 22.4%."},{trade:"ELECTRICAL",cac:"$218",ticket:"$1,676",color:ts,hook:"Cheapest to acquire. Quietly strong."}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"24px 28px",marginBottom:12,display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:R,fontSize:38,color:Q},children:t.trade}),e.jsx("p",{style:{fontFamily:M,fontSize:20,color:"rgba(255,255,255,0.5)",marginTop:2},children:t.hook})]}),e.jsxs("div",{style:{textAlign:"right"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:60,color:t.color,lineHeight:1},children:t.cac}),e.jsxs("p",{style:{fontFamily:M,fontSize:18,color:Ke,marginTop:2},children:["Ticket: ",t.ticket]})]})]},s))}),e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(247,145,30,0.25)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:38,color:Q,marginBottom:4},children:"DIFFERENT TRADES. DIFFERENT ECONOMICS."}),e.jsx("p",{style:{fontFamily:M,fontSize:24,color:"rgba(255,255,255,0.65)",lineHeight:1.45},children:"Stop benchmarking HVAC against plumbing."})]})]})}),Mc=()=>e.jsx(dl,{bgSrc:Vn,brightness:.65,pageNum:"05 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:vl,marginBottom:18}}),e.jsx("p",{style:{fontFamily:M,fontSize:22,color:vl,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"The Revenue Leak"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:92,color:Q,lineHeight:.9},children:["HALF YOUR PIPELINE",e.jsx("br",{}),"IS SITTING THERE. DYING."]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:R,fontSize:160,color:vl,lineHeight:.85,marginBottom:6},children:"49.3%"}),e.jsx("p",{style:{fontFamily:M,fontSize:26,color:Ke,marginBottom:12},children:"Of total revenue potential is unsold"}),e.jsxs("p",{style:{fontFamily:M,fontSize:26,color:"rgba(255,255,255,0.55)",lineHeight:1.45},children:["$114.9M in pipeline. ",e.jsx("span",{style:{color:vl,fontWeight:700},children:"$56.6M stuck in unsold estimates."}),e.jsx("br",{}),"That's $74,466 per business left on the table."]})]}),e.jsx("div",{children:[{label:"UNSOLD",pct:49.3,value:"$56.6M",color:vl},{label:"SOLD",pct:10.6,value:"$12.2M",color:G},{label:"CLOSED",pct:40.1,value:"$46.1M",color:ts}].map((t,s)=>e.jsxs("div",{style:{marginBottom:14},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:4},children:[e.jsx("span",{style:{fontFamily:R,fontSize:34,color:Q},children:t.label}),e.jsx("span",{style:{fontFamily:R,fontSize:34,color:t.color},children:t.value})]}),e.jsx("div",{style:{width:"100%",height:12,background:"rgba(255,255,255,0.06)",borderRadius:6},children:e.jsx("div",{style:{width:`${t.pct}%`,height:"100%",background:t.color,borderRadius:6}})})]},s))}),e.jsx("div",{style:{display:"flex",gap:12},children:[{trade:"Electrical",pct:"53.9%",color:ts},{trade:"HVAC",pct:"51.2%",color:G},{trade:"Plumbing",pct:"45.1%",color:Ul}].map((t,s)=>e.jsxs("div",{style:{flex:1,background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:12,padding:"20px 16px",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:52,color:t.color,lineHeight:1},children:t.pct}),e.jsx("p",{style:{fontFamily:M,fontSize:18,color:Ms,textTransform:"uppercase",marginTop:4},children:t.trade})]},s))}),e.jsxs("div",{style:{background:"rgba(239,68,68,0.12)",backdropFilter:"blur(12px)",border:"1px solid rgba(239,68,68,0.3)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:38,color:Q,marginBottom:4},children:"THIS IS A FOLLOW-UP PROBLEM."}),e.jsx("p",{style:{fontFamily:M,fontSize:24,color:"rgba(255,255,255,0.65)",lineHeight:1.45},children:"You don't need more leads. You need a system."})]})]})}),Lc=()=>e.jsx(dl,{bgSrc:On,brightness:.6,pageNum:"06 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",
82justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:ts,marginBottom:18}}),e.jsx("p",{style:{fontFamily:M,fontSize:22,color:ts,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Return On Spend"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:92,color:Q,lineHeight:.9},children:["FOR EVERY $1 IN,",e.jsx("br",{}),"YOU GET $7.80 BACK."]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:R,fontSize:220,color:ts,lineHeight:.82,marginBottom:6},children:"7.8x"}),e.jsx("p",{style:{fontFamily:M,fontSize:28,color:Ke,marginBottom:10},children:"Closed revenue ROAS"}),e.jsxs("p",{style:{fontFamily:M,fontSize:28,color:"rgba(255,255,255,0.55)",lineHeight:1.45},children:[e.jsx("span",{style:{color:Q,fontWeight:600},children:"$60,642 closed revenue per business"})," from $7,768 avg spend."]})]}),e.jsx("div",{style:{display:"flex",gap:14},children:[{trade:"HVAC",roas:"8.4x",desc:"Big tickets drive it",color:G},{trade:"ELECTRICAL",roas:"7.7x",desc:"Strong CAC ratio",color:ts},{trade:"PLUMBING",roas:"6.5x",desc:"Volume play",color:Ul}].map((t,s)=>e.jsxs("div",{style:{flex:1,background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"28px 16px",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:80,color:t.color,lineHeight:1},children:t.roas}),e.jsx("p",{style:{fontFamily:R,fontSize:30,color:Q,marginTop:10},children:t.trade}),e.jsx("p",{style:{fontFamily:M,fontSize:18,color:Ms,marginTop:4},children:t.desc})]},s))}),e.jsxs("div",{style:{background:"rgba(34,197,94,0.1)",backdropFilter:"blur(12px)",border:"1px solid rgba(34,197,94,0.25)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:38,color:Q,marginBottom:4},children:"THE MONEY IS THERE."}),e.jsx("p",{style:{fontFamily:M,fontSize:24,color:"rgba(255,255,255,0.65)",lineHeight:1.45},children:"Know your numbers or your numbers own you."})]})]})}),Pc=()=>e.jsx(dl,{bgSrc:Ac,brightness:.6,pageNum:"07 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:G,marginBottom:18}}),e.jsx("p",{style:{fontFamily:M,fontSize:22,color:G,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Customer Mix"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:96,color:Q,lineHeight:.9},children:["TWO-THIRDS OF YOUR",e.jsx("br",{}),"REVENUE IS BRAND NEW."]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:R,fontSize:180,color:G,lineHeight:.85,marginBottom:6},children:"66.8%"}),e.jsx("p",{style:{fontFamily:M,fontSize:26,color:Ke,marginBottom:16},children:"Of closed revenue from new customers"})]}),e.jsxs("div",{style:{display:"flex",height:64,borderRadius:12,overflow:"hidden",marginBottom:18},children:[e.jsx("div",{style:{width:"66.8%",background:G,display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("span",{style:{fontFamily:R,fontSize:32,color:Q},children:"66.8% NEW · $30.8M"})}),e.jsx("div",{style:{width:"33.2%",background:"rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("span",{style:{fontFamily:R,fontSize:28,color:Ke},children:"33.2%"})})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:14},children:[e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"28px 24px",borderLeft:`4px solid ${G}`},children:[e.jsx("p",{style:{fontFamily:R,fontSize:64,color:G},children:"$30.8M"}),e.jsx("p",{style:{fontFamily:R,fontSize:28,color:Q,marginTop:4},children:"NEW CUSTOMERS"}),e.jsx("p",{style:{fontFamily:M,fontSize:20,color:Ms,marginTop:6},children:"First-time buyers from LSAs"})]}),e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"28px 24px",borderLeft:"4px solid rgba(255,255,255,0.15)"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:64,color:Q},children:"$15.3M"}),e.jsx("p",{style:{fontFamily:R,fontSize:28,color:Ke,marginTop:4},children:"EXISTING"}),e.jsx("p",{style:{fontFamily:M,fontSize:20,color:Ms,marginTop:6},children:"Repeat customers via LSAs"})]})]}),e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(247,145,30,0.25)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:38,color:Q,marginBottom:4},children:"LSAs ARE A GROWTH ENGINE."}),e.jsx("p",{style:{fontFamily:M,fontSize:24,color:"rgba(255,255,255,0.65)",lineHeight:1.45},children:"Follow up fast or they call someone else."})]})]})}),Gc=()=>e.jsxs("div",{style:{width:Is,height:Rs,position:"relative",overflow:"hidden",background:"#0a0a0a"},children:[e.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,height:"45%",background:G,display:"flex",flexDirection:"column",justifyContent:"flex-end",padding:"0 60px 48px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:52,alignSelf:"flex-start",marginBottom:28}}
82),e.jsxs("h2",{style:{fontFamily:R,fontSize:120,color:"#000",lineHeight:.9},children:["YOUR LEADS ARE",e.jsx("br",{}),"ALREADY COMING IN."]})]}),e.jsxs("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"55%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"0 60px",textAlign:"center"},children:[e.jsxs("p",{style:{fontFamily:R,fontSize:84,color:Q,lineHeight:.95,marginBottom:24},children:["ARE YOU ",e.jsx("span",{style:{color:G},children:"CONVERTING"})," THEM?"]}),e.jsx("p",{style:{fontFamily:M,fontSize:28,color:"rgba(255,255,255,0.55)",maxWidth:750,lineHeight:1.45,marginBottom:36},children:"49.3% of GLSA revenue is sitting in unsold estimates. $74,466 per business. The leads aren't the problem â the follow-up is."}),e.jsx("div",{style:{display:"inline-block",padding:"24px 64px",background:G,borderRadius:12},children:e.jsx("p",{style:{fontFamily:R,fontSize:42,color:"#000",letterSpacing:"0.08em"},children:"BOOK A DEMO AT CHIIRP.COM"})})]}),e.jsx("div",{style:{position:"absolute",bottom:30,right:60},children:e.jsx("span",{style:{fontFamily:M,fontSize:18,color:"rgba(255,255,255,0.25)"},children:"08 / 08"})})]}),$t=[{id:1,label:"Cover",Component:Oc},{id:2,label:"Cost Per Lead",Component:$c},{id:3,label:"Book Rate",Component:Wc},{id:4,label:"Acquisition Cost",Component:Dc},{id:5,label:"Unsold Estimates",Component:Mc},{id:6,label:"ROAS",Component:Lc},{id:7,label:"New vs Existing",Component:Pc},{id:8,label:"CTA",Component:Gc}],Uc=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),a=d.useRef(null),r=$t[t],m=r.Component,b=()=>s(c=>Math.min(c+1,$t.length-1)),v=()=>s(c=>Math.max(c-1,0)),f=c=>`chiirp-glsa-benchmark-${c+1}-${$t[c].label.replace(/\s+/g,"-").toLowerCase()}.png`,j=()=>new Promise(c=>requestAnimationFrame(()=>c())),g=async(c,x)=>{const p=c.style.transform,u=c.style.transformOrigin;c.style.transform="none",c.style.transformOrigin="top left",await j();try{const w=await lt(c,{width:Is,height:Rs,pixelRatio:2,backgroundColor:Di,cacheBust:!0}),C=document.createElement("a");C.download=x,C.href=w,C.click()}finally{c.style.transform=p,c.style.transformOrigin=u}},S=async()=>{if(a.current){n(!0);try{await g(a.current,f(t))}finally{n(!1)}}},z=async()=>{h(!0);try{const c=t;for(let x=0;x<$t.length;x++)Ye.flushSync(()=>s(x)),await new Promise(p=>setTimeout(p,400)),a.current&&(await g(a.current,f(x)),await new Promise(p=>setTimeout(p,300)));Ye.flushSync(()=>s(c))}finally{h(!1)}},T=520,E=T/Is;return e.jsxs("div",{style:{background:Di,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:Ms,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Carousel Maker"}),e.jsxs("h2",{style:{fontFamily:R,fontSize:64,color:Q,lineHeight:1},children:["GOOGLE LSA BENCHMARK ",e.jsx("span",{style:{color:G},children:"CAROUSEL"})]}),e.jsx("p",{style:{color:Ke,fontSize:18,marginTop:12,maxWidth:700,margin:"12px auto 0"},children:"8-slide Instagram carousel with March 2026 Google LSA performance data across 760 home services businesses."})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",gap:40,padding:"0 40px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("button",{onClick:v,disabled:t===0,style:{position:"absolute",left:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===0?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===0?"not-allowed":"pointer",color:t===0?"rgba(255,255,255,0.2)":Q,transition:"all 0.2s"},children:e.jsx(it,{size:22})}),e.jsx("button",{onClick:b,disabled:t===$t.length-1,style:{position:"absolute",right:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===$t.length-1?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===$t.length-1?"not-allowed":"pointer",color:t===$t.length-1?"rgba(255,255,255,0.2)":Q,transition:"all 0.2s"},children:e.jsx(ge,{size:22})}),e.jsx("div",{style:{width:T,height:Rs*E,overflow:"hidden",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",position:"relative"},children:e.jsx("div",{ref:a,style:{width:Is,height:Rs,transform:`scale(${E})`,transformOrigin:"top left"},children:e.jsx(m,{})})}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:8,marginTop:20},children:$t.map((c,x)=>e.jsx("button",{onClick:()=>s(x),style:{width:t===x?28:8,height:8,borderRadius:4,background:t===x?G:"rgba(255,255,255,0.15)",border:"none",cursor:"pointer",transition:"all 0.3s"}},c.id))})]}),e.jsxs("div",{style:{maxWidth:340,width:"100%"},children:[e.jsxs("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:28},children:[e.jsx("p",{style:{fontFamily:M,fontSize:12,letterSpacing:"0.3em",color:Ms,textTransform:"uppercase",marginBottom:8},children:"Current Slide"}),e.jsxs("p",{style:{fontFamily:R,fontSize:32,color:Q,marginBottom:4},children:[String(t+1).padStart(2,"0")," â ",r.label.toUpperCase()]}),e.jsxs("p",{style:{fontFamily:M,fontSize:14,color:Ke,marginBottom:24},children:[Is," à ",Rs,"px · Instagram Carousel"]}),e.jsxs("button",{onClick:S,disabled:l,style:{width:"100%",padding:"14px 0",borderRadius:10,background:G,border:"none",cursor:"pointer",fontFamily:R,fontSize:20,color:Q,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:l?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),l?"EXPORTING...":"DOWNLOAD PNG"]}),e.jsxs("button",{onClick:z,disabled:i,style:{width:"100%",padding:"14px 0",borderRadius:10,marginTop:12,background:"transparent",border:`1px solid ${G}
8240`,cursor:"pointer",fontFamily:R,fontSize:20,color:G,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:i?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),i?"EXPORTING ALL...":"DOWNLOAD ALL SLIDES"]})]}),e.jsx("div",{style:{marginTop:20,display:"grid",gridTemplateColumns:"1fr 1fr 1fr 1fr",gap:8},children:$t.map((c,x)=>e.jsxs("button",{onClick:()=>s(x),style:{background:t===x?`${G}15`:"rgba(255,255,255,0.03)",border:t===x?`1px solid ${G}40`:"1px solid rgba(255,255,255,0.06)",borderRadius:8,padding:"10px 4px",cursor:"pointer",transition:"all 0.2s",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:R,fontSize:18,color:t===x?G:Ke},children:String(x+1).padStart(2,"0")}),e.jsx("p",{style:{fontFamily:M,fontSize:9,color:Ms,marginTop:2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.label})]},c.id))})]})]})]})},pn="/assets/hvac-customer-service-Dn1w38dg.jpg",Yc="/assets/hvac-dispatch-D4SxoyUV.jpg",Vc="/assets/hvac-tech-tablet-B84BHiCN.jpg",_c="/assets/hvac-pricing-kfCrvbcz.jpg",Kc="/assets/hvac-followup-BlUYAoz5.jpg",Xc="/assets/hvac-training-Dr7pDI71.jpg",le="#f7911e",Bs="#00D4FF",Ls="#22c55e",te="#fafafa",xs="rgba(250,250,250,0.5)",gs="rgba(250,250,250,0.35)",Wl="#0a0a0a",Y="'Bebas Neue', sans-serif",V="'Inter', sans-serif",As=1080,Hs=1350,qc=()=>e.jsxs("div",{style:{width:As,height:Hs,position:"relative",overflow:"hidden",background:Wl},children:[e.jsx("img",{src:pn,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.2,filter:"brightness(0.5) contrast(1.3) saturate(0.2)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.92) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:44,alignSelf:"flex-start",opacity:.5,marginBottom:40}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e.jsxs("h1",{style:{fontFamily:Y,lineHeight:.88,letterSpacing:"0.02em"},children:[e.jsx("span",{style:{fontSize:150,color:te,display:"block"},children:"9 TIPS TO"}),e.jsx("span",{style:{fontSize:150,color:te,display:"block"},children:"MAXIMIZE"}),e.jsx("span",{style:{fontSize:150,color:le,display:"block"},children:"LEADS"})]}),e.jsx("div",{style:{width:100,height:5,background:le,margin:"30px 0"}}),e.jsxs("p",{style:{fontFamily:V,fontSize:26,color:xs,lineHeight:1.5,maxWidth:700},children:["The difference between HVAC companies that grow",e.jsx("br",{}),"and ones that stall isn't the leads.",e.jsx("br",{}),e.jsx("span",{style:{color:te,fontWeight:700},children:"It's what happens after the phone rings."})]})]}),e.jsx("p",{style:{fontFamily:Y,fontSize:44,color:te},children:"SWIPE TO LEVEL UP â"})]}),e.jsx("div",{style:{position:"absolute",bottom:24,right:60},children:e.jsx("span",{style:{fontFamily:V,fontSize:18,color:"rgba(255,255,255,0.25)"},children:"01 / 08"})})]}),Jc=qc,ml=({bgSrc:t,brightness:s,children:l,pageNum:n})=>e.jsxs("div",{style:{width:As,height:Hs,position:"relative",overflow:"hidden",background:Wl},children:[e.jsx("img",{src:t,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:`brightness(${s}) contrast(1.15) saturate(0.85)`}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 50%, rgba(0,0,0,0.85) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:50,left:60,right:60},children:e.jsx("img",{src:k,alt:"CHIIRP",style:{height:44}})}),e.jsx("div",{style:{position:"absolute",top:130,left:60,right:60,bottom:60},children:l}),e.jsx("div",{style:{position:"absolute",bottom:24,right:60},children:e.jsx("span",{style:{fontFamily:V,fontSize:18,color:"rgba(255,255,255,0.25)"},children:n})})]}),Qc=()=>e.jsx(ml,{bgSrc:pn,brightness:.6,pageNum:"02 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",
82justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:le,marginBottom:18}}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:le,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Tips 1 & 2"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:96,color:te,lineHeight:.9},children:["THE SALE STARTS",e.jsx("br",{}),"ON THE FIRST CALL."]})]}),e.jsx("div",{children:e.jsx("p",{style:{fontFamily:V,fontSize:28,color:"rgba(255,255,255,0.6)",lineHeight:1.45,marginBottom:24},children:"Outstanding customer service isn't optional. It's your #1 competitive advantage."})}),e.jsx("div",{children:[{num:"01",title:"AWESOME CUSTOMER SERVICE",desc:"Nurture relationships. Retention costs less than acquisition."},{num:"02",title:"CALL SCRIPTS THAT CONVERT",desc:"Standardize the experience. Record calls. Train from real data."}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"28px 28px",marginBottom:14,borderLeft:`4px solid ${le}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:14,marginBottom:8},children:[e.jsx("span",{style:{fontFamily:Y,fontSize:52,color:le},children:t.num}),e.jsx("span",{style:{fontFamily:Y,fontSize:34,color:te},children:t.title})]}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:xs,lineHeight:1.45},children:t.desc})]},s))}),e.jsx("div",{style:{background:"rgba(247,145,30,0.1)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:12,padding:"22px 28px"},children:e.jsx("p",{style:{fontFamily:V,fontSize:24,color:"rgba(255,255,255,0.7)",lineHeight:1.45},children:e.jsx("span",{style:{color:te,fontWeight:600},children:`"The better you understand your retention rates, the more you'll profit."`})})})]})}),Zc=()=>e.jsx(ml,{bgSrc:Yc,brightness:.55,pageNum:"03 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:Bs,marginBottom:18}}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:Bs,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Tip 3"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:96,color:te,lineHeight:.9},children:["SEND THE RIGHT TECH",e.jsx("br",{}),"TO THE RIGHT JOB."]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Y,fontSize:180,color:Bs,lineHeight:.85,marginBottom:8},children:"03"}),e.jsx("p",{style:{fontFamily:V,fontSize:28,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Stop guessing. Use scorecards to know who closes the highest tickets and dispatch accordingly."})]}),e.jsx("div",{children:[{label:"SKILL-BASED ROUTING",desc:"Match tech expertise to job complexity",color:Bs},{label:"GPS TRACKING",desc:"Real-time location for smarter assignments",color:le},{label:"PROPERTY INTEL",desc:"Service history and past work before arrival",color:Ls}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:12,padding:"22px 28px",marginBottom:12,display:"flex",alignItems:"center",gap:20},children:[e.jsx("div",{style:{width:8,height:50,background:t.color,borderRadius:4,flexShrink:0}}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Y,fontSize:32,color:te},children:t.label}),e.jsx("p",{style:{fontFamily:V,fontSize:20,color:gs},children:t.desc})]})]},s))}),e.jsxs("div",{style:{background:"rgba(0,209,255,0.1)",border:"1px solid rgba(0,209,255,0.25)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:36,color:te,marginBottom:4},children:"YOUR BEST CLOSER SHOULD BE ON YOUR BEST LEAD."}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Not stuck on a warranty callback across town."})]})]})}),ed=()=>e.jsx(ml,{bgSrc:Vc,brightness:.6,pageNum:"04 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:Ls,marginBottom:18}}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:Ls,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Tip 4"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:92,color:te,lineHeight:.9},children:["ARM YOUR TECHS",e.jsx("br",{}),"WITH THE RIGHT TOOLS."]})]}),e.jsx("div",{children:e.jsx("p",{style:{fontFamily:V,fontSize:28,color:"rgba(255,255,255,0.6)",lineHeight:1.45,marginBottom:20},children:"Mobile software gives techs instant access to customer data, service history, and digital pricebooks."})}),e.jsx("div",{children:[{title:"CUSTOMER DATA",desc:"Full history at their fingertips",color:Ls},{title:"INSTANT QUOTES",desc:"Branded digital estimates on-site",color:le}
82,{title:"PHOTO INVOICES",desc:"Before/after proof of work",color:Bs},{title:"GET PAID ON-SITE",desc:"Accept cards and checks instantly",color:te}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:12,padding:"20px 28px",marginBottom:10,display:"flex",alignItems:"center",gap:20},children:[e.jsx("div",{style:{width:8,height:46,background:t.color,borderRadius:4,flexShrink:0}}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Y,fontSize:32,color:te},children:t.title}),e.jsx("p",{style:{fontFamily:V,fontSize:20,color:gs},children:t.desc})]})]},s))}),e.jsxs("div",{style:{background:"rgba(34,197,94,0.1)",border:"1px solid rgba(34,197,94,0.25)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:36,color:te,marginBottom:4},children:"PAPER IS DEAD."}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Every minute a tech spends on paperwork is a minute they're not closing."})]})]})}),td=()=>e.jsx(ml,{bgSrc:_c,brightness:.55,pageNum:"05 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:le,marginBottom:18}}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:le,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Tip 5"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:96,color:te,lineHeight:.9},children:["PRICE IT RIGHT.",e.jsx("br",{}),"CLOSE IT FAST."]})]}),e.jsx("div",{children:e.jsx("p",{style:{fontFamily:V,fontSize:28,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Transparent, accurate pricing builds trust. Flexible financing closes bigger jobs."})}),e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:16,padding:"32px 28px"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:38,color:le,marginBottom:20},children:"THE GOOD-BETTER-BEST METHOD"}),[{tier:"GOOD",desc:"Basic repair. Gets the job done.",color:xs},{tier:"BETTER",desc:"Extended warranty + efficiency upgrade.",color:le},{tier:"BEST",desc:"Full system replacement + smart controls.",color:Ls}].map((t,s)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:16},children:[e.jsx("div",{style:{width:56,height:56,borderRadius:12,background:`${t.color}20`,border:`2px solid ${t.color}`,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},children:e.jsx("span",{style:{fontFamily:Y,fontSize:24,color:t.color},children:s+1})}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Y,fontSize:30,color:te},children:t.tier}),e.jsx("p",{style:{fontFamily:V,fontSize:20,color:gs},children:t.desc})]})]},s))]}),e.jsxs("div",{style:{background:"rgba(247,145,30,0.1)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:36,color:te,marginBottom:4},children:"MOST CUSTOMERS PICK THE MIDDLE OPTION."}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Give them 3 choices and your average ticket goes up."})]})]})}),sd=()=>e.jsx(ml,{bgSrc:Kc,brightness:.5,pageNum:"06 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:"#ef4444",marginBottom:18}}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:"#ef4444",letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Tip 6"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:96,color:te,lineHeight:.9},children:["FOLLOW UP",e.jsx("br",{}),"EVERY. SINGLE. ESTIMATE."]})]}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:Y,fontSize:180,color:"#ef4444",lineHeight:.85,marginBottom:8},children:"48h"}),e.jsx("p",{style:{fontFamily:V,fontSize:28,color:xs,marginBottom:16},children:"Maximum time before first follow-up"}),e.jsx("p",{style:{fontFamily:V,fontSize:26,color:"rgba(255,255,255,0.55)",lineHeight:1.45},children:e.jsx("span",{style:{color:"#ef4444",fontWeight:700},children:`"We'd all like to believe our sales people are great at following up. Let's be honest, it's pretty tough."`})})]}),e.jsx("div",{style:{display:"flex",gap:14},children:[{method:"TEXT",speed:"Instant",color:Ls},{method:"EMAIL",speed:"Same day",color:Bs},{method:"CALL",speed:"Within 48h",color:le}].map((t,s)=>e.jsxs("div",{style:{flex:1,background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"28px 16px",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:48,color:t.color,lineHeight:1},children:t.method}),e.jsx("p",{style:{fontFamily:V,fontSize:20,color:gs,marginTop:8},children:t.speed})]},s))}),e.jsxs("div",{style:{background:"rgba(239,68,68,0.12)",border:"1px solid rgba(239,68,68,0.3)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:36,color:te,marginBottom:4},children:"DON'T STOP UNTIL YOU GET A YES OR NO."}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Leads are hard to get. Be committed to following up."})]})]})}),ld=()=>e.jsx(ml,{bgSrc:Xc,brightness:.55,pageNum:"07 / 08",children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%",
82justifyContent:"space-between"},children:[e.jsxs("div",{children:[e.jsx("div",{style:{width:70,height:5,background:le,marginBottom:18}}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:le,letterSpacing:"0.3em",textTransform:"uppercase",fontWeight:700,marginBottom:10},children:"Tips 7, 8 & 9"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:88,color:te,lineHeight:.9},children:["TRAIN. MARKET.",e.jsx("br",{}),"TRACK EVERYTHING."]})]}),e.jsx("div",{children:[{num:"07",title:"SALES TRAINING",desc:"Align incentives with behavior. Make it worth closing unsold estimates.",color:le},{num:"08",title:"SMART MARKETING",desc:"Educate customers, don't pitch. Target by location, home age, and need.",color:Bs},{num:"09",title:"TRACK PERFORMANCE",desc:"Scorecards for every tech and CSR. Know who's winning and who needs help.",color:Ls}].map((t,s)=>e.jsxs("div",{style:{background:"rgba(0,0,0,0.5)",backdropFilter:"blur(12px)",border:"1px solid rgba(255,255,255,0.1)",borderRadius:12,padding:"26px 28px",marginBottom:14,borderLeft:`4px solid ${t.color}`}
82,children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:14,marginBottom:8},children:[e.jsx("span",{style:{fontFamily:Y,fontSize:48,color:t.color},children:t.num}),e.jsx("span",{style:{fontFamily:Y,fontSize:32,color:te},children:t.title})]}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:xs,lineHeight:1.45},children:t.desc})]},s))}),e.jsxs("div",{style:{background:"rgba(247,145,30,0.1)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:12,padding:"22px 28px"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:36,color:te,marginBottom:4},children:"WHAT GETS MEASURED GETS MANAGED."}),e.jsx("p",{style:{fontFamily:V,fontSize:22,color:"rgba(255,255,255,0.6)",lineHeight:1.45},children:"Display leaderboards. Spark competition. Watch revenue climb."})]})]})}),id=()=>e.jsxs("div",{style:{width:As,height:Hs,position:"relative",overflow:"hidden",background:Wl},children:[e.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,height:"45%",background:le,display:"flex",flexDirection:"column",justifyContent:"flex-end",padding:"0 60px 48px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:52,alignSelf:"flex-start",marginBottom:28}}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:110,color:"#000",lineHeight:.9},children:["YOU KNOW WHAT",e.jsx("br",{}),"TO DO NOW."]})]}),e.jsxs("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"55%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",padding:"0 60px",textAlign:"center"},children:[e.jsxs("p",{style:{fontFamily:Y,fontSize:80,color:te,lineHeight:.95,marginBottom:24},children:["THE QUESTION IS:",e.jsx("br",{}),"WILL YOU ",e.jsx("span",{style:{color:le},children:"EXECUTE"}),"?"]}),e.jsx("p",{style:{fontFamily:V,fontSize:28,color:"rgba(255,255,255,0.55)",maxWidth:750,lineHeight:1.45,marginBottom:36},children:"Great customer service. Smart dispatch. Technology on-site. Follow up every estimate. Track every metric. That's how you win."}),e.jsx("div",{style:{display:"inline-block",padding:"24px 64px",background:le,borderRadius:12},children:e.jsx("p",{style:{fontFamily:Y,fontSize:42,color:"#000",letterSpacing:"0.08em"},children:"BOOK A DEMO AT CHIIRP.COM"})}),e.jsx("p",{style:{fontFamily:V,fontSize:20,color:gs,marginTop:24},children:"Automate your follow-up. Close more jobs. Grow revenue."})]}),e.jsx("div",{style:{position:"absolute",bottom:24,right:60},children:e.jsx("span",{style:{fontFamily:V,fontSize:18,color:"rgba(255,255,255,0.25)"},children:"08 / 08"})})]}),Wt=[{id:1,label:"Cover",Component:Jc},{id:2,label:"Customer Service",Component:Qc},{id:3,label:"Dispatch",Component:Zc},{id:4,label:"Technology",Component:ed},{id:5,label:"Pricing",Component:td},{id:6,label:"Follow Up",Component:sd},{id:7,label:"Train & Track",Component:ld},{id:8,label:"CTA",Component:id}],od=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),a=d.useRef(null),r=Wt[t],m=r.Component,b=()=>s(c=>Math.min(c+1,Wt.length-1)),v=()=>s(c=>Math.max(c-1,0)),f=c=>`chiirp-hvac-sales-tips-${c+1}-${Wt[c].label.replace(/\s+/g,"-").toLowerCase()}.png`,j=()=>new Promise(c=>requestAnimationFrame(()=>c())),g=async(c,x)=>{const p=c.style.transform,u=c.style.transformOrigin;c.style.transform="none",c.style.transformOrigin="top left",await j();try{const w=await lt(c,{width:As,height:Hs,pixelRatio:2,backgroundColor:Wl,cacheBust:!0}),C=document.createElement("a");C.download=x,C.href=w,C.click()}finally{c.style.transform=p,c.style.transformOrigin=u}},S=async()=>{if(a.current){n(!0);try{await g(a.current,f(t))}finally{n(!1)}}},z=async()=>{h(!0);try{const c=t;for(let x=0;x<Wt.length;x++)Ye.flushSync(()=>s(x)),await new Promise(p=>setTimeout(p,400)),a.current&&(await g(a.current,f(x)),await new Promise(p=>setTimeout(p,300)));Ye.flushSync(()=>s(c))}finally{h(!1)}},T=520,E=T/As;return e.jsxs("div",{style:{background:Wl,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:gs,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Carousel Maker"}),e.jsxs("h2",{style:{fontFamily:Y,fontSize:64,color:te,lineHeight:1},children:["HVAC SALES TIPS ",e.jsx("span",{style:{color:le},children:"CAROUSEL"})]}),e.jsx("p",{style:{color:xs,fontSize:18,marginTop:12,maxWidth:700,margin:"12px auto 0"},children:"8-slide Instagram carousel with 9 proven HVAC sales tips to maximize leads and boost profits."})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",ga
82p:40,padding:"0 40px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("button",{onClick:v,disabled:t===0,style:{position:"absolute",left:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===0?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===0?"not-allowed":"pointer",color:t===0?"rgba(255,255,255,0.2)":te,transition:"all 0.2s"},children:e.jsx(it,{size:22})}),e.jsx("button",{onClick:b,disabled:t===Wt.length-1,style:{position:"absolute",right:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===Wt.length-1?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===Wt.length-1?"not-allowed":"pointer",color:t===Wt.length-1?"rgba(255,255,255,0.2)":te,transition:"all 0.2s"},children:e.jsx(ge,{size:22})}),e.jsx("div",{style:{width:T,height:Hs*E,overflow:"hidden",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",position:"relative"},children:e.jsx("div",{ref:a,style:{width:As,height:Hs,transform:`scale(${E})`,transformOrigin:"top left"},children:e.jsx(m,{})})}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:8,marginTop:20},children:Wt.map((c,x)=>e.jsx("button",{onClick:()=>s(x),style:{width:t===x?28:8,height:8,borderRadius:4,background:t===x?le:"rgba(255,255,255,0.15)",border:"none",cursor:"pointer",transition:"all 0.3s"}},c.id))})]}),e.jsxs("div",{style:{maxWidth:340,width:"100%"},children:[e.jsxs("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:28},children:[e.jsx("p",{style:{fontFamily:V,fontSize:12,letterSpacing:"0.3em",color:gs,textTransform:"uppercase",marginBottom:8},children:"Current Slide"}),e.jsxs("p",{style:{fontFamily:Y,fontSize:32,color:te,marginBottom:4},children:[String(t+1).padStart(2,"0")," â ",r.label.toUpperCase()]}),e.jsxs("p",{style:{fontFamily:V,fontSize:14,color:xs,marginBottom:24},children:[As," à ",Hs,"px · Instagram Carousel"]}),e.jsxs("button",{onClick:S,disabled:l,style:{width:"100%",padding:"14px 0",borderRadius:10,background:le,border:"none",cursor:"pointer",fontFamily:Y,fontSize:20,color:te,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:l?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),l?"EXPORTING...":"DOWNLOAD PNG"]}),e.jsxs("button",{onClick:z,disabled:i,style:{width:"100%",padding:"14px 0",borderRadius:10,marginTop:12,background:"transparent",border:`1px solid ${le}40`,cursor:"pointer",fontFamily:Y,fontSize:20,color:le,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:i?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),i?"EXPORTING ALL...":"DOWNLOAD ALL SLIDES"]})]}),e.jsx("div",{style:{marginTop:20,display:"grid",gridTemplateColumns:"1fr 1fr 1fr 1fr",gap:8},children:Wt.map((c,x)=>e.jsxs("button",{onClick:()=>s(x),style:{background:t===x?`${le}15`:"rgba(255,255,255,0.03)",border:t===x?`1px solid ${le}40`:"1px solid rgba(255,255,255,0.06)",borderRadius:8,padding:"10px 4px",cursor:"pointer",transition:"all 0.2s",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:Y,fontSize:18,color:t===x?le:xs},children:String(x+1).padStart(2,"0")}),e.jsx("p",{style:{fontFamily:V,fontSize:9,color:gs,marginTop:2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.label})]},c.id))})]})]})]})},Le="#007AFF",Ce="#fafafa",mt="rgba(250,250,250,0.45)",pl="rgba(250,250,250,0.2)",_t="#000000",I="'Inter', -apple-system, 'SF Pro Display', 'Helvetica Neue', sans-serif",kt=1080,Ct=1350,Mi=({children:t,glow:s=!1,scale:l=1})=>e.jsxs("div",{style:{position:"relative",display:"inline-flex"},children:[s&&e.jsx("div",{style:{position:"absolute",inset:-40,background:`radial-gradient(ellipse at 50% 50%, ${Le}18 0%, transparent 70%)`,pointerEvents:"none"}}),e.jsxs("div",{style:{width:280*l,height:570*l,borderRadius:48*l,border:`${2*l}px solid rgba(255,255,255,0.12)`,background:"rgba(255,255,255,0.03)",position:"relative",overflow:"hidden"},children:[e.jsx("div",{style:{position:"absolute",top:0,left:"50%",transform:"translateX(-50%)",width:100*l,height:28*l,background:_t,borderRadius:`0 0 ${20*l}px ${20*l}px`,zIndex:5}}),t]})]}),nd=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:[e.jsx("div",{style:{position:"absolute",top:-200,left:"50%",transform:"translateX(-50%)",width:800,height:600,background:`radial-gradient(ellipse, ${Le}0d 0%, transparent 70%)`,pointerEvents:"none"}}),e.jsxs("div",{style:{textAlign:"center",marginBottom:80},children:[e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:Le,letterSpacing:"0.06em",marginBottom:20},children:"Introducing"}),e.jsx("h1",{style:{fontFamily:I,fontSize:120,fontWeight:700,color:Ce,lineHeight:.95,letterSpacing:"-0.03em"},children:"CHIIRP Blue"})]}),e.jsx(Mi,{glow:!0,scale:1.1,children:e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"flex-end",padding:"0 20px 60px"},children:[e.jsx("div",{style:{alignSelf:"flex-start",background:"rgba(255,255,255,0.08)",borderRadius:"20px 20px 20px 4px",padding:"14px 22px",maxWidth:"75%",marginBottom:12},children:e.jsx("p",{style:{fontFamily:I,fontSize:16,color:"rgba(255,255,255,0.5)",lineHeight:1.4},children:"Do you still have availability this week?"})}),e.jsx("div",{style:{alignSelf:"flex-end",background:Le,borderRadius:"20px 20px 4px 20px",padding:"14px 22px",maxWidth:"80%"},children:e.jsx("p",{style:{fontFamily:I,fontSize:16,color:Ce,lineHeight:1.4},children:"Hey! Absolutely, we have openings Thursday and Friday. Want me to lock one in?"})}),e.jsx("p",{style:{alignSelf:"flex-end",fontFamily:I,fontSize:11,color:"rgba(255,255,255,0.25)",marginTop:6},children:"Read 2:34 PM"})]})}),e.jsx("p",{style:{fontFamily:I,fontSize:22,fontWeight:300,color:mt,marginTop:60,letterSpacing:"-0.01em"},children:"iMessage from your CRM."})]}),ad=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:80},children:[e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:"#FF3B30",letterSpacing:"0.04em",marginBottom:40},children:"The problem"}),e.jsxs("h2",{style:{fontFamily:I,fontSize:200,fontWeight:700,color:Ce,lineHeight:.9,textAlign:"center",letterSpacing:"-0.04em"},children:["97",e.jsx("span",{style:{fontSize:120,color:mt},children:"%"})]}),e.jsxs("p",{style:{fontFamily:I,fontSize:36,fontWeight:300,color:mt,textAlign:"center",lineHeight:1.4,marginTop:32,maxWidth:700},children:["of business texts are sent",e.jsx("br",{}),"from unknown numbers."]}),e.jsx("div",{style:{width:40,height:1,background:"rgba(255,255,255,0.08)",margin:"60px 0"}}),e.jsxs("p",{style:{fontFamily:I,fontSize:24,fontWeight:300,color:pl,textAlign:"center",lineHeight:1.5,maxWidth:600},children:["They look like spam. They get ignored.",e.jsx("br",{}),"Every ignored text is a lost job."]})]}),rd=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:80},children:[e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:mt,letterSpacing:"0.04em",marginBottom:60},children:"Same message. Different experience."}),e.jsxs("div",{style:{display:"flex",gap:48,alignItems:"center"},children:[e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx(Mi,{scale:.95,children:e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",padding:"60px 18px 40px"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:24},children:[e.jsx("div",{style:{width:40,height:40,borderRadius:"50%",background:"rgba(255,255,255,0.06)",margin:"0 auto 8px",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("span",{style:{fontFamily:I,fontSize:16,color:"rgba(255,255,255,0.15)"},children:"?"})}),e.jsx("p",{style:{fontFamily:I,fontSize:13,color:"rgba(255,255,255,0.2)"},children:"(555) 867-5309"})]}),e.jsx("div",{style:{flex:1}}),e.jsx("div",{style:{alignSelf:"flex-start",background:"#34C759",borderRadius:"18px 18px 18px 4px",padding:"12px 18px",maxWidth:"85%"},children:e.jsx("p",{style:{fontFamily:I,fontSize:14,color:Ce,lineHeight:1.4},children:"Hi, this is a reminder about your appt. Reply YES to confirm. Reply STOP to opt out."})}
82),e.jsx("p",{style:{fontFamily:I,fontSize:10,color:"rgba(255,255,255,0.15)",marginTop:6,alignSelf:"flex-start"},children:"Delivered"})]})}),e.jsx("p",{style:{fontFamily:I,fontSize:15,fontWeight:500,color:"rgba(255,255,255,0.2)",marginTop:28,letterSpacing:"0.04em"},children:"Ignored"})]}),e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx(Mi,{glow:!0,scale:.95,children:e.jsxs("div",{style:{position:"absolute",inset:0,display:"flex",flexDirection:"column",padding:"60px 18px 40px"},children:[e.jsxs("div",{style:{textAlign:"center",marginBottom:24},children:[e.jsx("div",{style:{width:40,height:40,borderRadius:"50%",background:`linear-gradient(135deg, ${Le}, #5AC8FA)`,margin:"0 auto 8px",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("span",{style:{fontFamily:I,fontSize:14,fontWeight:700,color:Ce},children:"AC"})}),e.jsx("p",{style:{fontFamily:I,fontSize:13,color:"rgba(255,255,255,0.6)",fontWeight:500},children:"Ace Plumbing"})]}),e.jsx("div",{style:{flex:1}}),e.jsx("div",{style:{alignSelf:"flex-end",background:Le,borderRadius:"18px 18px 4px 18px",padding:"12px 18px",maxWidth:"85%"},children:e.jsx("p",{style:{fontFamily:I,fontSize:14,color:Ce,lineHeight:1.4},children:"Hey! It's Mike from Ace Plumbing. Just confirming your appointment tomorrow at 2pm. Need anything before we arrive?"})}),e.jsx("p",{style:{fontFamily:I,fontSize:10,color:`${Le}99`,marginTop:6,alignSelf:"flex-end"},children:"Read 2:34 PM"})]})}),e.jsx("p",{style:{fontFamily:I,fontSize:15,fontWeight:500,color:Ce,marginTop:28,letterSpacing:"0.04em"},children:"Replied in 30 seconds"})]})]})]}),cd=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",justifyContent:"center",padding:"100px 100px"},children:[e.jsx("div",{style:{position:"absolute",top:"50%",right:-100,transform:"translateY(-50%)",width:600,height:600,background:`radial-gradient(ellipse, ${Le}08 0%, transparent 70%)`,pointerEvents:"none"}}),e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:Le,letterSpacing:"0.04em",marginBottom:24},children:"Why it works"}),e.jsxs("h2",{style:{fontFamily:I,fontSize:72,fontWeight:700,color:Ce,lineHeight:1.05,letterSpacing:"-0.03em",marginBottom:80},children:["Five things SMS",e.jsx("br",{}),"can't do."]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:40},children:[{title:"Branded sender",desc:"Your company name, not a random number."},{title:"Read receipts",desc:"Know the moment they open it."},{title:"No opt-out language",desc:"No spam footer. Just conversation."},{title:"Rich media",desc:"HD photos, video, documents. No compression."},{title:"Automatic fallback",desc:"Non-iPhone contacts get SMS from the same number."}].map((t,s)=>e.jsxs("div",{style:{display:"flex",alignItems:"baseline",gap:24},children:[e.jsx("span",{style:{fontFamily:I,fontSize:15,fontWeight:400,color:pl,width:20,flexShrink:0},children:String(s+1).padStart(2,"0")}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:I,fontSize:28,fontWeight:600,color:Ce,letterSpacing:"-0.01em"},children:t.title}),e.jsx("p",{style:{fontFamily:I,fontSize:22,fontWeight:300,color:mt,marginTop:4},children:t.desc})]})]},s))})]}),dd=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:100},children:[e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:Le,letterSpacing:"0.04em",marginBottom:24},children:"How it works"}),e.jsxs("h2",{style:{fontFamily:I,fontSize:72,fontWeight:700,color:Ce,lineHeight:1.05,letterSpacing:"-0.03em",textAlign:"center",marginBottom:100},children:["Three steps.",e.jsx("br",{}),"That's it."]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:64,width:"100%",maxWidth:700},children:[{step:"01",title:"Connect your CRM",desc:"ServiceTitan, Housecall Pro, Jobber. Plug in and go."},{step:"02",title:"Port your number",desc:"Same number for calls and texts. Nothing changes for your customers."},{step:"03",title:"Send blue",desc:"iMessage delivery with your brand name. Automatic SMS fallback."}].map((t,s)=>
82e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",gap:36},children:[e.jsx("span",{style:{fontFamily:I,fontSize:64,fontWeight:200,color:pl,lineHeight:1,flexShrink:0},children:t.step}),e.jsxs("div",{style:{paddingTop:12},children:[e.jsx("p",{style:{fontFamily:I,fontSize:32,fontWeight:600,color:Ce,letterSpacing:"-0.01em"},children:t.title}),e.jsx("p",{style:{fontFamily:I,fontSize:22,fontWeight:300,color:mt,marginTop:6,lineHeight:1.4},children:t.desc})]})]},s))})]}),md=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:100},children:[e.jsx("div",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:900,height:900,background:`radial-gradient(ellipse, ${Le}06 0%, transparent 60%)`,pointerEvents:"none"}}),e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:mt,letterSpacing:"0.04em",marginBottom:80},children:"The numbers"}),e.jsxs("div",{style:{display:"flex",gap:80,alignItems:"center",marginBottom:80},children:[e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:I,fontSize:140,fontWeight:700,color:Ce,lineHeight:1,letterSpacing:"-0.04em"},children:"2x"}),e.jsx("p",{style:{fontFamily:I,fontSize:20,fontWeight:300,color:mt,marginTop:16},children:"response rate"})]}),e.jsx("div",{style:{width:1,height:120,background:"rgba(255,255,255,0.06)"}}),e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:I,fontSize:140,fontWeight:700,color:Ce,lineHeight:1,letterSpacing:"-0.04em"},children:"35K"}),e.jsx("p",{style:{fontFamily:I,fontSize:20,fontWeight:300,color:mt,marginTop:16},children:"active installs"})]})]}),e.jsx("div",{style:{width:40,height:1,background:"rgba(255,255,255,0.08)",marginBottom:60}}),e.jsx("div",{style:{display:"flex",gap:60},children:["SOC 2 Type II","HIPAA Compliant","HITRUST Certified"].map((t,s)=>e.jsx("p",{style:{fontFamily:I,fontSize:16,fontWeight:400,color:pl,letterSpacing:"0.03em"},children:t},s))})]}),pd=()=>e.jsxs("div",{style:{width:kt,height:Ct,position:"relative",overflow:"hidden",background:_t,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},children:[e.jsx("div",{style:{position:"absolute",top:"30%",left:"50%",transform:"translateX(-50%)",width:700,height:700,background:`radial-gradient(ellipse, ${Le}0a 0%, transparent 65%)`,pointerEvents:"none"}}),e.jsx("img",{src:k,alt:"CHIIRP",style:{height:32,marginBottom:64,opacity:.35}}),e.jsx("h2",{style:{fontFamily:I,fontSize:88,fontWeight:700,color:Ce,lineHeight:1,textAlign:"center",letterSpacing:"-0.03em",marginBottom:24},children:"Start sending blue."}),e.jsxs("p",{style:{fontFamily:I,fontSize:28,fontWeight:300,color:mt,textAlign:"center",marginBottom:72,lineHeight:1.5},children:["Convert more leads with the most trusted",e.jsx("br",{}),"messaging channel on earth."]}),e.jsx("div",{style:{padding:"20px 64px",background:Le,borderRadius:50,boxShadow:`0 0 60px ${Le}30`},children:e.jsx("p",{style:{fontFamily:I,fontSize:22,fontWeight:600,color:Ce,letterSpacing:"0.02em"},children:"Book a demo at chiirp.com"})}),e.jsx("div",{style:{display:"flex",gap:32,marginTop:56},children:["Unlimited texts","SMS fallback","Call + text"].map((t,s)=>e.jsx("p",{style:{fontFamily:I,fontSize:15,fontWeight:400,color:pl},children:t},s))})]}),qt=[{id:1,label:"Cover",Component:nd},{id:2,label:"The Problem",Component:ad},{id:3,label:"Green vs Blue",Component:rd},{id:4,label:"Why Blue Wins",Component:cd},{id:5,label:"How It Works",Component:dd},{id:6,label:"The Proof",Component:md},{id:7,label:"CTA",Component:pd}],hd=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),a=d.useRef(null),r=qt[t],m=r.Component,b=()=>s(c=>Math.min(c+1,qt.length-1)),v=()=>s(c=>Math.max(c-1,0)),f=c=>`chiirp-blue-${c+1}-${qt[c].label.replace(/\s+/g,"-").toLowerCase()}.png`,j=()=>new Promise(c=>requestAnimationFrame(()=>c())),g=async(c,x)=>{const p=c.style.transform,u=c.style.transformOrigin;c.style.transform="none",c.style.transformOrigin="top left",await j();try{const w=await lt(c,{width:kt,height:Ct,pixelRatio:2,backgroundColor:_t,cacheBust:!0}
82),C=document.createElement("a");C.download=x,C.href=w,C.click()}finally{c.style.transform=p,c.style.transformOrigin=u}},S=async()=>{if(a.current){n(!0);try{await g(a.current,f(t))}finally{n(!1)}}},z=async()=>{h(!0);try{const c=t;for(let x=0;x<qt.length;x++)Ye.flushSync(()=>s(x)),await new Promise(p=>setTimeout(p,400)),a.current&&(await g(a.current,f(x)),await new Promise(p=>setTimeout(p,300)));Ye.flushSync(()=>s(c))}finally{h(!1)}},T=520,E=T/kt;return e.jsxs("div",{style:{background:_t,padding:"80px 0 120px",borderTop:"1px solid rgba(255,255,255,0.04)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:400,color:Le,letterSpacing:"0.04em",marginBottom:12},children:"Carousel Maker"}),e.jsx("h2",{style:{fontFamily:I,fontSize:48,fontWeight:700,color:Ce,lineHeight:1.1,letterSpacing:"-0.03em"},children:"CHIIRP Blue Messaging"}),e.jsx("p",{style:{fontFamily:I,fontSize:18,fontWeight:300,color:mt,marginTop:12,maxWidth:500,margin:"12px auto 0"},children:"7-slide carousel. iMessage from your CRM."})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",gap:40,padding:"0 40px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("button",{onClick:v,disabled:t===0,style:{position:"absolute",left:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===0?"rgba(255,255,255,0.02)":"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.06)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===0?"not-allowed":"pointer",color:t===0?"rgba(255,255,255,0.1)":Ce,transition:"all 0.2s"},children:e.jsx(it,{size:20})}),e.jsx("button",{onClick:b,disabled:t===qt.length-1,style:{position:"absolute",right:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===qt.length-1?"rgba(255,255,255,0.02)":"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.06)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===qt.length-1?"not-allowed":"pointer",color:t===qt.length-1?"rgba(255,255,255,0.1)":Ce,transition:"all 0.2s"},children:e.jsx(ge,{size:20})}),e.jsx("div",{style:{width:T,height:Ct*E,overflow:"hidden",borderRadius:16,border:"1px solid rgba(255,255,255,0.04)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",position:"relative"},children:e.jsx("div",{ref:a,style:{width:kt,height:Ct,transform:`scale(${E})`,transformOrigin:"top left"},children:e.jsx(m,{})})}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:8,marginTop:20},children:qt.map((c,x)=>e.jsx("button",{onClick:()=>s(x),style:{width:t===x?24:8,height:8,borderRadius:4,background:t===x?Le:"rgba(255,255,255,0.08)",border:"none",cursor:"pointer",transition:"all 0.3s"}},c.id))})]}),e.jsx("div",{style:{maxWidth:320,width:"100%"},children:e.jsxs("div",{style:{background:"rgba(255,255,255,0.02)",border:"1px solid rgba(255,255,255,0.04)",borderRadius:16,padding:28},children:[e.jsx("p",{style:{fontFamily:I,fontSize:12,letterSpacing:"0.2em",color:pl,textTransform:"uppercase",marginBottom:8},children:"Current Slide"}),e.jsxs("p",{style:{fontFamily:I,fontSize:24,fontWeight:600,color:Ce,marginBottom:4,letterSpacing:"-0.01em"},children:[String(t+1).padStart(2,"0")," â ",r.label]}),e.jsxs("p",{style:{fontFamily:I,fontSize:14,fontWeight:300,color:mt,marginBottom:24},children:[kt," à ",Ct,"px · Instagram Carousel"]}),e.jsxs("button",{onClick:S,disabled:l,style:{width:"100%",padding:"14px 0",borderRadius:50,background:Le,border:"none",cursor:"pointer",fontFamily:I,fontSize:15,fontWeight:600,color:Ce,letterSpacing:"0.02em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:l?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:16}),l?"Exporting...":"Download PNG"]}),e.jsxs("button",{onClick:z,disabled:i,style:{width:"100%",padding:"14px 0",borderRadius:50,background:"transparent",border:"1px solid rgba(255,255,255,0.08)",cursor:"pointer",fontFamily:I,fontSize:15,fontWeight:600,color:mt,letterSpacing:"0.02em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,marginTop:12,opacity:i?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:16}),i?"Exporting all...":"Download all 7"]})]})})]})]})},xd="/assets/jake-gress-portrait-Bye2VOVC.png",gd="/assets/goettl-delivered-bg-DrL0Kuj3.jpg",fd="/assets/goettl-truck-xE0SkFui.png",yd="/assets/goettl-indiana-map-BimPhMcO.jpg",he="#f7911e",Be="#fafafa",Dl="rgba(250,250,250,0.55)",Bt="rgba(250,250,250,0.3)",rt="#050a14",os="'Bebas Neue', sans-serif",Me="'Inter', sans-serif",ft="'Montserrat', sans-serif",Tt=1080,Ft=1350,ud=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden",background:rt},children:[e.jsx("img",{src:fd,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.45,filter:"brightness(0.6) saturate(1.2)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(5,10,20,0.2) 0%, rgba(5,10,20,0.5) 40%, rgba(5,10,20,0.97) 100%)"}}),e.jsx("div",{style:{position:"absolute",top:"20%",left:"50%",transform:"translateX(-50%)",width:600,height:600,background:"radial-gradient(ellipse, rgba(247,145,30,0.15) 0%, transparent 65%)",pointerEvents:"none"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"60px 60px 50px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:"auto"},children:[e.jsx("img",{src:pi,alt:"Goettl",style:{height:44,opacity:.6}}),e.jsx("div",{style:{width:1,height:28,background:"rgba(250,250,250,0.2)"}}),e.jsx("img",{src:k,alt:"CHIIRP",style:{height:32,opacity:.4}})]}),e.jsxs("div",{style:{marginBottom:60},children:[e.jsx("p",{style:{fontFamily:ft,fontSize:20,fontWeight:800,color:he,letterSpacing:"0.5em",textTransform:"uppercase",marginBottom:28},children:"CEO TESTIMONIAL"}),e.jsxs("h1",{style:{fontFamily:os,fontSize:120,lineHeight:.88,letterSpacing:"0.03em",color:Be,marginBottom:28},children:["WHY",e.jsx("br",{}),"GOETTL",e.jsx("br",{}),"CHOSE",e.jsx("br",{}),e.jsx("span",{style:{color:he},children:"CHIIRP."})]}),e.jsx("div",{style:{width:80,height:5,background:he,marginBottom:28}}
82),e.jsxs("p",{style:{fontFamily:Me,fontSize:26,color:Dl,lineHeight:1.5},children:["Jake Gress, CEO of Goettl, on how CHIIRP",e.jsx("br",{}),"transformed their customer journey."]}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt,marginTop:20},children:"01 / 07"})]})]})]}),bd=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden",background:rt},children:[e.jsx("img",{src:yd,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.5,filter:"brightness(0.5) saturate(0.8)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(5,10,20,0.5) 0%, rgba(5,10,20,0.8) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:32,alignSelf:"flex-start",opacity:.3,marginBottom:80}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16,marginBottom:32},children:[e.jsx(_n,{size:28,color:he}),e.jsx("p",{style:{fontFamily:ft,fontSize:18,fontWeight:800,color:he,letterSpacing:"0.4em",textTransform:"uppercase"},children:"THE CHALLENGE"})]}),e.jsxs("h2",{style:{fontFamily:os,fontSize:130,lineHeight:.92,letterSpacing:"0.03em",color:Be,marginBottom:40},children:["MAPPING THE",e.jsx("br",{}),e.jsxs("span",{style:{color:he},children:["CUSTOMER",e.jsx("br",{}),"JOURNEY."]})]}),e.jsx("div",{style:{width:60,height:4,background:he,marginBottom:40}}),e.jsx(Vi,{size:44,color:he,style:{opacity:.4,marginBottom:16}}),e.jsx("p",{style:{fontFamily:Me,fontSize:36,color:Be,lineHeight:1.55,fontStyle:"italic",maxWidth:950,marginBottom:16},children:`"One of the things at Goettl that we've spent a lot of time on is really mapping our customer journey and making sure that we take as much friction out of that process as possible."`}),e.jsx("p",{style:{fontFamily:ft,fontSize:20,fontWeight:700,color:Bt,letterSpacing:"0.2em"},children:"JAKE GRESS, CEO"})]}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt},children:"02 / 07"})]})]}),jd=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden",background:rt},children:[e.jsx("img",{src:$n,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.8,filter:"brightness(0.75) saturate(1.4)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(5,10,20,0.2) 0%, rgba(5,10,20,0.75) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:32,alignSelf:"flex-start",opacity:.3,marginBottom:80}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e.jsxs("h2",{style:{fontFamily:os,fontSize:140,lineHeight:.88,letterSpacing:"0.04em",color:Be,marginBottom:40},children:["CANYONS",e.jsx("br",{}),"IN YOUR",e.jsx("br",{}),e.jsx("span",{style:{color:he},children:"HANDOFFS."})]}),e.jsx("div",{style:{width:80,height:5,background:he,marginBottom:36}}),e.jsx("p",{style:{fontFamily:Me,fontSize:34,color:Dl,lineHeight:1.6,maxWidth:900,marginBottom:48},children:"Without proper handoffs between branches, gaps form in the customer experience. Every gap is revenue walking out the door."}),e.jsx("p",{style:{fontFamily:ft,fontSize:26,fontWeight:800,color:Dl,letterSpacing:"0.3em",textTransform:"uppercase",marginBottom:24},children:"CHIIRP GIVES YOU VISIBILITY ON:"}),e.jsx("div",{style:{display:"flex",gap:20},children:[{label:"BRANCH HANDOFFS"},{label:"CUSTOMER VISIBILITY"},{label:"PROCESS CONSISTENCY"}].map((t,s)=>e.jsxs("div",{style:{flex:1,position:"relative",overflow:"hidden",borderRadius:16,padding:"40px 24px 32px",background:"linear-gradient(135deg, rgba(247,145,30,0.12) 0%, rgba(247,145,30,0.03) 100%)",border:"1px solid rgba(247,145,30,0.2)"},children:[e.jsx("div",{style:{width:40,height:4,background:he,marginBottom:18,borderRadius:2}}),e.jsx("p",{style:{fontFamily:ft,fontSize:24,fontWeight:900,color:Be,letterSpacing:"0.08em",lineHeight:1.3},children:t.label})]},s))})]}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt,marginTop:40},children:"03 / 07"})]})]}),vd=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden",background:rt},children:[e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:"25%",background:rt}}),e.jsx("div",{style:{position:"absolute",top:"25%",left:0,right:0,height:"35%",background:he}}),e.jsx("div",{style:{position:"absolute",top:"60%",left:0,right:0,bottom:0,background:rt}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"60px 70px 50px"},children:[e.jsxs("div",{style:{height:"25%",display:"flex",flexDirection:"column",justifyContent:"center"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:36,alignSelf:"flex-start",opacity:.4,marginBottom:20}}),e.jsx("p",{style:{fontFamily:ft,fontSize:24,fontWeight:800,letterSpacing:"0.4em",color:he,textTransform:"uppercase"},children:"THE SOLUTION"})]}),e.jsx("div",{style:{height:"35%",display:"flex",alignItems:"center"},children:e.jsxs("h2",{style:{fontFamily:os,fontSize:180,lineHeight:.82,letterSpacing:"0.04em",color:rt},children:["CHIIRP",e.jsx("br",{}),"WAS THE",e.jsx("br",{}),"KEY."]})}),e.jsxs("div",{style:{height:"40%",display:"flex",flexDirection:"column",justifyContent:"center",paddingTop:20},children:[e.jsx(Vi,{size:36,color:he,style:{opacity:.5,marginBottom:14}}),e.jsx("p",{style:{fontFamily:Me,fontSize:30,color:Be,lineHeight:1.55,fontStyle:"italic",marginBottom:14},children:'"When we were looking for a partner and a technical solution that could help us, CHIIRP was really the key for us."'}),e.jsx("p",{style:{fontFamily:ft,fontSize:18,fontWeight:700,color:Bt,letterSpacing:"0.2em"},children:"JAKE GRESS, CEO OF GOETTL"}),e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"auto"},children:[e.jsx("img",{src:pi,alt:"Goettl",style:{height:36,opacity:.35}}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt},children:"04 / 07"})]})]})]})]}),Sd=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden",background:rt},children:[e.jsx("img",{src:gd,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",opacity:.85}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(5,10,20,0.6) 0%, rgba(5,10,20,0.3) 50%, rgba(5,10,20,0.7) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:32,alignSelf:"flex-start",opacity:.3,marginBottom:40}}),e.jsx("p",{style:{fontFamily:ft,fontSize:24,fontWeight:800,color:he,letterSpacing:"0.4em",textTransform:"uppercase",marginBottom:16},children:"WHAT CHIIRP DELIVERED"}),e.jsxs("h2",{style:{fontFamily:os,fontSize:110,lineHeight:.92,letterSpacing:"0.03em",color:Be,marginBottom:40},children:["FLEXIBILITY.",e.jsx("br",{}),"AUTOMATION.",e.jsx("br",{}),e.jsx("span",{style:{color:he},children:"TRANSPARENCY."})]}),e.jsx("div",{style:{flex:1,display:"flex",flexDirection:"column",gap:16,justifyContent:"center"},children:[{num:"01",title:"AUTOMATE THE STEPS",desc:"Remove manual handoffs that create friction and delay."},{num:"02",title:"ELIMINATE THE CANYONS",desc:"Bridge gaps between branches. No customer falls through."},{num:"03",title:"COMPLETE TRANSPARENCY",desc:"Customers know exactly where you are in the process."},{num:"04",title:"EMPOWER YOUR TEAM",desc:"Give your people the tools to make it effortless."}].map((t,s)=>e.jsxs("div",{style:{display:"flex",gap:24,alignItems:"center",padding:"28px 32px",background:"rgba(250,250,250,0.03)",borderLeft:`5px solid ${he}`,borderRadius:"0 14px 14px 0"},children:[e.jsx("span",{style:{fontFamily:os,fontSize:56,color:he,lineHeight:1,minWidth:64},children:t.num}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:ft,fontSize:26,fontWeight:900,color:Be,letterSpacing:"0.08em",marginBottom:4},children:t.title}),e.jsx("p",{style:{fontFamily:Me,fontSize:24,color:Dl,lineHeight:1.4},children:t.desc})]})]},s))}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt,marginTop:20},children:"05 / 07"})]})]}),wd=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden",background:rt},children:[e.jsx("img",{src:xd,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.5) saturate(1.3)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(5,10,20,0.2) 0%, rgba(5,10,20,0.6) 60%, rgba(5,10,20,0.85) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:"50px 50px 50px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"auto"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:28,opacity:.4}}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsx("img",{src:pi,alt:"Goettl",style:{height:28,opacity:.5}}),e.jsx("p",{style:{fontFamily:ft,fontSize:14,fontWeight:700,color:Be,letterSpacing:"0.1em",opacity:.7},children:"JAKE GRESS, CEO"})]})]}),e.jsxs("div",{style:{background:"rgba(5,10,20,0.6)",backdropFilter:"blur(20px)",WebkitBackdropFilter:"blur(20px)",borderRadius:20,border:"1px solid rgba(247,145,30,0.2)",padding:"48px 48px 40px",marginBottom:50},children:[e.jsx(Vi,{size:44,color:he,style:{opacity:.5,marginBottom:20}}),e.jsxs("h2",{style:{fontFamily:os,fontSize:80,lineHeight:.92,letterSpacing:"0.03em",color:Be,marginBottom:20},children:["CHIIRP HELPS US BE ",e.jsx("span",{style:{color:he},children:"EASY"})," FOR EVERY CUSTOMER."]}),e.jsx("div",{style:{width:60,height:4,background:he,marginBottom:20}}),e.jsx("p",{style:{fontFamily:Me,fontSize:26,color:Dl,lineHeight:1.6,fontStyle:"italic"},children:'"CHIIRP has been really important to us in helping streamline all of that and give our team the tools to make sure that we are easy for every customer that we deal with."'})]}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt,textAlign:"center"},children:"06 / 07"})]})]}),Nd=wd,kd=()=>e.jsxs("div",{style:{width:Tt,height:Ft,position:"relative",overflow:"hidden"},children:[e.jsx("div",{style:{position:"absolute",top:0,left:0,right:0,height:"45%",background:he}}),e.jsx("div",{style:{position:"absolute",bottom:0,left:0,right:0,height:"55%",background:rt}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",height:"100%",textAlign:"center",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:50,marginBottom:48}}),e.jsxs("h2",{style:{fontFamily:os,fontSize:120,lineHeight:.88,letterSpacing:"0.04em",color:Be,marginBottom:32},children:["REMOVE THE",e.jsx("br",{}),"FRICTION.",e.jsx("br",{}),"CLOSE THE",e.jsx("br",{}),e.jsx("span",{style:{color:rt},children:"CANYONS."})]}),e.jsx("div",{style:{width:80,height:5,background:Be,marginBottom:32,opacity:.3}}),e.jsx("p",{style:{fontFamily:ft,fontSize:24,fontWeight:800,color:Be,letterSpacing:"0.15em",textTransform:"uppercase",marginBottom:48},children:"SEE WHY INDUSTRY LEADERS CHOOSE CHIIRP."}),e.jsx("div",{style:{background:Be,borderRadius:16,padding:"20px 64px"},children:e.jsx("p",{style:{fontFamily:ft,fontSize:22,fontWeight:900,color:rt,letterSpacing:"0.1em"},children:"BOOK A DEMO"})}),e.jsxs("div",{style:{marginTop:"auto",display:"flex",alignItems:"center",gap:16},children:[e.jsx("img",{src:pi,alt:"Goettl",style:{height:28,opacity:.35}}),e.jsx("p",{style:{fontFamily:Me,fontSize:18,color:Bt},children:"07 / 07"})]})]})]}),Jt=[{id:1,label:"Cover",Component:ud},{id:2,label:"Challenge",Component:bd},{id:3,label:"Problem",Component:jd},{id:4,label:"Solution",Component:vd},{id:5,label:"Delivered",Component:Sd},{id:6,label:"Result",Component:Nd},{id:7,label:"CTA",Component:kd}],Cd=()=>
82{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),a=d.useRef(null),r=()=>s(g=>Math.min(g+1,Jt.length-1)),m=()=>s(g=>Math.max(g-1,0)),b=async(g,S)=>{const z=g.style.transform;g.style.transform="none",await new Promise(c=>requestAnimationFrame(()=>requestAnimationFrame(c)));const T=await lt(g,{width:Tt,height:Ft,pixelRatio:2,cacheBust:!0});g.style.transform=z;const E=document.createElement("a");E.href=T,E.download=S,E.click()},v=async()=>{if(!(!a.current||l)){n(!0);try{await b(a.current,`goettl-testimonial-${Jt[t].id}.png`)}finally{n(!1)}}},f=async()=>{if(!(!a.current||i)){h(!0);try{for(let g=0;g<Jt.length;g++)Ye.flushSync(()=>s(g)),await new Promise(S=>requestAnimationFrame(()=>requestAnimationFrame(S))),a.current&&await b(a.current,`goettl-testimonial-${Jt[g].id}.png`)}finally{h(!1)}}},j=Math.min(480/Tt,600/Ft);return e.jsx("section",{className:"py-20 px-4",style:{background:"#0a0a0a"},children:e.jsxs("div",{className:"max-w-5xl mx-auto",children:[e.jsx("h2",{style:{fontFamily:os,fontSize:48,color:Be,letterSpacing:"0.06em",textAlign:"center",marginBottom:8},children:"GOETTL CEO TESTIMONIAL CAROUSEL"}),e.jsx("p",{style:{fontFamily:Me,fontSize:16,color:Bt,textAlign:"center",marginBottom:40},children:"7-slide Instagram carousel · 1080 à 1350"}),e.jsxs("div",{className:"flex flex-col items-center gap-6",children:[e.jsx("div",{style:{width:Tt*j,height:Ft*j,position:"relative",overflow:"hidden",borderRadius:12,boxShadow:"0 20px 60px rgba(0,0,0,0.6)"},children:e.jsx("div",{ref:a,style:{width:Tt,height:Ft,transform:`scale(${j})`,transformOrigin:"top left"},children:(()=>{const g=Jt[t].Component;return e.jsx(g,{})})()})}),e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("button",{onClick:m,disabled:t===0,className:"w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 disabled:opacity-30 transition-colors",children:e.jsx(it,{size:20,color:Be})}),e.jsx("div",{className:"flex gap-2",children:Jt.map((g,S)=>e.jsx("button",{onClick:()=>s(S),className:"transition-all",style:{width:t===S?24:8,height:8,borderRadius:4,background:t===S?he:"rgba(250,250,250,0.2)"}},g.id))}),e.jsx("button",{onClick:r,disabled:t===Jt.length-1,className:"w-10 h-10 rounded-full bg-white/10 flex items-center justify-center hover:bg-white/20 disabled:opacity-30 transition-colors",children:e.jsx(ge,{size:20,color:Be})})]}),e.jsxs("p",{style:{fontFamily:Me,fontSize:14,color:Bt},children:[Jt[t].label," · Slide ",t+1," of ",Jt.length]}),e.jsxs("div",{className:"flex gap-3",children:[e.jsxs("button",{onClick:v,disabled:l,className:"flex items-center gap-2 px-5 py-2.5 rounded-lg bg-white/10 hover:bg-white/20 transition-colors",style:{fontFamily:Me,fontSize:14,color:Be},children:[e.jsx(ve,{size:16})," ",l?"Exporting...":"Download Slide"]}),e.jsxs("button",{onClick:f,disabled:i,className:"flex items-center gap-2 px-5 py-2.5 rounded-lg transition-colors",style:{fontFamily:Me,fontSize:14,color:rt,background:he,fontWeight:700},children:[e.jsx(ve,{size:16})," ",i?"Exporting...":"Download All"]})]})]})]})})},yi="/assets/apple-biz-iphone-dark-C1Vow1LJ.jpg",Td="/assets/apple-biz-tech-field-6eAxsE5r.jpg",Fd="/assets/apple-biz-tap-pay-SQLbenrf.jpg",Ed="/assets/apple-biz-maps-BKcxNlIP.jpg",zd="/assets/apple-biz-verify-CdM7OMOh.jpg",Id="/assets/apple-biz-storefront-B__yCUPB.jpg",Rd="/assets/apple-biz-launch-DJlwIvY9.jpg",ie="#f7911e",ye="#fafafa",Ne="rgba(250,250,250,0.5)",sl="rgba(250,250,250,0.35)",Ml="#0a0a0a",X="'Bebas Neue', sans-serif",P="'Inter', sans-serif",Os=1080,$s=1350,vs=({bgSrc:t,brightness:s=.45,children:l,pageNum:n})=>e.jsxs("div",{style:{width:Os,height:$s,position:"relative",overflow:"hidden",background:Ml},children:[e.jsx("img",{src:t,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:`brightness(${s})`}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,width:"100%",height:"100%",display:"flex",flexDirection:"column",padding:"60px 60px 50px"},children:[l,e.jsxs("div",{style:{marginTop:"auto",display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:36,opacity:.5}}),e.jsx("p",{style:{fontFamily:X,fontSize:32,color:"rgba(255,255,255,0.25)",letterSpacing:"0.1em"},children:n})]})]})]}),Bd=()=>e.jsxs("div",{style:{width:Os,height:$s,position:"relative",overflow:"hidden",background:Ml},children:[e.jsx("img",{src:yi,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.25)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(10,10,10,0.85) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,width:"100%",height:"100%",display:"flex",flexDirection:"column",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:48,alignSelf:"flex-start",marginBottom:40}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center"},children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:16},children:"April 14, 2026 · Everything Changes"}),e.jsxs("h1",{style:{fontFamily:X,fontSize:120,color:ye,lineHeight:.9,marginBottom:24},children:["APPLE IS COMING",e.jsx("br",{}),"FOR YOUR",e.jsx("br",{}),e.jsx("span",{style:{color:ie},children:"LEADS."})]}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.6,maxWidth:800},children:"A new platform just dropped that could change the game for every plumber, HVAC tech, and trade pro. Swipe to see why. â"})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx("p",{style:{fontFamily:P,fontSize:24,color:sl}
82,children:"chiirp.com"}),e.jsx("p",{style:{fontFamily:X,fontSize:32,color:"rgba(255,255,255,0.25)",letterSpacing:"0.1em"},children:"01 / 10"})]})]})]}),Ad=()=>e.jsxs(vs,{bgSrc:yi,brightness:.3,pageNum:"02 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Here's What's Happening"}),e.jsx("h2",{style:{fontFamily:X,fontSize:88,color:ye,lineHeight:.95,marginBottom:28},children:"APPLE JUST UNIFIED EVERYTHING."}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,marginBottom:32,maxWidth:900},children:"On April 14th, Apple is merging all of its business tools into one single platform. New ways for customers to find you, trust you, and pay you."}),e.jsx("div",{style:{borderLeft:`4px solid ${ie}`,paddingLeft:28,marginBottom:20},children:e.jsx("p",{style:{fontFamily:P,fontSize:28,color:ye,lineHeight:1.7,fontWeight:600},children:"Three big things you need to know:"})}),e.jsx("div",{style:{display:"flex",gap:20},children:[{num:"1",label:"Free fleet management tools for your techs"},{num:"2",label:"Your brand shows up on every payment & email"},{num:"3",label:"Apple Maps is launching paid ads (like Google LSA)"}].map((t,s)=>e.jsxs("div",{style:{flex:1,background:"rgba(247,145,30,0.08)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:14,padding:"24px 20px",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:64,color:ie,lineHeight:1},children:t.num}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,marginTop:8,lineHeight:1.4},children:t.label})]},s))})]}),Hd=()=>e.jsxs(vs,{bgSrc:yi,brightness:.5,pageNum:"03 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Why This Matters"}),e.jsx("h2",{style:{fontFamily:X,fontSize:100,color:ye,lineHeight:.95,marginBottom:32},children:"APPLE IS CLOSING THE LOOP"}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,maxWidth:900,marginBottom:40},children:"Managing your presence on iPhone has been a fragmented mess. Starting April 14th, Apple is merging everything into one high-performance ecosystem."}),e.jsx("div",{style:{display:"flex",gap:20},children:[{title:"ONE PLATFORM",desc:"All business tools unified"},{title:"MORE CUSTOMERS",desc:"Better discovery and reach"},{title:"EFFICIENT TEAMS",desc:"Manage your fleet smarter"}].map((t,s)=>e.jsxs("div",{style:{flex:1,background:"rgba(247,145,30,0.08)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:16,padding:"28px 24px"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:40,color:ie,marginBottom:8},children:t.title}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne},children:t.desc})]},s))})]}),Od=()=>e.jsxs(vs,{bgSrc:Td,brightness:.45,pageNum:"04 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Win #1"}),e.jsx("h2",{style:{fontFamily:X,fontSize:96,color:ye,lineHeight:.95,marginBottom:24},children:"FREE TOOLS FOR YOUR FLEET"}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,marginBottom:36},children:"Apple is introducing free Mobile Device Management. No more monthly fees to manage field devices."}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[{color:ie,title:"MANAGE FIELD DEVICES",desc:"Deploy invoicing apps and ensure data security across your entire fleet"},{color:"#22c55e",title:"BLUEPRINTS",desc:"Every device in the field gets the same essential work apps pre-installed when a tech signs in"},{color:ye,title:"ZERO COST",desc:"Enterprise-grade device management that used to cost hundreds per month is now free"}].map((t,s)=>e.jsxs("div",{style:{display:"flex",gap:20,alignItems:"flex-start",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:14,padding:"24px 28px"},children:[e.jsx("div",{style:{width:6,minHeight:60,borderRadius:3,background:t.color,flexShrink:0,marginTop:4}}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:X,fontSize:38,color:t.color,marginBottom:4},children:t.title}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.5},children:t.desc})]})]},s))})]}),$d=()=>e.jsxs(vs,{bgSrc:Fd,brightness:.4,pageNum:"05 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Win #2"}),e.jsx("h2",{style:{fontFamily:X,fontSize:96,color:ye,lineHeight:.95,marginBottom:24},children:"TRANSACTIONAL TRUST IN THE FIELD"}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,marginBottom:36},children:"Trust is your most valuable currency. Apple embeds your brand into high-visibility touchpoints."}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:20},children:[e.jsxs("div",{style:{background:"rgba(247,145,30,0.1)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:16,padding:"32px 28px"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:44,color:ie,marginBottom:8},children:"BRANDED MAIL"}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.6},children:"Your logo and verified name show up in the customer's inbox, making quotes and reminders instantly recognizable."})]}),e.jsxs("div",{style:{background:"rgba(255,255,255,0.06)",border:"1px solid rgba(255,255,255,0.12)",borderRadius:16,padding:"32px 28px"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:44,color:ye,marginBottom:8},children:"TAP TO PAY BRANDING"}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.6},children:"When your tech accepts contactless payment, your verified logo appears on the payment screen. Reassurance at the moment money changes hands."})]})]})]}),Wd=()=>e.jsxs(vs,{bgSrc:Ed,brightness:.5,pageNum:"06 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Win #3"}),e.jsx("h2",{style:{fontFamily:X,fontSize:96,color:ye,lineHeight:.95,marginBottom:24},children:"APPLE MAPS ADS ARE COMING"}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:sl,textTransform:"uppercase",letterSpacing:"0.2em",marginBottom:32},children:"Summer 2026"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:16,marginBottom:32},children:[{stat:"HIGH-INTENT",desc:"Ads target key moments like 'emergency drain cleaning' or 'plumber near me'"},{stat:"BLUE HALO",desc:"Sponsored results at the top with a distinctive blue halo around the pin"},{stat:"PRIVACY-FIRST",desc:"Leads based on current intent and location, not cross-web tracking"}].map((t,s)=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:20,background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:14,padding:"24px 28px"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:40,color:ie,minWidth:220},children:t.stat}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.5},children:t.desc})]},s))}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:ye,lineHeight:1.6,fontWeight:600},children:"Premium iOS demographic. High-margin leads. Privacy-centric targeting."})]}),Dd=()=>e.jsxs(vs,{bgSrc:zd,brightness:.4,pageNum:"07 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:"#22c55e",fontWeight:700,marginBottom:20},children:"Phase 1 · Now through April 14"}),e.jsx("h2",{style:{fontFamily:X,fontSize:96,color:ye,lineHeight:.95,marginBottom:32},children:"VERIFY YOUR IDENTITY"}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,marginBottom:40},children:"The full power of Apple Business is gated by strict verification. Get ahead of competitors now."}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[{num:"01",title:"VERIFY YOUR COMPANY",desc:"Complete verification via document review (business license/insurance) or domain validation"},{num:"02",title:"SAB OPTIMIZATION",desc:"Define your service area by zip code to show up in Siri voice searches"}].map((t,s)=>e.jsxs("div",{style:{display:"flex",gap:20,alignItems:"flex-start",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:14,padding:"28px"},children:[e.jsx("div",{style:{fontFamily:X,fontSize:64,color:"#22c55e",lineHeight:1,minWidth:70},children:t.num}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:X,fontSize:38,color:ye,marginBottom:8},children:t.title}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.5},children:t.desc})]})]},s))})]}),Md=()=>e.jsxs(vs,{bgSrc:Id,brightness:.35,pageNum:"08 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Phase 2 · April 14 through June"}),e.jsx("h2",{style:{fontFamily:X,fontSize:88,color:ye,lineHeight:.95,marginBottom:28},children:"OPTIMIZE YOUR DIGITAL STOREFRONT"}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:16},children:[{num:"01",title:"PRIMARY ACTION",desc:"Configure your Rich Place Card with a 'Request a Quote' button that captures leads instantly."},{num:"02",title:"CONTENT REFRESH",desc:"Upload 100+ photos of your uniformed teams and branded trucks to build visual trust."},{num:"03",title:"ACTIVATE SHOWCASES",desc:"Highlight seasonal offers that appear prominently on your listing."}].map((t,s)=>e.jsxs("div",{style:{display:"flex",gap:20,alignItems:"flex-start",background:"rgba(255,255,255,0.04)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:14,padding:"24px 28px"},children:[e.jsx("div",{style:{fontFamily:X,fontSize:56,color:ie,lineHeight:1,minWidth:60},children:t.num}),e.jsxs("div",{children:[e.jsx("p",{style:{fontFamily:X,fontSize:36,color:ye,marginBottom:6},children:t.title}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.5},children:t.desc})]})]},s))})]}),Ld=()=>e.jsxs(vs,{bgSrc:Rd,brightness:.5,pageNum:"09 / 10",children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"Phase 3 · Summer 2026"}),e.jsx("h2",{style:{fontFamily:X,fontSize:96,color:ye,lineHeight:.95,marginBottom:32},children:"LAUNCH AND LEAD CAPTURE"}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,marginBottom:40},children:"Once the ad platform rolls out, you have a massive first-mover advantage."}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:20},children:[e.jsxs("div",{style:{background:"rgba(247,145,30,0.1)",border:"1px solid rgba(247,145,30,0.2)",borderRadius:16,padding:"32px 28px"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:44,color:ie,marginBottom:8},children:"STRATEGIC BIDDING"}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.6},children:"Bid on high-intent keywords to reach the premium iOS demographic before competitors catch on."})]}),e.jsxs("div",{style:{background:"rgba(34,197,94,0.1)",border:"1px solid rgba(34,197,94,0.2)",borderRadius:16,padding:"32px 28px"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:44,color:"#22c55e",marginBottom:8},children:"MONITOR INSIGHTS"}),e.jsx("p",{style:{fontFamily:P,fontSize:26,color:Ne,lineHeight:1.6},children:'Use the real-time Insights dashboard to track how many people tap your "Call" or "Request a Quote" buttons.'})]})]})]}),Pd=()=>e.jsxs("div",{style:{width:Os,height:$s,position:"relative",overflow:"hidden",background:Ml},children:[e.jsx("img",{src:yi,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:"brightness(0.2)"}}),e.jsx("div",{style:{position:"absolute",inset:0,background:"linear-gradient(180deg, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.9) 100%)"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,width:"100%",height:"100%",display:"flex",flexDirection:"column",padding:"60px 60px 50px"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:56,alignSelf:"flex-start",marginBottom:40}}),e.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:P,fontSize:28,letterSpacing:"0.3em",textTransform:"uppercase",color:ie,fontWeight:700,marginBottom:20},children:"The Bottom Line"}),e.jsx("h1",{style:{fontFamily:X,fontSize:100,color:ye,lineHeight:.95,marginBottom:32,maxWidth:900},children:"CHIIRP IS ALREADY ON TOP OF THESE LEADS."}),e.jsx("p",{style:{fontFamily:P,fontSize:28,color:Ne,lineHeight:1.7,marginBottom:48,maxWidth:780},children:"From Apple Maps to Siri to Tap to Pay. We capture leads the moment they appear. Don't let competitors figure this out first."}),e.jsx("div",{style:{background:ie,borderRadius:14,padding:"28px 64px",display:"inline-block"},children:e.jsx("p",{style:{fontFamily:X,fontSize:52,color:ye,letterSpacing:"0.04em"},children:"BOOK A DEMO & SEE HOW"})}),e.jsx("p",{style:{fontFamily:P,fontSize:24,color:sl,marginTop:20}
82,children:"chiirp.com"})]}),e.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:e.jsx("p",{style:{fontFamily:X,fontSize:28,color:"rgba(255,255,255,0.25)",letterSpacing:"0.1em"},children:"10 / 10"})})]})]}),Dt=[{id:1,label:"Cover",Component:Bd},{id:2,label:"Intro",Component:Ad},{id:3,label:"Game Changer",Component:Hd},{id:4,label:"Fleet Tools",Component:Od},{id:5,label:"Trust",Component:$d},{id:6,label:"Maps Ads",Component:Wd},{id:7,label:"Phase 1",Component:Dd},{id:8,label:"Phase 2",Component:Md},{id:9,label:"Phase 3",Component:Ld},{id:10,label:"CTA",Component:Pd}],Gd=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),a=d.useRef(null),r=Dt[t],m=r.Component,b=()=>s(c=>Math.min(c+1,Dt.length-1)),v=()=>s(c=>Math.max(c-1,0)),f=c=>`chiirp-apple-business-${c+1}-${Dt[c].label.replace(/\s+/g,"-").toLowerCase()}.png`,j=()=>new Promise(c=>requestAnimationFrame(()=>c())),g=async(c,x)=>{const p=c.style.transform,u=c.style.transformOrigin;c.style.transform="none",c.style.transformOrigin="top left",await j();try{const w=await lt(c,{width:Os,height:$s,pixelRatio:2,backgroundColor:Ml,cacheBust:!0}),C=document.createElement("a");C.download=x,C.href=w,C.click()}finally{c.style.transform=p,c.style.transformOrigin=u}},S=async()=>{if(a.current){n(!0);try{await g(a.current,f(t))}finally{n(!1)}}},z=async()=>{h(!0);try{const c=t;for(let x=0;x<Dt.length;x++)Ye.flushSync(()=>s(x)),await new Promise(p=>setTimeout(p,400)),a.current&&(await g(a.current,f(x)),await new Promise(p=>setTimeout(p,300)));Ye.flushSync(()=>s(c))}finally{h(!1)}},T=520,E=T/Os;return e.jsxs("div",{style:{background:Ml,padding:"80px 0 120px",borderTop:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"text-center mb-12",style:{padding:"0 40px"},children:[e.jsx("p",{style:{color:sl,fontSize:16,letterSpacing:"0.35em",textTransform:"uppercase",marginBottom:12},children:"Carousel Maker"}),e.jsxs("h2",{style:{fontFamily:X,fontSize:64,color:ye,lineHeight:1},children:["APPLE IS COMING FOR YOUR ",e.jsx("span",{style:{color:ie},children:"LEADS"})]}),e.jsx("p",{style:{color:Ne,fontSize:18,marginTop:12,maxWidth:700,margin:"12px auto 0"},children:"10-slide Instagram carousel covering the Apple Business platform launch and what it means for home services."})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"flex-start",gap:40,padding:"0 40px",flexWrap:"wrap"},children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx("button",{onClick:v,disabled:t===0,style:{position:"absolute",left:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===0?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===0?"not-allowed":"pointer",color:t===0?"rgba(255,255,255,0.2)":ye,transition:"all 0.2s"},children:e.jsx(it,{size:22})}),e.jsx("button",{onClick:b,disabled:t===Dt.length-1,style:{position:"absolute",right:-56,top:"50%",transform:"translateY(-50%)",zIndex:10,width:44,height:44,borderRadius:"50%",background:t===Dt.length-1?"rgba(255,255,255,0.03)":"rgba(255,255,255,0.08)",border:"1px solid rgba(255,255,255,0.1)",display:"flex",alignItems:"center",justifyContent:"center",cursor:t===Dt.length-1?"not-allowed":"pointer",color:t===Dt.length-1?"rgba(255,255,255,0.2)":ye,transition:"all 0.2s"},children:e.jsx(ge,{size:22})}),e.jsx("div",{style:{width:T,height:$s*E,overflow:"hidden",borderRadius:16,border:"1px solid rgba(255,255,255,0.08)",boxShadow:"0 20px 60px rgba(0,0,0,0.5)",position:"relative"},children:e.jsx("div",{ref:a,style:{width:Os,height:$s,transform:`scale(${E})`,transformOrigin:"top left"},children:e.jsx(m,{})})}),e.jsx("div",{style:{display:"flex",justifyContent:"center",gap:8,marginTop:20},children:Dt.map((c,x)=>e.jsx("button",{onClick:()=>s(x),style:{width:t===x?28:8,height:8,borderRadius:4,background:t===x?ie:"rgba(255,255,255,0.15)",border:"none",cursor:"pointer",transition:"all 0.3s"}},c.id))})]}),e.jsxs("div",{style:{maxWidth:340,width:"100%"},children:[e.jsxs("div",{style:{background:"rgba(255,255,255,0.03)",border:"1px solid rgba(255,255,255,0.08)",borderRadius:16,padding:28},children:[e.jsx("p",{style:{fontFamily:P,fontSize:12,letterSpacing:"0.3em",color:sl,textTransform:"uppercase",marginBottom:8},children:"Current Slide"}),e.jsxs("p",{style:{fontFamily:X,fontSize:32,color:ye,marginBottom:4},children:[String(t+1).padStart(2,"0")," â ",r.label.toUpperCase()]}),e.jsxs("p",{style:{fontFamily:P,fontSize:14,color:Ne,marginBottom:24},children:[Os," à ",$s,"px · Instagram Carousel"]}),e.jsxs("button",{onClick:S,disabled:l,style:{width:"100%",padding:"14px 0",borderRadius:10,background:ie,border:"none",cursor:"pointer",fontFamily:X,fontSize:20,color:ye,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:l?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),l?"EXPORTING...":"DOWNLOAD PNG"]}),e.jsxs("button",{onClick:z,disabled:i,style:{width:"100%",padding:"14px 0",borderRadius:10,marginTop:12,background:"transparent",border:`1px solid ${ie}
8240`,cursor:"pointer",fontFamily:X,fontSize:20,color:ie,letterSpacing:"0.1em",display:"flex",alignItems:"center",justifyContent:"center",gap:10,opacity:i?.5:1,transition:"opacity 0.2s"},children:[e.jsx(ve,{size:18}),i?"EXPORTING ALL...":"DOWNLOAD ALL SLIDES"]})]}),e.jsx("div",{style:{marginTop:20,display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:8},children:Dt.map((c,x)=>e.jsxs("button",{onClick:()=>s(x),style:{background:t===x?`${ie}15`:"rgba(255,255,255,0.03)",border:t===x?`1px solid ${ie}40`:"1px solid rgba(255,255,255,0.06)",borderRadius:8,padding:"10px 4px",cursor:"pointer",transition:"all 0.2s",textAlign:"center"},children:[e.jsx("p",{style:{fontFamily:X,fontSize:18,color:t===x?ie:Ne},children:String(x+1).padStart(2,"0")}),e.jsx("p",{style:{fontFamily:P,fontSize:9,color:sl,marginTop:2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.label})]},c.id))})]})]})]})},Ud="/assets/impact-index-cover-bg-Cpj3T9OB.jpg",hn="/assets/impact-index-measure-bg-BI9Vzmt3.jpg",xn="/assets/impact-index-dashboard-bg-D3xxNk-4.jpg",Yd="/assets/impact-index-pillars-bg-Bx4DJ3Ko.jpg",Vd="/assets/impact-index-coach-bg-BOhT-wqv.jpg",_d="/assets/impact-index-rewards-bg-DaIQvjHG.jpg",B="#f7911e",fs="#4CAF50",zl="#F5A623",Il="#E53935",je="#fafafa",Ge="rgba(250,250,250,0.85)",Pe="rgba(250,250,250,0.6)",ni="#0a0a0a",gn="Bebas Neue",Fl="Inter",W=`'${gn}', sans-serif`,A=`'${Fl}', sans-serif`,Kd="rgba(0,0,0,0.65)",Xd="rgba(255,255,255,0.15)",ai=1080,El=1350,mi=async()=>{await new Promise(t=>requestAnimationFrame(()=>requestAnimationFrame(()=>t())))},ro=async()=>{if(!("fonts"in document)){await mi();return}try{await Promise.all([document.fonts.load(`400 18px "${Fl}"`),document.fonts.load(`500 18px "${Fl}"`),document.fonts.load(`600 18px "${Fl}"`),document.fonts.load(`700 18px "${Fl}"`),document.fonts.load(`400 96px "${gn}"`)]),await document.fonts.ready}catch{}await mi()},qd=({src:t,brightness:s=.35})=>e.jsx("img",{src:t,alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",filter:`brightness(${s}) contrast(1.1) saturate(1.1)`}}),Jd=({gradient:t})=>e.jsx("div",{style:{position:"absolute",inset:0,background:t||"linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.75) 60%, rgba(0,0,0,0.9) 100%)"}}),ns=({children:t,bg:s,brightness:l,gradient:n})=>e.jsxs("div",{style:{width:ai,height:El,position:"relative",overflow:"hidden",background:ni,fontFamily:A,color:je,WebkitFontSmoothing:"antialiased",textRendering:"optimizeLegibility"},children:[s&&e.jsx(qd,{src:s,brightness:l}),e.jsx(Jd,{gradient:n}),t]}),Kt=({children:t,style:s,borderColor:l})=>e.jsx("div",{style:{padding:"36px 28px",borderRadius:20,background:Kd,border:`1px solid ${l||Xd}`,backdropFilter:"blur(14px)",WebkitBackdropFilter:"blur(14px)",...s},children:t}),Qd=()=>e.jsx(ns,{bg:Ud,brightness:.4,gradient:"linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.85) 70%, rgba(0,0,0,0.95) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",display:"flex",flexDirection:"column",justifyContent:"space-between",zIndex:2},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:56}}),e.jsx("span",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.3em",color:Pe,textTransform:"uppercase"},children:"Revenue Optimization"})]}),e.jsxs("div",{children:[e.jsx("div",{style:{width:100,height:6,background:B,marginBottom:40}}),e.jsx("p",{style:{fontFamily:A,fontSize:28,color:Ge,letterSpacing:"0.04em",marginBottom:20,fontWeight:500},children:"This is how we keep ourselves honest."}),e.jsxs("h1",{style:{fontFamily:W,fontSize:100,color:je,lineHeight:.92,marginBottom:28},children:["THE IMPACT",e.jsx("br",{}),e.jsx("span",{style:{color:B},children:"INDEX SCORE"})]}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,maxWidth:750,lineHeight:1.5},children:"Your revenue health score. Tracked. Celebrated. Rewarded. One number that tells you if CHIIRP is working."}),e.jsx("div",{style:{display:"flex",gap:36,marginTop:48},children:[{color:fs,label:"75-100",sub:"GREEN"},{color:zl,label:"50-74",sub:"YELLOW"},{color:Il,label:"0-49",sub:"RED"}].map(t=>e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14},children:[e.jsx("div",{style:{width:24,height:24,borderRadius:"50%",background:t.color,boxShadow:`0 0 24px ${t.color}60`}}),e.jsxs("div",{children:[e.jsx("span",{style:{fontFamily:W,fontSize:38,color:je},children:t.label}),e.jsx("span",{style:{fontFamily:A,fontSize:18,color:t.color,marginLeft:10,fontWeight:600},children:t.sub})]})]},t.sub))})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsx("span",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em"},children:"01 / 09"}),e.jsx("span",{style:{fontFamily:A,fontSize:18,color:Pe},children:"Swipe â"})]})]})}),Zd=()=>e.jsx(ns,{bg:hn,brightness:.3,children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"Your Score"}),e.jsxs("h1",{style:{fontFamily:W,fontSize:88,color:je,lineHeight:1,marginBottom:20},children:["WHAT IT ",e.jsx("span",{style:{color:B},children:"MEANS"})]}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,lineHeight:1.5,maxWidth:900,marginBottom:44},children:"Not just whether you're logging in. It tracks the four behaviors that drive real revenue."}),e.jsx("div",{style:{width:"100%",height:24,borderRadius:12,background:`linear-gradient(90deg, ${Il} 0%, ${zl} 55%, ${fs}
82 80%)`,marginBottom:20,boxShadow:"0 0 30px rgba(247,145,30,0.2)"}}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",marginBottom:52},children:[e.jsx("span",{style:{fontFamily:W,fontSize:28,color:Il},children:"0 â RED"}),e.jsx("span",{style:{fontFamily:W,fontSize:28,color:zl},children:"50 â YELLOW"}),e.jsx("span",{style:{fontFamily:W,fontSize:28,color:fs},children:"75 â GREEN â"})]}),e.jsx("div",{style:{display:"flex",gap:22},children:[{range:"75â100",color:fs,label:"GREEN",desc:"Fully embedded in your revenue operations. Getting responses, attributing real jobs.",cta:"Expand. Unlock rewards. Scale."},{range:"50â74",color:zl,label:"YELLOW",desc:"Active but leaving revenue on the table. One or two pillars underperforming.",cta:"Coach session. Add campaigns."},{range:"0â49",color:Il,label:"RED",desc:"Not working at full capacity yet. Your coach focuses on identifying the gap.",cta:"Intervention plan. Fast path to yellow."}].map(t=>e.jsxs(Kt,{borderColor:`${t.color}40`,style:{flex:1,borderTop:`5px solid ${t.color}`}
82,children:[e.jsx("p",{style:{fontFamily:W,fontSize:58,color:t.color,lineHeight:1},children:t.range}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10,margin:"10px 0 18px"},children:[e.jsx("div",{style:{width:14,height:14,borderRadius:"50%",background:t.color,boxShadow:`0 0 16px ${t.color}60`}}),e.jsx("span",{style:{fontFamily:W,fontSize:26,color:t.color},children:t.label})]}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Ge,lineHeight:1.5,marginBottom:18},children:t.desc}),e.jsxs("p",{style:{fontFamily:A,fontSize:20,color:t.color,fontWeight:600},children:["â ",t.cta]})]},t.label))}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:28},children:"02 / 09"})]})}),e0=()=>e.jsx(ns,{bg:Yd,brightness:.35,gradient:"linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0.88) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"The Four Pillars"}),e.jsxs("h1",{style:{fontFamily:W,fontSize:86,color:je,lineHeight:1,marginBottom:16},children:["WHAT WE ",e.jsx("span",{style:{color:B},children:"TRACK"})]}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,lineHeight:1.5,maxWidth:850,marginBottom:44},children:"Four behaviors that predict whether CHIIRP is generating real revenue for your business."}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:24},children:[{title:"ROI",pct:"40%",desc:"Measurable revenue from CHIIRP's three core strategies. We only count jobs that flowed through a campaign.",tags:["Lead Conversion","Estimate Rehash","Customer Loyalty"]},{title:"Activation",pct:"25%",desc:"Are you using the features on your plan? Unused features = unrealized revenue potential.",tags:["SMS","Email","Voicemail","Voice AI","AI Agents"]},{title:"Engagement",pct:"20%",desc:"Are your customers responding? Reply rates, conversations started, delivery rates.",tags:["Reply Rate","Conversation Rate","Delivery Rate"]},{title:"Reach",pct:"15%",desc:"Active campaigns touching your customer base. 7+ means CHIIRP is core to your business.",tags:["0-2 = 30 pts","3-6 = 70 pts","7+ = 100 pts"]}].map(t=>e.jsxs(Kt,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:16},children:[e.jsx("span",{style:{fontFamily:W,fontSize:42,color:je},children:t.title}),e.jsx("span",{style:{fontFamily:A,fontSize:18,fontWeight:700,color:je,background:fs,padding:"6px 16px",borderRadius:8},children:t.pct})]}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Ge,lineHeight:1.5,marginBottom:18},children:t.desc}),e.jsx("div",{style:{display:"flex",flexWrap:"wrap",gap:8},children:t.tags.map(s=>e.jsx("span",{style:{fontFamily:A,fontSize:16,color:Pe,background:"rgba(255,255,255,0.1)",padding:"6px 14px",borderRadius:6,border:"1px solid rgba(255,255,255,0.1)"},children:s},s))})]},t.title))}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:24},children:"03 / 09"})]})}),t0=()=>e.jsx(ns,{bg:Bo,brightness:.35,gradient:"linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.8) 55%, rgba(0,0,0,0.95) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2,display:"flex",flexDirection:"column"},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"Your ROI Pillars"}),e.jsxs("h1",{style:{fontFamily:W,fontSize:88,color:je,lineHeight:1,marginBottom:12},children:["THREE REVENUE",e.jsx("br",{}),e.jsx("span",{style:{color:B},children:"STRATEGIES"})]}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,lineHeight:1.5,maxWidth:850,marginBottom:20},children:"40% of your score. Conservative by design. We only count jobs that flowed through a CHIIRP campaign."}),e.jsxs("div",{style:{textAlign:"center",margin:"20px 0 36px"},children:[e.jsx("span",{style:{fontFamily:W,fontSize:180,color:B,lineHeight:1,textShadow:`0 0 60px ${B}40`},children:"40%"}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Pe,letterSpacing:"0.25em",marginTop:-4},children:"OF YOUR TOTAL SCORE"})]}),e.jsx("div",{style:{display:"flex",gap:24,flex:1},children:[{num:"01",title:"Lead Conversion",desc:"Turns missed calls and new leads into booked jobs before your competitor calls them back."},{num:"02",title:"Estimate Rehash",desc:"Systematic follow-up on open estimates that would otherwise go cold. Revenue recovered."},{num:"03",title:"Customer Loyalty",desc:"Keep customers engaged, generate reviews, and drive repeat and referral revenue."}].map(t=>e.jsx(Kt,{borderColor:`${B}30`,style:{flex:1,minHeight:430,borderTop:`5px solid ${B}`,display:"flex",flexDirection:"column"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[e.jsxs("div",{style:{minHeight:258},children:[e.jsxs("p",{style:{fontFamily:A,fontSize:18,letterSpacing:"0.3em",color:B,marginBottom:10},children:["STRATEGY ",t.num]}),e.jsx("p",{style:{fontFamily:W,fontSize:40,color:je,marginBottom:16,lineHeight:1.05},children:t.title}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Ge,lineHeight:1.45},children:t.desc})]}),e.jsx("div",{style:{marginTop:"auto",padding:"10px 0 0",borderTop:`1px dashed ${B}40`,textAlign:"center"},children:e.jsx("span",{style:{fontFamily:W,fontSize:32,color:B},children:"33.3 pts"})})]})},t.num))}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:24},children:"04 / 09"})]})}),s0=()=>e.jsx(ns,{bg:xn,brightness:.2,gradient:"linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.95) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"Pillar #2"}),e.jsx("h1",{style:{fontFamily:W,fontSize:96,color:je,lineHeight:1,marginBottom:12},children:e.jsx("span",{style:{color:B},children:"ACTIVATION"})}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,lineHeight:1.5,maxWidth:850,marginBottom:44},children:"Unused features = unrealized revenue. The more of the platform you activate, the higher your ceiling."}),e.jsxs("div",{style:{textAlign:"center",margin:"0 0 48px"},children:[e.jsx("span",{style:{fontFamily:W,fontSize:200,color:B,lineHeight:1,textShadow:`0 0 60px ${B}40`},children:"25%"}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Pe,letterSpacing:"0.25em",marginTop:-4},children:"OF YOUR TOTAL SCORE"})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:20,marginBottom:36},children:[{label:"SMS"},{label:"Email"},{label:"Voicemail"},{label:"Voice AI"},{label:"AI Agents"},{label:"Campaigns"}].map(t=>e.jsx(Kt,{style:{textAlign:"center",padding:"36px 20px"},children:e.jsx("p",{style:{fontFamily:W,fontSize:38,color:je},children:t.label})},t.label))}),e.jsx(Kt,{borderColor:`${B}30`,style:{textAlign:"center"},children:e.jsxs("p",{style:{fontFamily:A,fontSize:26,color:je,fontWeight:600},children:["Every feature you turn on ",e.jsx("span",{style:{color:B},children:"raises your ceiling"}),"."]})}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:24},children:"05 / 09"})]})}),l0=()=>e.jsx(ns,{bg:hn,brightness:.25,gradient:"linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.85) 55%, rgba(0,0,0,0.95) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2,display:"flex",flexDirection:"column"},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"Pillar #3"}),e.jsx("h1",{style:{fontFamily:W,fontSize:96,color:je,lineHeight:1,marginBottom:12},children:e.jsx("span",{style:{color:B},children:"ENGAGEMENT"})}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,lineHeight:1.5,maxWidth:850,marginBottom:44},children:"Are your customers responding? Reply rates, conversations started, delivery rates. Replies received is proof."}),e.jsxs("div",{style:{textAlign:"center",margin:"0 0 48px"},children:[e.jsx("span",{style:{fontFamily:W,fontSize:200,color:B,lineHeight:1,textShadow:`0 0 60px ${B}40`},children:"20%"}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Pe,letterSpacing:"0.25em",marginTop:-4},children:"OF YOUR TOTAL SCORE"})]}),e.jsx("div",{style:{display:"flex",gap:24,flex:1},children:[{title:"Reply Rate",desc:"How many of your messages get a response. Higher reply rates mean your messaging is relevant and timely."},{title:"Conversation Rate",desc:"Real two-way conversations started. Not just opens â actual engagement that leads to booked jobs."},{title:"Delivery Rate",desc:"Messages successfully reaching your customers. Clean data and compliant sending keep this high."}].map(t=>e.jsx(Kt,{borderColor:`${B}30`,style:{flex:1,minHeight:340,borderTop:`5px solid ${B}`,display:"flex",flexDirection:"column"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[e.jsx("div",{style:{minHeight:108},children:e.jsx("p",{style:{fontFamily:W,fontSize:40,color:je,marginBottom:0,lineHeight:1.05},children:t.title})}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Ge,lineHeight:1.45,flex:1},children:t.desc})]})},t.title))}),e.jsx("div",{style:{textAlign:"center",marginTop:28},children:e.jsxs("p",{style:{fontFamily:A,fontSize:26,color:je,fontWeight:600},children:["Messages sent is activity. ",e.jsx("span",{style:{color:B},children:"Replies received is proof."})]})}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:20},children:"06 / 09"})]})}),i0=()=>e.jsx(ns,{bg:xn,brightness:.2,gradient:"linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.85) 60%, rgba(0,0,0,0.95) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2,display:"flex",flexDirection:"column"},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"Pillar #4"}),e.jsx("h1",{style:{fontFamily:W,fontSize:96,color:je,lineHeight:1,marginBottom:12},children:e.jsx("span",{style:{color:B},children:"REACH"})}),e.jsx("p",{style:{fontFamily:A,fontSize:26,color:Ge,lineHeight:1.5,maxWidth:850,marginBottom:44},children:"Active campaigns touching your customer base. 7+ means CHIIRP is core to how your business runs."}),e.jsxs("div",{style:{textAlign:"center",margin:"0 0 48px"},children:[e.jsx("span",{style:{fontFamily:W,fontSize:200,color:B,lineHeight:1,textShadow:`0 0 60px ${B}40`},children:"15%"}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Pe,letterSpacing:"0.25em",marginTop:-4},children:"OF YOUR TOTAL SCORE"})]}),e.jsx("div",{style:{display:"flex",gap:24,flex:1},children:[{range:"0â2",pts:"30 pts",color:Il,title:"Getting Started",desc:"Minimal campaign coverage. Your coach will help identify quick-launch opportunities to expand reach."},{range:"3â6",pts:"70 pts",color:zl,title:"Building Momentum",desc:"Solid foundation. A few more targeted campaigns and you'll unlock full revenue potential."},{range:"7+",pts:"100 pts",color:fs,title:"Full Coverage",desc:"CHIIRP is embedded in your operations. Maximum touchpoints driving maximum revenue."}].map(t=>e.jsx(Kt,{borderColor:`${t.color}30`,style:{flex:1,minHeight:520,borderTop:`5px solid ${t.color}`,display:"flex",flexDirection:"column",textAlign:"center"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[e.jsxs("div",{style:{minHeight:194},children:[e.jsx("p",{style:{fontFamily:W,fontSize:72,color:t.color,lineHeight:1},children:t.range}),e.jsx("p",{style:{fontFamily:A,fontSize:18,color:Pe,marginTop:4,marginBottom:16},children:"CAMPAIGNS"}),e.jsx("p",{style:{fontFamily:W,fontSize:34,color:je,marginBottom:0,lineHeight:1.05},children:t.title})]}),e.jsx("div",{style:{minHeight:220,display:"flex",justifyContent:"center",alignItems:"flex-start"},children:e.jsx("p",{style:{fontFamily:A,fontSize:20,color:Ge,lineHeight:1.55,maxWidth:250},children:t.desc})}),e.jsx("div",{style:{marginTop:"auto",padding:"10px 0 0",borderTop:`1px dashed ${t.color}40`,textAlign:"center"},children:e.jsxs("span",{style:{fontFamily:W,fontSize:32,color:t.color},children:["â ",t.pts]})})]})},t.range))}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:24},children:"07 / 09"})]})}),o0=()=>e.jsx(ns,{bg:Vd,brightness:.35,gradient:"linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.92) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"Your Revenue Coach"}),e.jsxs("h1",{style:{fontFamily:W,fontSize:88,color:je,lineHeight:1,marginBottom:36},children:["STAY GREEN.",e.jsx("br",{}),e.jsx("span",{style:{color:B},children:"GET REWARDED."})]}),e.jsxs(Kt,{borderColor:`${B}30`,style:{marginBottom:32,borderLeft:`6px solid ${B}`},children:[e.jsx("div",{style:{fontFamily:A,fontSize:18,letterSpacing:"0.28em",color:B,fontWeight:700,textTransform:"uppercase",marginBottom:12},children:"Your Coach"}),e.jsx("div",{style:{fontFamily:W,fontSize:52,color:je,lineHeight:.92,marginBottom:18,maxWidth:620},children:"MOVES THIS NUMBER"}),e.jsx("div",{style:{fontFamily:A,fontSize:24,color:Ge,lineHeight:1.5},children:"Yellow on ROI? They build your attribution. Yellow on Reach? They launch new campaigns. The score makes the conversation concrete. No guesswork."})]}),e.jsx("div",{style:{display:"flex",gap:24},children:[{icon:e.jsx("div",{style:{width:56,height:56,borderRadius:"50%",background:fs,boxShadow:`0 0 24px ${fs}50`}}),period:"MONTH 1 GREEN",title:"Green Badge + Certificate",desc:"Platform badge + official CHIIRP Impact Index Green status."},{icon:e.jsx(Kn,{size:56,color:B}),period:"3 MONTHS GREEN",title:"CHIIRP Swag or $50 Credit",desc:"Branded gear or account credit toward your subscription."},{icon:e.jsx(Ao,{size:56,color:B}),period:"6+ MONTHS GREEN",title:"Feature Unlock + Prize",desc:"Free add-on feature + quarterly prize drawing entry."}].map(t=>e.jsx(Kt,{style:{flex:1,minHeight:330,textAlign:"center"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[e.jsx("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",minHeight:56,marginBottom:18},children:t.icon}),e.jsx("p",{style:{fontFamily:A,fontSize:18,letterSpacing:"0.25em",color:B,fontWeight:700,marginBottom:12,minHeight:44},children:t.period}),e.jsx("div",{style:{minHeight:96,display:"flex",justifyContent:"center",alignItems:"flex-start"},children:e.jsx("p",{style:{fontFamily:W,fontSize:30,color:je,marginBottom:0,lineHeight:1.05,maxWidth:250},children:t.title})}),e.jsx("p",{style:{fontFamily:A,fontSize:18,color:Ge,lineHeight:1.5},children:t.desc})]})},t.period))}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em",marginTop:28},children:"08 / 09"})]})}),n0=()=>e.jsx(ns,{bg:_d,brightness:.25,gradient:"linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.92) 100%)",children:e.jsxs("div",{style:{position:"absolute",inset:0,padding:"70px 70px 120px",zIndex:2,display:"flex",flexDirection:"column"},children:[e.jsx("p",{style:{fontFamily:A,fontSize:20,letterSpacing:"0.35em",color:B,textTransform:"uppercase",marginBottom:20},children:"The Promise"}),e.jsxs("h1",{style:{fontFamily:W,fontSize:110,color:je,lineHeight:.95,marginBottom:28},children:["MAXIMUM",e.jsx("br",{}),e.jsx("span",{style:{color:B},children:"ACCOUNTABILITY"})]}),e.jsx("p",{style:{fontFamily:A,fontSize:28,color:Ge,lineHeight:1.5,maxWidth:850,marginBottom:48},children:"We don't hide behind engagement metrics. You see exactly what's working and what's not. One number. Full transparency."}),e.jsx("div",{style:{display:"flex",gap:24,flex:1}
82,children:[{title:"Full Transparency",desc:"Every pillar. Every metric. Every dollar attributed. No vanity numbers â only outcomes that impact your bottom line."},{title:"Coach-Driven Action",desc:"Your Revenue Coach owns this number with you. Yellow on any pillar? They build the plan to fix it. No guesswork."},{title:"Proof, Not Promises",desc:"Green means it's working. Your Impact Index Score is the single source of truth for whether CHIIRP is delivering."}].map(t=>e.jsx(Kt,{borderColor:`${B}30`,style:{flex:1,minHeight:390,borderTop:`5px solid ${B}`,display:"flex",flexDirection:"column"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",height:"100%"},children:[e.jsx("div",{style:{minHeight:108},children:e.jsx("p",{style:{fontFamily:W,fontSize:40,color:je,marginBottom:0,lineHeight:1.05},children:t.title})}),e.jsx("p",{style:{fontFamily:A,fontSize:22,color:Ge,lineHeight:1.5,flex:1},children:t.desc})]})},t.title))}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:28},children:[e.jsx("img",{src:k,alt:"CHIIRP",style:{height:48,opacity:.4}}),e.jsx("p",{style:{fontFamily:W,fontSize:26,color:Pe,letterSpacing:"0.15em"},children:"09 / 09"})]})]})}),ut=[{id:1,label:"Cover",Component:Qd},{id:2,label:"What It Means",Component:Zd},{id:3,label:"Four Pillars",Component:e0},{id:4,label:"ROI Deep Dive",Component:t0},{id:5,label:"Activation",Component:s0},{id:6,label:"Engagement",Component:l0},{id:7,label:"Reach",Component:i0},{id:8,label:"Coach & Rewards",Component:o0},{id:9,label:"Maximum Accountability",Component:n0}],a0=()=>{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!1),[a,r]=d.useState(null),m=d.useRef(null),b=d.useRef(null);d.useEffect(()=>{ro()},[]);const v=ut[t].Component,f=a!==null?ut[a].Component:null,j=a!==null?a+1:t+1,g=()=>s(w=>(w+1)%ut.length),S=()=>s(w=>(w-1+ut.length)%ut.length),z=w=>{const C=ut[w];return`impact-index-${String(w+1).padStart(2,"0")}-${C.label.toLowerCase().replace(/\s+/g,"-")}.png`},T=(w,C)=>{const J=document.createElement("a");J.download=C,J.href=w,J.click()},E=async w=>{await ro();const C=Array.from(w.querySelectorAll("img"));await Promise.all(C.map(J=>J.complete?Promise.resolve():new Promise(N=>{const $=()=>N();J.addEventListener("load",$,{once:!0}),J.addEventListener("error",$,{once:!0})}))),await mi(),await new Promise(J=>setTimeout(J,180))},c=async w=>{if(b.current)return b.current;try{b.current=await Cn(w)}catch{b.current=""}return b.current},x=async w=>{Ye.flushSync(()=>r(w)),await mi();const C=m.current;if(!C)return;await E(C);const J=await c(C),N=await lt(C,{width:ai,height:El,pixelRatio:2,backgroundColor:ni,cacheBust:!0,skipFonts:!1,fontEmbedCSS:J||void 0,preferredFontFormat:"woff2"});T(N,z(w))},p=async()=>{n(!0);try{await x(t)}finally{Ye.flushSync(()=>r(null)),n(!1)}},u=async()=>{h(!0);try{for(let w=0;w<ut.length;w++)await x(w),await new Promise(C=>setTimeout(C,180))}finally{Ye.flushSync(()=>r(null)),h(!1)}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"bg-[#0a0a0a] rounded-xl p-6",children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h3",{className:"text-xl font-semibold text-white",children:"Impact Index Score Carousel"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("button",{onClick:p,disabled:l||i,className:"flex items-center gap-2 px-4 py-2 bg-[#f7911e] text-black rounded-lg font-semibold hover:bg-[#e07d0a] transition-colors disabled:opacity-50",children:[e.jsx(ve,{size:18}),l?"Exporting...":"Download This Slide"]}),e.jsxs("button",{onClick:u,disabled:i||l,className:"flex items-center gap-2 px-4 py-2 border border-[#f7911e] text-[#f7911e] rounded-lg font-semibold hover:bg-[#f7911e]/10 transition-colors disabled:opacity-50",children:[e.jsx(ve,{size:18}),i?`Exporting ${j}/${ut.length}...`:"Download All"]})]})]}),e.jsx("div",{className:"flex justify-center mb-4",style:{height:El*.55+20,position:"relative"},children:e.jsx("div",{style:{transform:"scale(0.55)",transformOrigin:"top center",position:"absolute"},className:"rounded-lg overflow-hidden shadow-2xl",children:e.jsx(v,{})})}),e.jsxs("div",{className:"flex items-center justify-center gap-4",children:[e.jsx("button",{onClick:S,className:"p-3 rounded-full bg-white/10 hover:bg-white/20 transition-colors",children:e.jsx(it,{size:24,className:"text-white"})}),e.jsx("div",{className:"flex items-center gap-2",children:ut.map((w,C)=>e.jsx("button",{onClick:()=>s(C),className:`px-3 py-1 rounded-full text-sm font-medium transition-colors ${C===t?"bg-[#f7911e] text-black":"bg-white/10 text-white/60 hover:bg-white/20"}`,children:w.id},w.id))}),e.jsx("button",{onClick:g,className:"p-3 rounded-full bg-white/10 hover:bg-white/20 transition-colors",children:e.jsx(ge,{size:24,className:"text-white"})})]}),e.jsxs("p",{className:"text-center text-white/40 text-sm mt-3",children:["Slide ",t+1," of ",ut.length,": ",e.jsx("span",{className:"text-white",children:ut[t].label})]})]}),f&&e.jsx("div",{"aria-hidden":"true",style:{position:"fixed",left:"-200vw",top:0,width:ai,height:El,overflow:"hidden",pointerEvents:"none",background:ni},children:e.jsx("div",{ref:m,style:{width:ai,height:El,overflow:"hidden",background:ni},children:e.jsx(f,{})})})]})},r0="/assets/fb-cover-v4-final-BnhrgD6S.png",Qt="#f7911e",c0="#FAFAFA",fn="#64748B",d0="#FFF3E6",m0="#EA580C",Zs="#E2E8F0",He="#1E293B",ke="#64748B",p0="#F8FAFC",Rl="#FFFFFF",Cs="#10B981",co="#06B6D4",Sl="#8B
825CF6",h0="#F59E0B",x0=(t=0)=>({initial:{opacity:0},animate:{opacity:1},transition:{duration:.5,delay:t,ease:"easeOut"}}),g0=[{icon:Lo,label:"Dashboard",active:!0},{icon:ci,label:"Agents"},{icon:Us,label:"Messages"},{icon:rl,label:"Contacts"},{icon:Yo,label:"Integrations"},{icon:ss,label:"Settings"},{icon:hi,label:"Admin"}],f0=[{icon:Uo,label:"Training"},{icon:Po,label:"Setup Wizard"},{icon:Go,label:"Sign Out"}],ps=({children:t,className:s,style:l,glowColor:n="rgba(0,0,0,0.06)"})=>{const i=d.useRef(null),h=us(0),a=us(0),r=di(h,{stiffness:300,damping:30}),m=di(a,{stiffness:300,damping:30}),[b,v]=d.useState(!1),f=d.useCallback(g=>{if(!i.current)return;const S=i.current.getBoundingClientRect(),z=(g.clientX-S.left)/S.width-.5,T=(g.clientY-S.top)/S.height-.5;h.set(T*-12),a.set(z*12)},[h,a]),j=()=>{h.set(0),a.set(0),v(!1)};return e.jsxs(o.div,{ref:i,className:s,style:{...l,perspective:800,transformStyle:"preserve-3d",rotateX:r,rotateY:m,boxShadow:b?`0 14px 40px -8px ${n}, 0 0 0 1px rgba(255,255,255,0.1)`:"0 1px 3px 0 rgba(0,0,0,0.04)",transition:"box-shadow 0.3s ease",cursor:"default"},onMouseMove:f,onMouseEnter:()=>v(!0),onMouseLeave:j,whileHover:{scale:1.015},transition:{type:"spring",stiffness:400,damping:25},children:[t,b&&e.jsx(o.div,{className:"absolute inset-0 rounded-xl pointer-events-none",style:{background:`radial-gradient(300px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), ${n}, transparent 60%)`,opacity:.5}})]})},y0=({item:t})=>{const[s,l]=d.useState(!1);return e.jsxs(o.div,{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),animate:{backgroundColor:t.active?d0:s?"#F1F5F9":"transparent",x:s&&!t.active?4:0},transition:{duration:.2},className:"flex items-center gap-2.5 px-3 py-2 rounded-lg text-[13px]",style:{color:t.active?m0:s?He:fn,fontWeight:t.active?600:s?500:400,cursor:"pointer"},children:[e.jsx(t.icon,{size:16}),e.jsx("span",{children:t.label}),(t.active||s)&&e.jsx(o.div,{layoutId:"nav-arrow",className:"ml-auto",children:e.jsx(ge,{size:12})})]})},u0=()=>{const t=us(0),s=us(0),l=d.useRef(null),n=i=>{if(!l.current)return;const h=l.current.getBoundingClientRect();t.set(i.clientX-h.left),s.set(i.clientY-h.top)};return e.jsxs(o.div,{ref:l,...x0(0),className:"flex h-full w-full",style:{fontFamily:"'Inter', sans-serif",backgroundColor:p0},onMouseMove:n,children:[e.jsxs("div",{className:"flex flex-col w-[200px] shrink-0",style:{backgroundColor:c0,borderRight:`1px solid ${Zs}`},children:[e.jsxs(o.div,{className:"px-5 pt-5 pb-4 flex items-center gap-2 cursor-pointer",whileHover:{scale:1.05},transition:{type:"spring",stiffness:400,damping:20},children:[e.jsx(o.div,{className:"w-7 h-7 rounded-full flex items-center justify-center",style:{backgroundColor:Qt},whileHover:{rotate:360},transition:{duration:.6},children:e.jsx("img",{src:k,alt:"CHIIRP",className:"w-4 h-4 object-contain",style:{filter:"brightness(10)"}})}),e.jsx("span",{className:"font-bold text-[16px]",style:{color:He},children:"CHIIRP"})]}),e.jsxs(o.div,{className:"px-5 pb-4 flex items-center gap-2 cursor-pointer",whileHover:{backgroundColor:"#F1F5F9",borderRadius:8},children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-gradient-to-br from-blue-400 to-blue-600 flex items-center justify-center text-white text-[11px] font-bold",children:"RF"}),e.jsxs("div",{className:"leading-tight",children:[e.jsx("p",{className:"text-[13px] font-semibold",style:{color:He},children:"Ryan Fenn"}),e.jsx("p",{className:"text-[10px]",style:{color:ke},children:"CHIIRP Main"})]}),e.jsx(ge,{size:12,style:{color:ke},className:"ml-auto"})]}),e.jsx("p",{className:"px-5 text-[10px] font-bold tracking-wider uppercase mb-2",style:{color:ke},children:"Navigation"}),e.jsx("div",{className:"flex-1 px-3 space-y-[2px]",children:g0.map(i=>e.jsx(y0,{item:i},i.label))}),e.jsx("div",{className:"px-3 pb-4 space-y-[2px]",children:f0.map(i=>e.jsxs(o.div,{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg text-[13px] cursor-pointer",style:{color:fn},whileHover:{x:4,color:He,backgroundColor:"#F1F5F9"},transition:{duration:.2},children:[e.jsx(i.icon,{size:16}),e.jsx("span",{children:i.label})]},i.label))})]}),e.jsxs("div",{className:"flex-1 overflow-hidden px-8 py-6",children:[e.jsxs("div",{className:"flex items-start justify-between mb-5",children:[e.jsxs("div",{children:[e.jsx("h1",{className:"text-[28px] font-bold",style:{color:He,fontFamily:"'Inter', sans-serif"},children:"Dashboard"}),e.jsx("p",{className:"text-[14px]",style:{color:ke},children:"Real-time insights into your AI agent performance and account activity"})]}),e.jsxs(o.div,{className:"flex items-center gap-2 text-[13px] curs
82or-pointer px-3 py-1.5 rounded-lg",style:{color:ke},whileHover:{backgroundColor:"#E2E8F0"},children:[e.jsx("span",{children:"â"}),e.jsx("span",{children:"Today â¾"})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 mb-4",children:[e.jsx(mo,{title:"Total Revenue Generated",value:"$2.4M",change:"+18.3%",changeColor:Cs,subtitle:"this month",icon:e.jsx(Ho,{size:20}),iconBg:"#FEF3C7",iconColor:h0,glowColor:"rgba(245,158,11,0.15)"}),e.jsx(mo,{title:"Total Leads Generated",value:"12,847",change:"+24.6%",changeColor:Cs,subtitle:"this month",icon:e.jsx(Fa,{size:20}),iconBg:"#DBEAFE",iconColor:"#3B82F6",glowColor:"rgba(59,130,246,0.15)"})]}),e.jsxs("div",{className:"grid grid-cols-4 gap-4 mb-5",children:[e.jsx(ql,{title:"Total Conversations",value:"34,219",change:"+12.4%",positive:!0,icon:e.jsx(al,{size:18}),iconBg:"#FFEDD5",iconColor:Qt,glowColor:"rgba(247,145,30,0.12)"}),e.jsx(ql,{title:"AI Agents Active",value:"14",change:"+3",positive:!0,icon:e.jsx(Oo,{size:18}),iconBg:"#DBEAFE",iconColor:"#3B82F6",glowColor:"rgba(59,130,246,0.12)"}),e.jsx(ql,{title:"Response Time",value:"1.2s",change:"-0.4s",positive:!0,icon:e.jsx($o,{size:18}),iconBg:"#D1FAE5",iconColor:Cs,glowColor:"rgba(16,185,129,0.12)"}),e.jsx(ql,{title:"Success Rate",value:"73.8%",change:"+8.2%",positive:!0,icon:e.jsx(Wo,{size:18}),iconBg:"#D1FAE5",iconColor:Cs,glowColor:"rgba(16,185,129,0.12)"})]}),e.jsxs("div",{className:"mb-4",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(o.span,{className:"text-[14px]",animate:{rotate:[0,360]},transition:{duration:8,repeat:1/0,ease:"linear"},children:"â"}),e.jsx("h2",{className:"text-[16px] font-bold",style:{color:He,fontFamily:"'Inter', sans-serif"},children:"AI Agent Success Stories"})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4 mb-4",children:[e.jsxs(ps,{className:"rounded-xl p-4 relative overflow-hidden",style:{backgroundColor:"#FFF7ED",border:"1px solid #FDBA74"},glowColor:"rgba(247,145,30,0.2)",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Gs,{size:16,style:{color:Qt}}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[14px] font-bold",style:{color:He},children:"Lead Conversion"}),e.jsx("p",{className:"text-[11px]",style:{color:ke},children:"Fastest response time in company history"})]})]}),e.jsx(o.span,{className:"text-[11px] font-semibold px-2 py-0.5 rounded-full",style:{backgroundColor:"#D1FAE5",color:Cs},animate:{scale:[1,1.05,1]},transition:{duration:2,repeat:1/0},children:"Exceptional"})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(Zt,{label:"Response Time",value:"1.2s",change:"+14%"}),e.jsx(Zt,{label:"Conversion Rate",value:"32.4%",change:"+6.1%"}),e.jsx(Zt,{label:"Leads Contacted",value:"8,412",change:"+22%"})]})]}),e.jsxs(ps,{className:"rounded-xl p-4 relative overflow-hidden",style:{backgroundColor:"#F0F9FF",border:"1px solid #7DD3FC"},glowColor:"rgba(14,165,233,0.2)",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Do,{size:16,style:{color:"#0EA5E9"}}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[14px] font-bold",style:{color:He},children:"Estimate Conversion"}),e.jsx("p",{className:"text-[11px]",style:{color:ke},children:"42% more estimates converted vs last quarter"})]})]}),e.jsx(o.span,{className:"text-[11px] font-semibold px-2 py-0.5 rounded-full",style:{backgroundColor:"#DBEAFE",color:"#2563EB"},animate:{scale:[1,1.05,1]},transition:{duration:2,repeat:1/0,delay:.5},children:"Excellent"})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(Zt,{label:"Estimates Closed",value:"1,247",change:"+42%"}),e.jsx(Zt,{label:"Follow-Up Rate",value:"94.7%",change:"+11%"}),e.jsx(Zt,{label:"Avg Close Time",value:"2.1 days",change:"-34%"})]})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs(ps,{className:"rounded-xl p-4 relative overflow-hidden",style:{backgroundColor:"#FDF4FF",border:"1px solid #E9D5FF"},glowColor:"rgba(139,92,246,0.2)",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Mo,{size:16,style:{color:Sl}}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[14px] font-bold",style:{color:He},children:"Customer Loyalty"}),e.jsx("p",{className:"text-[11px]",style:{color:ke},children:"Building lasting customer relationships"})]})]}),e.jsx(o.span,{className:"text-[11px] font-semibold px-2 py-0.5 rounded-full",style:{backgroundColor:"#F3E8FF",color:Sl},animate:{scale:[1,1.05,1]},transition:{duration:2,repeat:1/0,delay:1},children:"Premium"})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[e.jsx(Zt,{label:"Reviews Generated",value:"3,841",change:"+28%"}),e.jsx(Zt,{label:"Average Rating",value:"4.8â
",change:"+0.3"}),e.jsx(Zt,{label:"Engagement Rate",value:"87.2%",change:"+9.4%"})]})]}),e.jsxs(ps,{className:"rounded-xl p-4 relative overflow-hidden",style:{backgroundColor:Rl,border:`1px solid ${Zs}`},glowColor:"rgba(0,0,0,0.08)",children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(eo,{size:16,style:{color:ke}}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[14px] font-bold",style:{color:He},children:"Recent Activity"}),e.jsx("p",{className:"text-[11px]",style:{color:ke},children:"Latest system events"})]})]}),e.jsx(o.span,{className:"text-[11px] font-medium cursor-pointer",style:{color:"#3B82F6"},whileHover:{scale:1.1,x:3},children:"View All â"})]}),e.jsx("div",{className:"space-y-2.5 py-1",children:[{time:"2m ago",text:"AI agent booked appointment â Johnson HVAC repair",color:Cs},{time:"8m ago",text:"Estimate follow-up converted â $4,200 plumbing job",color:"#3B82F6"},{time:"14m ago",text:"5-star review collected â Garcia electrical install",color:Sl},{time:"22m ago",text:"Speed-to-lead: responded in 0.8s â new web lead",color:Qt}].map((i,h)=>e.jsxs(o.div,{className:"flex items-center gap-2",initial:{opacity:0,x:-10}
82,animate:{opacity:1,x:0},transition:{delay:1.5+h*.2},children:[e.jsx("div",{className:"w-1.5 h-1.5 rounded-full shrink-0",style:{backgroundColor:i.color}}),e.jsx("span",{className:"text-[10px]",style:{color:ke},children:i.time}),e.jsx("span",{className:"text-[10px] truncate",style:{color:He},children:i.text})]},h))})]})]})]}),e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs(ps,{className:"rounded-xl p-4 relative overflow-hidden",style:{backgroundColor:Rl,border:`1px solid ${Zs}`},glowColor:"rgba(139,92,246,0.1)",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(Bi,{size:14,style:{color:ke}}),e.jsx("p",{className:"text-[14px] font-bold",style:{color:He},children:"Agent Performance"})]}),e.jsx("div",{className:"relative h-[140px]",children:e.jsxs("svg",{viewBox:"0 0 600 140",className:"w-full h-full",children:[[0,10,20,30,40,50,60,70,80,90,100].map((i,h)=>e.jsx("line",{x1:"0",y1:140-i*1.4,x2:"600",y2:140-i*1.4,stroke:"#E2E8F0",strokeWidth:"0.5"},h)),e.jsx("defs",{children:e.jsxs("linearGradient",{id:"chartGradient",x1:"0",y1:"0",x2:"0",y2:"1",children:[e.jsx("stop",{offset:"0%",stopColor:Qt,stopOpacity:"0.3"}),e.jsx("stop",{offset:"100%",stopColor:Qt,stopOpacity:"0"})]})}),e.jsx(o.path,{d:"M0,120 C50,110 100,80 150,85 C200,90 250,40 300,45 C350,50 400,25 450,20 C500,15 550,30 600,10",fill:"none",stroke:Qt,strokeWidth:"2.5",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:2,delay:.5}}),e.jsx(o.path,{d:"M0,120 C50,110 100,80 150,85 C200,90 250,40 300,45 C350,50 400,25 450,20 C500,15 550,30 600,10 L600,140 L0,140 Z",fill:"url(#chartGradient)",initial:{opacity:0}
82,animate:{opacity:1},transition:{duration:1,delay:1.5}})]})})]}),e.jsxs(ps,{className:"rounded-xl p-4 relative overflow-hidden",style:{backgroundColor:Rl,border:`1px solid ${Zs}`},glowColor:"rgba(6,182,212,0.1)",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsx(eo,{size:14,style:{color:ke}}),e.jsx("p",{className:"text-[14px] font-bold",style:{color:He},children:"Channel Distribution"})]}),e.jsxs("div",{className:"flex items-center justify-center h-[140px]",children:[e.jsxs("svg",{viewBox:"0 0 160 160",className:"w-[130px] h-[130px]",children:[e.jsx(o.circle,{cx:"80",cy:"80",r:"60",fill:"none",stroke:"#E2E8F0",strokeWidth:"24",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:.5}}),e.jsx(o.circle,{cx:"80",cy:"80",r:"60",fill:"none",stroke:Qt,strokeWidth:"24",strokeDasharray:"377",strokeDashoffset:"132",transform:"rotate(-90 80 80)",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:1,delay:.3}}),e.jsx(o.circle,{cx:"80",cy:"80",r:"60",fill:"none",stroke:co,strokeWidth:"24",strokeDasharray:"377",strokeDashoffset:"245",transform:"rotate(135 80 80)",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:1,delay:.6}}),e.jsx(o.circle,{cx:"80",cy:"80",r:"60",fill:"none",stroke:Sl,strokeWidth:"24",strokeDasharray:"377",strokeDashoffset:"320",transform:"rotate(220 80 80)",initial:{pathLength:0},animate:{pathLength:1},transition:{duration:1,delay:.9}})]}),e.jsx("div",{className:"ml-6 space-y-2",children:[{label:"SMS",color:Qt,pct:"45%"},{label:"Email",color:co,pct:"25%"},{label:"AI Voice",color:Sl,pct:"15%"},{label:"Voice",color:"#E2E8F0",pct:"15%"}].map(i=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:"w-2.5 h-2.5 rounded-full",style:{backgroundColor:i.color}}),e.jsx("span",{className:"text-[11px]",style:{color:ke},children:i.label}),e.jsx("span",{className:"text-[11px] font-bold",style:{color:He},children:i.pct})]},i.label))})]})]})]})]})]})},mo=({title:t,value:s,change:l,changeColor:n,subtitle:i,icon:h,iconBg:a,iconColor:r,glowColor:m})=>e.jsxs(ps,{className:"rounded-xl p-4 flex items-start justify-between relative overflow-hidden",style:{backgroundColor:Rl,border:`1px solid ${Zs}`},glowColor:m,children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] font-medium mb-1",style:{color:ke},children:t}),e.jsx("p",{className:"text-[32px] font-bold leading-none mb-1",style:{color:He,fontFamily:"'Inter', sans-serif"},children:s}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("span",{className:"text-[11px]",style:{color:n},children:["â ",l]}),e.jsx("span",{className:"text-[11px]",style:{color:ke},children:i})]})]}),e.jsx(o.div,{className:"w-10 h-10 rounded-xl flex items-center justify-center",style:{backgroundColor:a,color:r},whileHover:{scale:1.2,rotate:10},transition:{type:"spring",stiffness:400,damping:15},children:h})]}),ql=({title:t,value:s,change:l,positive:n,icon:i,iconBg:h,iconColor:a,glowColor:r})=>e.jsxs(ps,{className:"rounded-xl p-3 flex items-start justify-between relative overflow-hidden",style:{backgroundColor:Rl,border:`1px solid ${Zs}`},glowColor:r,children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-[10px] font-medium mb-1",style:{color:ke},children:t}),e.jsx("p",{className:"text-[22px] font-bold leading-none mb-1",style:{color:He,fontFamily:"'Inter', sans-serif"},children:s}),e.jsxs("span",{className:"text-[10px]",style:{color:n?Cs:ke},children:["â ",l]})]}),e.jsx(o.div,{className:"w-8 h-8 rounded-lg flex items-center justify-center",style:{backgroundColor:h,color:a},whileHover:{scale:1.2,rotate:10},transition:{type:"spring",stiffness:400,damping:15},children:i})]}),Zt=({label:t,value:s,change:l})=>e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"text-[18px] font-bold",style:{color:He,fontFamily:"'Inter', sans-serif"},children:s}),e.jsx("p",{className:"text-[9px]",style:{color:ke},children:t}),e.jsxs("p",{className:"text-[9px]",style:{color:ke},children:["â ",l]})]}),ws="#f7911e",b0="#FAFAFA",yn="#64748B",j0="#FFF3E6",v0="#EA580C",wl="#E2E8F0",Se="#1E293B",Z="#64748B",S0="#F8FAFC",cs="#FFFFFF",Ks="#10B981",po="#8B5CF6",w0=(t=0)=>({initial:{opacity:0}
82,animate:{opacity:1},transition:{duration:.5,delay:t,ease:"easeOut"}}),N0=[{icon:Lo,label:"Dashboard"},{icon:ci,label:"Agents",active:!0},{icon:Us,label:"Messages"},{icon:rl,label:"Contacts"},{icon:Yo,label:"Integrations"},{icon:ss,label:"Settings"},{icon:hi,label:"Admin"}],k0=[{icon:Uo,label:"Training"},{icon:Po,label:"Setup Wizard"},{icon:Go,label:"Sign Out"}],Jl=({children:t,className:s,style:l,glowColor:n="rgba(0,0,0,0.06)"})=>{const i=d.useRef(null),h=us(0),a=us(0),r=di(h,{stiffness:300,damping:30}),m=di(a,{stiffness:300,damping:30}),[b,v]=d.useState(!1),f=d.useCallback(j=>{if(!i.current)return;const g=i.current.getBoundingClientRect(),S=(j.clientX-g.left)/g.width-.5,z=(j.clientY-g.top)/g.height-.5;h.set(z*-10),a.set(S*10)},[h,a]);return e.jsx(o.div,{ref:i,className:s,style:{...l,perspective:800,transformStyle:"preserve-3d",rotateX:r,rotateY:m,boxShadow:b?`0 14px 40px -8px ${n}, 0 0 0 1px rgba(255,255,255,0.1)`:"0 1px 3px 0 rgba(0,0,0,0.04)",transition:"box-shadow 0.3s ease",cursor:"default"},onMouseMove:f,onMouseEnter:()=>v(!0),onMouseLeave:()=>{h.set(0),a.set(0),v(!1)},whileHover:{scale:1.012},transition:{type:"spring",stiffness:400,damping:25},children:t})},C0=({item:t})=>{const[s,l]=d.useState(!1);return e.jsxs(o.div,{onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),animate:{backgroundColor:t.active?j0:s?"#F1F5F9":"transparent",x:s&&!t.active?4:0},transition:{duration:.2},className:"flex items-center gap-2.5 px-3 py-2 rounded-lg text-[13px]",style:{color:t.active?v0:s?Se:yn,fontWeight:t.active?600:s?500:400,cursor:"pointer"},children:[e.jsx(t.icon,{size:16}),e.jsx("span",{children:t.label}),(t.active||s)&&e.jsx(o.div,{layoutId:"agents-nav-arrow",className:"ml-auto",children:e.jsx(ge,{size:12})})]})},T0=()=>e.jsxs(o.div,{...w0(0),className:"flex h-full w-full",style:{fontFamily:"'Inter', sans-serif",backgroundColor:S0},children:[e.jsxs("div",{className:"flex flex-col w-[200px] shrink-0",style:{backgroundColor:b0,borderRight:`1px solid ${wl}`},children:[e.jsxs(o.div,{className:"px-5 pt-5 pb-4 flex items-center gap-2 cursor-pointer",whileHover:{scale:1.05},transition:{type:"spring",stiffness:400,damping:20},children:[e.jsx(o.div,{className:"w-7 h-7 rounded-full flex items-center justify-center",style:{backgroundColor:ws},whileHover:{rotate:360},transition:{duration:.6},children:e.jsx("img",{src:k,alt:"CHIIRP",className:"w-4 h-4 object-contain",style:{filter:"brightness(10)"}})}),e.jsx("span",{className:"font-bold text-[16px]",style:{color:Se},children:"CHIIRP"})]}),e.jsxs(o.div,{className:"px-5 pb-4 flex items-center gap-2 cursor-pointer",whileHover:{backgroundColor:"#F1F5F9",borderRadius:8},children:[e.jsx("div",{className:"w-8 h-8 rounded-full bg-gradient-to-br from-blue-400 to-blue-600 flex items-center justify-center text-white text-[11px] font-bold",children:"RF"}),e.jsxs("div",{className:"leading-tight",children:[e.jsx("p",{className:"text-[13px] font-semibold",style:{color:Se},children:"Ryan Fenn"}),e.jsx("p",{className:"text-[10px]",style:{color:Z},children:"CHIIRP Main"})]}),e.jsx(ge,{size:12,style:{color:Z},className:"ml-auto"})]}),e.jsx("p",{className:"px-5 text-[10px] font-bold tracking-wider uppercase mb-2",style:{color:Z},children:"Navigation"}),e.jsx("div",{className:"flex-1 px-3 space-y-[2px]",children:N0.map(t=>e.jsx(C0,{item:t},t.label))}),e.jsx("div",{className:"px-3 pb-4 space-y-[2px]",children:k0.map(t=>e.jsxs(o.div,{className:"flex items-center gap-2.5 px-3 py-2 rounded-lg text-[13px] cursor-pointer",style:{color:yn},whileHover:{x:4,color:Se,backgroundColor:"#F1F5F9"},transition:{duration:.2},children:[e.jsx(t.icon,{size:16}),e.jsx("span",{children:t.label})]},t.label))})]}),e.jsxs("div",{className:"flex-1 overflow-hidden px-8 py-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-5",children:[e.jsxs(o.div,{className:"flex items-center gap-1.5 px-4 py-1.5 rounded-full text-[13px] font-semibold cursor-pointer",style:{backgroundColor:ws,color:cs},whileHover:{scale:1.05},children:[e.jsx(ci,{size:14}),"Agent Categories"]}),e.jsxs(o.div,{className:"flex items-center gap-1.5 px-4 py-1.5 rounded-full text-[13px] curs
82or-pointer",style:{backgroundColor:"#F1F5F9",color:Z},whileHover:{scale:1.05,backgroundColor:"#E2E8F0"},children:[e.jsx(Us,{size:14}),"AI Voice Assistants"]}),e.jsx("div",{className:"flex-1"}),e.jsxs(o.div,{className:"flex items-center gap-1.5 text-[12px] cursor-pointer",style:{color:Z},whileHover:{color:Se},children:[e.jsx(Xn,{size:14}),"Import Legacy Campaign"]})]}),e.jsxs("div",{className:"mb-5",children:[e.jsx("h1",{className:"text-[28px] font-bold",style:{color:Se},children:"AI Agents Dashboard"}),e.jsx("p",{className:"text-[14px]",style:{color:Z},children:"Manage your AI-powered communication agents and monitor their performance"})]}),e.jsx("div",{className:"grid grid-cols-6 gap-3 mb-6",children:[{value:"15",label:"Total Agents",sub:"8 of 15 active",icon:ci,iconBg:"#F1F5F9",iconColor:Z},{value:"8",label:"Active Now",sub:"8 of 15",icon:Gs,iconBg:"#FEF3C7",iconColor:"#D97706"},{value:"1,247",label:"Messages Today",sub:"+34.2% vs yesterday",subColor:Ks,icon:al,iconBg:"#F1F5F9",iconColor:Z},{value:"94.3%",label:"Success Rate",sub:"+42.8% this week",subColor:Ks,icon:Jn,iconBg:"#D1FAE5",iconColor:Ks},{value:"1.2s",label:"Avg Response",sub:"Industry best",subColor:Ks,icon:$o,iconBg:"#DBEAFE",iconColor:"#3B82F6"},{value:"0",label:"Needs Attention",sub:"All good",icon:Qn,iconBg:"#FEE2E2",iconColor:"#EF4444"}].map((t,s)=>e.jsx(Jl,{className:"rounded-xl p-3.5 relative overflow-hidden",style:{backgroundColor:cs,border:`1px solid ${wl}`},glowColor:"rgba(0,0,0,0.06)",children:e.jsxs(o.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},transition:{delay:.3+s*.1},children:[e.jsx("div",{className:"flex items-center gap-2 mb-2",children:e.jsx("div",{className:"w-7 h-7 rounded-lg flex items-center justify-center",style:{backgroundColor:t.iconBg,color:t.iconColor},children:e.jsx(t.icon,{size:14})})}),e.jsx("p",{className:"text-[26px] font-bold leading-none mb-0.5",style:{color:Se},children:t.value}),e.jsx("p",{className:"text-[11px] font-medium",style:{color:Z},children:t.label}),e.jsx("p",{className:"text-[10px] mt-1",style:{color:t.subColor||Z},children:t.sub})]})},s))}),e.jsxs("div",{className:"mb-4",children:[e.jsx("h2",{className:"text-[18px] font-bold",style:{color:Se},children:"Agent Categories"}),e.jsx("p",{className:"text-[13px]",style:{color:Z},children:"Select a category to view and manage your AI agents. Each category represents a different automation workflow."})]}),e.jsxs("div",{className:"grid grid-cols-3 gap-5",children:[e.jsx(Jl,{className:"rounded-xl p-5 relative overflow-hidden flex flex-col",style:{backgroundColor:cs,border:`1px solid ${wl}`},glowColor:"rgba(247,145,30,0.15)",children:e.jsxs(o.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.5},children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center",style:{backgroundColor:"#FFF7ED"},children:e.jsx(Gs,{size:20,style:{color:ws}})}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("div",{className:"flex gap-0.5",children:[[1,2,3,4].map(t=>e.jsx("div",{className:"w-1.5 h-4 rounded-sm",style:{backgroundColor:ws}},t)),[5,6,7,8].map(t=>e.jsx("div",{className:"w-1.5 h-4 rounded-sm",style:{backgroundColor:"#E2E8F0"}},t))]}),e.jsx("span",{className:"text-[11px] font-medium",style:{color:Z},children:"4/8"})]})]}),e.jsx("h3",{className:"text-[16px] font-bold mb-1",style:{color:Se},children:"Lead Conversion"}),e.jsx("p",{className:"text-[11px] leading-relaxed mb-4",style:{color:Z},children:"Instantly engage and convert new leads through speed to lead, follow-up sequences, call handling, web forms, QuickPages, and booking widgets."}),e.jsxs("div",{className:"space-y-2 mb-5",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Response Time"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"< 2s"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Completion Rate"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"68.4%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Conversations"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"847 this week"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-auto",children:[e.jsxs(o.div,{className:"flex items-center gap-1 text-[11px] cursor-pointer",style:{color:Z},whileHover:{color:Se},children:[e.jsx(ss,{size:12})," AI Setup"]}),e.jsx(o.div,{className:"flex-1 flex items-center justify-center gap-1 py-2 rounded-lg text-[12px] font-semibold cursor-pointer",style:{backgroundColor:ws,color:cs},whileHover:{scale:1.03},whileTap:{scale:.98},children:"Manage Agents â"})]})]})}),e.jsx(Jl,{className:"rounded-xl p-5 relative overflow-hidden flex flex-col",style:{backgroundColor:cs,border:`1px solid ${wl}`},glowColor:"rgba(59,130,246,0.15)",children:e.jsxs(o.div,{initial:{opacity:0,y:12}
82,animate:{opacity:1,y:0},transition:{delay:.65},children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center",style:{backgroundColor:"#EFF6FF"},children:e.jsx(Do,{size:20,style:{color:"#3B82F6"}})}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("div",{className:"flex gap-0.5",children:[[1].map(t=>e.jsx("div",{className:"w-1.5 h-4 rounded-sm",style:{backgroundColor:"#3B82F6"}},t)),[2].map(t=>e.jsx("div",{className:"w-1.5 h-4 rounded-sm",style:{backgroundColor:"#E2E8F0"}},t))]}),e.jsx("span",{className:"text-[11px] font-medium",style:{color:Z},children:"1/2"})]})]}),e.jsx("h3",{className:"text-[16px] font-bold mb-1",style:{color:Se},children:"Estimate Conversion"}),e.jsx("p",{className:"text-[11px] leading-relaxed mb-4",style:{color:Z},children:"Re-engage leads who received estimates but haven't converted with personalized follow-up sequences and automated rehash campaigns."}),e.jsxs("div",{className:"space-y-2 mb-5",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Follow-Ups Sent"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"312 this week"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Engagement Rate"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"41.7%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Revenue Recovered"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Ks},children:"$184K"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-auto",children:[e.jsxs(o.div,{className:"flex items-center gap-1 text-[11px] cursor-pointer",style:{color:Z},whileHover:{color:Se},children:[e.jsx(ss,{size:12})," AI Setup"]}),e.jsx(o.div,{className:"flex-1 flex items-center justify-center gap-1 py-2 rounded-lg text-[12px] font-semibold cursor-pointer",style:{backgroundColor:ws,color:cs},whileHover:{scale:1.03},whileTap:{scale:.98},children:"Manage Agents â"})]})]})}),e.jsx(Jl,{className:"rounded-xl p-5 relative overflow-hidden flex flex-col",style:{backgroundColor:cs,border:`1px solid ${wl}`},glowColor:"rgba(139,92,246,0.15)",children:e.jsxs(o.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{delay:.8},children:[e.jsxs("div",{className:"flex items-center justify-between mb-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-xl flex items-center justify-center",style:{backgroundColor:"#FDF4FF"},children:e.jsx(Mo,{size:20,style:{color:po}})}),e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("div",{className:"flex gap-0.5",children:[[1,2].map(t=>e.jsx("div",{className:"w-1.5 h-4 rounded-sm",style:{backgroundColor:po}},t)),[3].map(t=>e.jsx("div",{className:"w-1.5 h-4 rounded-sm",style:{backgroundColor:"#E2E8F0"}},t))]}),e.jsx("span",{className:"text-[11px] font-medium",style:{color:Z},children:"2/3"})]})]}),e.jsx("h3",{className:"text-[16px] font-bold mb-1",style:{color:Se},children:"Customer Loyalty"}),e.jsx("p",{className:"text-[11px] leading-relaxed mb-4",style:{color:Z},children:"Build lasting relationships with review requests, satisfaction surveys, upsell opportunities, repeat service reminders, and targeted campaigns."}),e.jsxs("div",{className:"space-y-2 mb-5",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Messages Sent"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"2,140 this week"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Engagement Rate"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Ks},children:"83.3%"})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{className:"text-[12px]",style:{color:Z},children:"Reviews Generated"}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:Se},children:"127 this month"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 mt-auto",children:[e.jsxs(o.div,{className:"flex items-center gap-1 text-[11px] cursor-pointer",style:{color:Z},whileHover:{color:Se},children:[e.jsx(ss,{size:12})," AI Setup"]}),e.jsx(o.div,{className:"flex-1 flex items-center justify-center gap-1 py-2 rounded-lg text-[12px] font-semibold cursor-pointer",style:{backgroundColor:ws,color:cs},whileHover:{scale:1.03},whileTap:{scale:.98},children:"Manage Agents â"})]})]})})]}),e.jsx(o.div,{className:"flex justify-center mt-4",initial:{opacity:0}
82,animate:{opacity:1},transition:{delay:1.2},children:e.jsx("img",{src:Xt,alt:"CHIIRP AI",className:"h-8",style:{opacity:.35,filter:"drop-shadow(0 0 12px hsla(16, 80%, 55%, 0.3))"}})})]})]}),me="#1ab394",un="#f8ac59",il="#ed5565",Bl="#1c84c6",F0="#2f4050",ho="#293846",E0="#ffffff",z0="#f5f5f5",ot="#e7eaec",Ql="#2d3748",ht="#676a6c",Fe="#999",Xs="#ffffff",I0="#1ab394",R0=[{id:1,initials:"SF",name:"Sourav FB",preview:"Hi, What time is it?",time:"3m ago",priority:"medium",tags:[{label:"prospect",color:"#6366f1"}],status:"Unassigned",color:"#4ade80"},{id:2,initials:"SD",name:"Sourav Das",preview:"Confirmed, Sourav â you're unsubscribed and we'll s...",time:"22h ago",priority:"low",tags:[{label:"customer",color:me}],status:"Unassigned",color:me},{id:3,initials:"MM",name:"Micheal Macdonald",preview:"You're welcome, Micheal! If you still need assistance, ...",time:"Yesterday",priority:"low",tags:[{label:"customer",color:me},{label:"urgent",color:il}],status:"OG AI",color:"#a78bfa"},{id:4,initials:"TH",name:"Travis Hatley",preview:"Hello Travis Hatley 1 - FINAL Strikes Back, travis@chi...",time:"Yesterday",priority:"high",tags:[{label:"follow-up",color:Bl},{label:"campaign test",color:me}],status:"Unassigned",color:"#fb923c"}],B0={2:{contact:{name:"Sourav Das",phone:"+16464106303",email:"[email protected]"},messages:[{id:1,sender:"contact",text:"I am not available. Sorry.",time:"23h ago"},{id:2,sender:"agent",text:"No worries, Souravâthanks for letting us know. What day/time works better for you? Share a couple options and I'll get you rescheduled right away.",time:"23h ago"},{id:3,sender:"contact",text:"Do not disturb. Stop.",time:"23h ago"},{id:4,sender:"agent",text:`Understood, Sourav. We'll stop messaging you. If you'd like to reschedule or need help later, reply "START" or call us at +16464106303.`,time:"23h ago"},{id:5,sender:"contact",text:"Stop",time:"22h ago"},{id:6,sender:"agent",text:"Understood, Sourav. We've stopped all messages to this number. If you want to opt back in later, reply START and we'll help with scheduling right away.",time:"22h ago"},{id:7,sender:"contact",text:"Stop",time:"22h ago"},{id:8,sender:"agent",text:"Understood, Sourav. We've confirmed STOP and will not message you again. If you ever want to reschedule or reach us, reply START or email [email protected].",time:"22h ago"},{id:9,sender:"contact",text:"unsubscribe",time:"22h ago"},{id:10,sender:"agent",text:"Confirmed, Sourav â you're unsubscribed and we'll stop all messages to +16464106303. If you ever want to schedule again, reply START and we'll help right away.",time:"22h ago"}]},1:{contact:{name:"Sourav FB",phone:"+18016954275",email:"[email protected]"},messages:[{id:1,sender:"contact",text:"Hi, What time is it?",time:"3m ago"}]},3:{contact:{name:"Micheal Macdonald",phone:"+15559876543",email:"[email protected]"},messages:[{id:1,sender:"contact",text:"Hey, I need help with my appointment.",time:"Yesterday"},{id:2,sender:"agent",text:"You're welcome, Micheal! If you still need assistance, we're here to help. What can we do for you today?",time:"Yesterday"}]},4:{contact:{name:"Travis Hatley",phone:"+15551234567",email:"[email protected]"},messages:[{id:1,sender:"agent",text:"Hello Travis Hatley 1 - FINAL Strikes Back, [email protected] â just following up on your recent inquiry. Ready to get started?",time:"Yesterday"}]}},A0=[{icon:Us,label:"SMS",color:me,active:!0},{icon:Ai,label:"Email",color:Bl,active:!0},{icon:Ea,label:"Voice",color:Bl,active:!1},{icon:va,label:"Facebook",color:Bl,active:!1},{icon:ea,label:"Yelp",color:il,active:!1},{icon:Na,label:"Thumbtack",color:me,active:!1}],H0=[{label:"billing",color:me},{label:"Campaign Test",color:me},{label:"customer",color:me},{label:"follow-up",color:me},{label:"lead",color:il},{label:"prospect",color:"#6366f1"},{label:"support",color:Bl},{label:"urgent",color:il}],O0=[{icon:Ki,label:"Dashboard"},{icon:Gs,label:"Agents"},{icon:al,label:"Messages",active:!0},{icon:rl,label:"Contacts"},{icon:Sa,label:"Custom Folders"},{icon:ss,label:"Integrations"}],$0=({priority:t})=>{const s=t==="high"?il:t==="medium"?un:me;return e.jsx("span",{className:"inline-block w-2 h-2 rounded-full mr-1",style:{backgroundColor:s}})};
82function W0(){const[t,s]=d.useState(2),l=B0[t];return e.jsxs("div",{className:"flex h-full w-full",style:{background:Xs,fontFamily:"'Inter', sans-serif"},children:[e.jsxs("div",{className:"flex flex-col py-4 px-0",style:{width:200,backgroundColor:F0},children:[e.jsx("div",{className:"flex items-center gap-2 px-4 mb-4",children:e.jsx("img",{src:_i,alt:"CHIIRP",className:"h-7"})}),e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 mb-2",style:{backgroundColor:ho},children:[e.jsx("div",{className:"w-7 h-7 rounded-full flex items-center justify-center text-[10px] font-bold",style:{backgroundColor:"rgba(255,255,255,0.15)",color:"#fff"},children:"RF"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-medium text-white",children:"Ryan Fenn"}),e.jsx("p",{className:"text-[9px]",style:{color:"rgba(255,255,255,0.5)"},children:"CHIIRP Main"})]})]}),e.jsx("p",{className:"px-4 text-[9px] font-semibold uppercase tracking-wider mb-1",style:{color:"rgba(255,255,255,0.35)"},children:"Navigation"}),O0.map(({icon:n,label:i,active:h})=>e.jsxs("button",{className:"flex items-center gap-2.5 w-full px-4 py-2 text-left transition-colors",style:{backgroundColor:h?ho:"transparent",borderLeft:h?`3px solid ${me}`:"3px solid transparent",color:h?"#fff":"rgba(255,255,255,0.65)"},children:[e.jsx(n,{size:14}),e.jsx("span",{className:"text-[11px]",children:i}),i==="Messages"&&e.jsx("span",{className:"ml-auto text-[9px] px-1.5 py-0.5 rounded-full font-bold",style:{backgroundColor:me,color:"#fff"},children:"4"})]},i)),e.jsxs("div",{className:"mt-auto space-y-0",children:[[{icon:wa,label:"Unread",count:0},{icon:Ao,label:"Starred",count:0},{icon:ji,label:"Sent"},{icon:ja,label:"Archived",count:0}].map(({icon:n,label:i,count:h})=>e.jsxs("button",{className:"flex items-center gap-2.5 w-full px-4 py-1.5 text-left",style:{color:"rgba(255,255,255,0.6)"},children:[e.jsx(n,{size:13}),e.jsx("span",{className:"text-[10px]",children:i}),h!==void 0&&e.jsx("span",{className:"ml-auto text-[9px] px-1.5 rounded-full",style:{backgroundColor:"rgba(255,255,255,0.1)",color:"rgba(255,255,255,0.4)"},children:h})]},i)),e.jsxs("button",{className:"flex items-center gap-2.5 w-full px-4 py-1.5 text-left",style:{color:"rgba(255,255,255,0.5)"},children:[e.jsx(Us,{size:13}),e.jsx("span",{className:"text-[10px]",children:"Spam"})]})]})]}),e.jsxs("div",{className:"flex flex-col",style:{width:300,backgroundColor:E0,borderRight:`1px solid ${ot}`},children:[e.jsxs("div",{className:"px-4 pt-4 pb-2",children:[e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-base font-semibold",style:{color:Ql},children:"Messages"}),e.jsx("p",{className:"text-[10px]",style:{color:Fe},children:"4 conversations"})]}),e.jsx("button",{className:"px-3 py-1.5 rounded text-[10px] font-medium text-white",style:{backgroundColor:me},children:"+ New Message"})]}),e.jsxs("div",{className:"flex items-center gap-2 mt-2 mb-2",children:[e.jsx("div",{className:"flex items-center gap-1 px-2 py-1 rounded text-[9px]",style:{border:`1px solid ${ot}`,color:ht},children:"â
Recent â"}),e.jsx("div",{className:"flex items-center gap-1 px-2 py-1 rounded text-[9px]",style:{border:`1px solid ${ot}`,color:ht},children:"Agents & Users â"})]}),e.jsx("div",{className:"flex items-center gap-1 px-2 py-1 rounded text-[9px] mb-2",style:{border:`1px solid ${ot}`,color:ht},children:"All Accounts â"}),e.jsxs("div",{className:"flex items-center px-2 py-1.5 rounded",style:{border:`1px solid ${ot}`},children:[e.jsx(Zn,{size:12,style:{color:Fe}}),e.jsx("span",{className:"ml-2 text-[10px]",style:{color:Fe},children:"Search conversations..."})]})]}),e.jsx("div",{className:"flex-1 overflow-y-auto",children:R0.map(n=>e.jsx(o.button,{onClick:i=>{i.stopPropagation(),s(n.id)},whileHover:{backgroundColor:"#f0f4f7"},className:"w-full text-left px-4 py-3 transition-colors",style:{backgroundColor:t===n.id?"#f0f4f7":Xs,borderBottom:`1px solid ${ot}`,borderLeft:t===n.id?`3px solid ${me}`:"3px solid transparent"},children:e.jsxs("div",{className:"flex items-start gap-2.5",children:[e.jsx("div",{className:"w-9 h-9 rounded-full flex items-center justify-center text-xs font-bold shrink-0 text-white",style:{backgroundColor:n.color},children:n.initials}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("span",{className:"text-[11px] font-semibold",style:{color:Ql},children:[n.name," ",e.jsx($0,{priority:n.priority}),e.jsx("span",{className:"text-[9px] font-medium uppercase",style:{color:n.priority==="high"?il:n.priority==="medium"?un:me},children:n.priority})]}),e.jsx("span",{className:"text-[9px] shrink-0 ml-2",style:{color:Fe},children:n.time})]}),e.jsx("p",{className:"text-[10px] truncate mt-0.5",style:{color:ht},children:n.preview}),e.jsxs("div",{className:"flex items-center gap-1 mt-1.5",children:[n.tags.map(i=>e.jsx("span",{className:"text-[8px] px-1.5 py-0.5 rounded text-white",style:{backgroundColor:i.color},children:i.label},i.label)),e.jsx("span",{className:"ml-auto text-[8px]",style:{color:Fe},children:n.status})]})]})]})},n.id))}),e.jsxs("div",{className:"px-4 py-3 border-t",style:{borderColor:ot},children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:Fe},children:"Channels"}),e.jsx(ge,{size:10,style:{color:Fe}})]}),e.jsx("div",{className:"space-y-1",children:A0.map(({icon:n,label:i,color:h,active:a})=>e.jsxs("div",{className:"flex items-center gap-2 py-0.5 px-1 rounded text-[10px]",style:{color:ht},children:[e.jsx("span",{className:"w-2 h-2 rounded-full",style:{backgroundColor:a?h:"#ccc"}}),e.jsx(n,{size:12,style:{color:h}}),e.jsx("span",{children:i}),e.jsx(ge,{size:9,className:"ml-auto",style:{color:Fe}})]},i))})]}),e.jsxs("div",{className:"px-4 py-3 border-t",style:{borderColor:ot},children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("span",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:Fe},children:"Tags"}),e.jsx(ge,{size:10,style:{color:Fe}})]}),e.jsx("div",{className:"space-y-0.5",children:H0.map(({label:n,color:i})=>e.jsxs("div",{className:"flex items-center gap-2 py-0.5 px-1 text-[10px]",style:{color:ht},children:[e.jsx(Ta,{size:9,style:{color:i}}),e.jsx("span",{children:n})]},n))})]})]}),e.jsx("div",{className:"flex-1 flex flex-col",style:{backgroundColor:z0},children:l&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center justify-between px-6 py-3",style:{backgroundColor:Xs,borderBottom:`1px solid ${ot}`},children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-10 h-10 rounded-full flex items-center justify-center text-sm font-bold text-white",style:{backgroundColor:me},children:l.contact.name.split(" ").map(n=>n[0]).join("")}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-semibold",style:{color:Ql},children:l.contact.name}),e.jsx("span",{className:"text-[9px] px-1.5 py-0.5 rounded text-white",style:{backgroundColor:me},children:"LOW"})]}),e.jsxs("div",{className:"flex items-center gap-3 text-[10px]",style:{color:ht},children:[e.jsxs("span",{children:["ð ",l.contact.phone]}
82),e.jsxs("span",{children:["âï¸ ",l.contact.email]})]})]})]}),e.jsxs("div",{className:"flex items-center gap-4 text-[10px]",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{style:{color:ht},children:"SMS"}),e.jsx("div",{className:"w-8 h-4 rounded-full relative",style:{backgroundColor:me},children:e.jsx("div",{className:"absolute right-0.5 top-0.5 w-3 h-3 rounded-full bg-white"})})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{style:{color:ht},children:"Email"}),e.jsx("div",{className:"w-8 h-4 rounded-full relative",style:{backgroundColor:me},children:e.jsx("div",{className:"absolute right-0.5 top-0.5 w-3 h-3 rounded-full bg-white"})})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{style:{color:ht},children:"RVM"}),e.jsx("div",{className:"w-8 h-4 rounded-full relative",style:{backgroundColor:"#ccc"},children:e.jsx("div",{className:"absolute left-0.5 top-0.5 w-3 h-3 rounded-full bg-white"})})]})]})]}),e.jsxs("div",{className:"flex items-center gap-3 px-6 py-2",style:{backgroundColor:Xs,borderBottom:`1px solid ${ot}`},children:[e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded text-white",style:{backgroundColor:me},children:"customer â"}),e.jsx("span",{className:"text-[10px]",style:{color:Fe},children:"+"}),e.jsxs("div",{className:"ml-4 flex items-center gap-2",children:[e.jsx("span",{className:"text-[10px]",style:{color:ht},children:"Agent:"}),e.jsx("span",{className:"text-[10px] px-2 py-0.5 rounded",style:{border:`1px solid ${ot}`,color:ht},children:"Select Agent... â"}),e.jsx("button",{className:"px-3 py-1 rounded text-[10px] font-semibold text-white",style:{backgroundColor:me},children:"â¡ Trigger"})]}),e.jsx("span",{className:"ml-auto text-[9px]",style:{color:Fe},children:"View: All Channels"})]}),e.jsx("div",{className:"flex-1 overflow-y-auto px-6 py-4 space-y-4",children:e.jsx(Ps,{children:l.messages.map((n,i)=>e.jsx(o.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:i*.06,duration:.3},className:`flex ${n.sender==="agent"?"justify-end":"justify-start"}`,children:e.jsx("div",{className:"max-w-[65%]",children:n.sender==="contact"?e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("div",{className:"w-7 h-7 rounded-full flex items-center justify-center text-[9px] font-bold text-white shrink-0",style:{backgroundColor:me},children:l.contact.name.split(" ").map(h=>h[0]).join("")}),e.jsxs("div",{children:[e.jsx("div",{className:"px-4 py-2.5 rounded-2xl rounded-tl-sm text-[11px]",style:{backgroundColor:"#e8e8e8",color:Ql},children:n.text}),e.jsxs("span",{className:"text-[8px] mt-1 block",style:{color:Fe},children:[n.time," · Received"]})]})]}):e.jsxs("div",{children:[e.jsxs("div",{className:"px-4 py-2.5 rounded-2xl rounded-tr-sm text-[11px] text-white",style:{backgroundColor:I0},children:[n.text,e.jsx("span",{className:"inline-block ml-2 text-[8px] px-1 rounded font-bold",style:{backgroundColor:"rgba(255,255,255,0.25)"},children:"RF"})]}),e.jsxs("span",{className:"text-[8px] mt-1 block text-right",style:{color:Fe},children:["â± Delivered · ",n.time]})]})})},n.id))})}),e.jsxs("div",{className:"px-6 py-3",style:{backgroundColor:Xs,borderTop:`1px solid ${ot}`},children:[e.jsxs("div",{className:"flex items-center gap-2 text-[9px] mb-2",style:{color:Fe},children:[e.jsx("span",{children:"From: ð± +18016954275 â"}),e.jsxs("span",{className:"ml-auto",children:["To: ð± ",l.contact.phone," â"]})]}),e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2.5 rounded-lg",style:{border:`1px solid ${ot}`,backgroundColor:Xs},children:[e.jsx(ji,{size:13,style:{color:Fe}}),e.jsx(ka,{size:13,style:{color:Fe}}),e.jsx(Ca,{size:13,style:{color:Fe}}),e.jsx("span",{className:"flex-1 text-[11px] ml-2",style:{color:Fe},children:"Type your message..."}),e.jsx("button",{className:"w-7 h-7 rounded flex items-center justify-center",style:{backgroundColor:me},children:e.jsx(ji,{size:12,color:"#fff"})})]})]})]})})]})}const D0="/assets/woodfin-logo-rPQ1FNIG.png",bt="#1ab394",M0="#2f4050",xo="#293846",Zl="#ffffff",L0="#f3f3f4",Ts="#e7eaec",Ns="#2d3748",qs="#676a6c",Js="#999",P0="#1c84c6",G0="#f8ac59",U0="#1ab394",Y0={ServiceTitan:ta,"Housecall Pro":oa,Jobber:na,FieldPulse:aa,Facebook:la,Google:ia,Thumbtack:sa,Angi:ra,Modernize:ca,WinGen:da,Woodfin:D0},Nl=[{name:"ServiceTitan",description:"Field service management platform integration",logo:"st",logoColor:"#1a1a2e",status:"available",lastSync:"Not connected",category:"Business Management"},{name:"Housecall Pro",description:"Home service business management",logo:"hcp",logoColor:"#ff6b35",status:"not_available",lastSync:"Not available",category:"Business Management"},{name:"Jobber",description:"Field service scheduling and invoicing",logo:"jb",logoColor:"#7bc67e",status:"not_available",lastSync:"Not available",category:"Business Management"},{name:"FieldPulse",description:"All-in-one field service management software",logo:"fp",logoColor:"#5b6abf",status:"not_available",lastSync:"Not available",category:"Business Management"},{name:"JobNimbus",description:"All-in-one roofing and contracting software",logo:"jn",logoColor:"#f8ac59",status:"not_available",lastSync:"Not available",category:"Business Management"},{name:"Workiz",description:"Field service management and communication software",logo:"wz",logoColor:"#ff9900",status:"not_available",lastSync:"Not available",category:"Business Management"},{name:"OnCall Air",description:"Field service estimates and proposals with AI follow-up",logo:"oc",logoColor:"#00bcd4",status:"connected",lastSync:"Never synced",category:"Business Management"},{name:"Facebook",description:"Connect Facebook Pages for Messenger and Lead Ads integration",logo:"fb",logoColor:"#1877f2",status:"connected",lastSync:"2 hours ago",category:"Communication"},{name:"Yelp Messaging",description:"Respond to Yelp customer inquiries and reviews",logo:"yp",logoColor:"#d32323",status:"connected",lastSync:"4 hours ago",category:"Communication"},{name:"Google",description:"Google Business Profile, Business Messages, and Local Services Ads",logo:"gg",logoColor:"#4285f4",status:"connected",lastSync:"Never synced",category:"Lead Generation"},{name:"Thumbtack",description:"Manage Thumbtack lead communications and quotes",logo:"tt",logoColor:"#009fd9",status:"not_available",lastSync:"Not available",category:"Lead Generation"},{name:"Angi",description:"Connect with Angi leads and manage customer inquiries",logo:"an",logoColor:"#ff6138",status:"not_available",lastSync:"Not available",category:"Lead Generation"},{name:"Modernize",description:"Home improvement lead generation platform",logo:"mz",logoColor:"#2d8bc9",status:"not_available",lastSync:"Not available",category:"Lead Generation"},{name:"Zapier",description:"Connect CHIIRP with 5,000+ apps through automated workflows",logo:"zp",logoColor:"#ff4a00",status:"not_available",lastSync:"Not available",category:"Automation"}
82],go=["All","Business Management","Communication","Lead Generation","Automation"],fo={All:e.jsx(ha,{size:12}),"Business Management":e.jsx(ss,{size:12}),Communication:e.jsx(al,{size:12}),"Lead Generation":e.jsx(rl,{size:12}),Automation:e.jsx(Gs,{size:12})},V0=[{icon:Ki,label:"Dashboard"},{icon:Gs,label:"Agents"},{icon:al,label:"Messages"},{icon:rl,label:"Contacts"},{icon:Xi,label:"Integrations",active:!0},{icon:ss,label:"Settings"},{icon:hi,label:"Admin"}],_0=({int:t})=>{const s=Y0[t.name];if(s)return e.jsx("div",{className:"w-12 h-12 rounded-lg flex items-center justify-center p-1.5",style:{backgroundColor:"#f8f9fa",border:`1px solid ${Ts}`},children:e.jsx("img",{src:s,alt:t.name,className:"w-full h-full object-contain"})});const l=t.name[0];return e.jsx("div",{className:"w-12 h-12 rounded-lg flex items-center justify-center text-lg font-bold text-white",style:{backgroundColor:t.logoColor},children:l})};function K0(){const[t,s]=d.useState("All"),l=Nl.filter(a=>a.status==="connected").length,n=Nl.length,i=t==="All"?Nl:Nl.filter(a=>a.category===t),h=t==="All"?go.filter(a=>a!=="All").reduce((a,r)=>(a[r]=Nl.filter(m=>m.category===r),a),{}):{[t]:i};return e.jsxs("div",{className:"flex h-full w-full",style:{fontFamily:"'Inter', sans-serif",background:L0},children:[e.jsxs("div",{className:"flex flex-col py-4",style:{width:200,backgroundColor:M0},children:[e.jsx("div",{className:"flex items-center gap-2 px-4 mb-4",children:e.jsx("img",{src:_i,alt:"CHIIRP",className:"h-7"})}),e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 mb-2",style:{backgroundColor:xo},children:[e.jsx("div",{className:"w-7 h-7 rounded-full flex items-center justify-center text-[10px] font-bold",style:{backgroundColor:"rgba(255,255,255,0.15)",color:"#fff"},children:"RF"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-medium text-white",children:"Ryan Fenn"}),e.jsx("p",{className:"text-[9px]",style:{color:"rgba(255,255,255,0.5)"},children:"CHIIRP Main"})]})]}),e.jsx("p",{className:"px-4 text-[9px] font-semibold uppercase tracking-wider mb-1",style:{color:"rgba(255,255,255,0.35)"},children:"Navigation"}),V0.map(({icon:a,label:r,active:m})=>e.jsxs("button",{className:"flex items-center gap-2.5 w-full px-4 py-2 text-left transition-colors",style:{backgroundColor:m?xo:"transparent",borderLeft:m?`3px solid ${bt}`:"3px solid transparent",color:m?"#fff":"rgba(255,255,255,0.65)"},children:[e.jsx(a,{size:14}),e.jsx("span",{className:"text-[11px]",children:r}),m&&e.jsx(ge,{size:10,className:"ml-auto",style:{color:"rgba(255,255,255,0.4)"}})]},r)),e.jsx("div",{className:"mt-auto px-4 space-y-1",children:["Training","Setup Wizard","Sign Out"].map(a=>e.jsx("button",{className:"flex items-center gap-2 w-full py-1.5 text-[10px]",style:{color:"rgba(255,255,255,0.5)"},children:e.jsx("span",{children:a})},a))})]}),e.jsxs("div",{className:"flex-1 overflow-y-auto px-8 py-6",children:[e.jsx("h1",{className:"text-2xl font-semibold mb-5",style:{color:Ns},children:"Integrations"}),e.jsxs("div",{className:"grid grid-cols-3 gap-4 mb-5",children:[e.jsxs("div",{className:"flex items-center gap-3 px-5 py-4 rounded-lg",style:{backgroundColor:Zl,border:`1px solid ${Ts}`},children:[e.jsx("div",{className:"w-10 h-10 rounded-full flex items-center justify-center",style:{backgroundColor:"#e8f5e9"},children:e.jsx(ma,{size:20,style:{color:bt}})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xl font-bold",style:{color:Ns},children:l}),e.jsx("p",{className:"text-[11px]",style:{color:qs},children:"Connected"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 px-5 py-4 rounded-lg",style:{backgroundColor:Zl,border:`1px solid ${Ts}`},children:[e.jsx("div",{className:"w-10 h-10 rounded-full flex items-center justify-center",style:{backgroundColor:"#fff3e0"},children:e.jsx(pa,{size:20,style:{color:G0}})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xl font-bold",style:{color:Ns},children:"0"}),e.jsx("p",{className:"text-[11px]",style:{color:qs},children:"Needs Attention"})]})]}),e.jsxs("div",{className:"flex items-center gap-3 px-5 py-4 rounded-lg",style:{backgroundColor:Zl,border:`1px solid ${Ts}`},children:[e.jsx("div",{className:"w-10 h-10 rounded-full flex items-center justify-center",style:{backgroundColor:"#e3f2fd"},children:e.jsx(Xi,{size:20,style:{color:P0}})}),e.jsxs("div",{children:[e.jsx("p",{className:"text-2xl font-bold",style:{color:Ns},children:n}),e.jsx("p",{className:"text-[11px]",style:{color:qs},children:"Total Integrations"})]})]})]}),e.jsx("div",{className:"flex items-center gap-1 mb-5",children:go.map(a=>e.jsxs("button",{onClick:r=>{r.stopPropagation(),s(a)},className:"flex items-center gap-1.5 px-3 py-1.5 rounded text-[11px] font-medium transition-colors",style:{backgroundColor:t===a?bt:"transparent",color:t===a?"#fff":qs,border:t===a?"none":`1px solid ${Ts}`},children:[fo[a],a]},a))}),Object.entries(h).map(([a,r])=>e.jsxs("div",{className:"mb-6",children:[e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsxs("span",{className:"text-sm font-semibold",style:{color:Ns},children:[fo[a]," ",a]}),e.jsx("span",{className:"text-[10px] px-1.5 py-0.5 rounded-full font-medium",style:{backgroundColor:`${bt}22`,color:bt},children:r.length})]}),e.jsx("div",{className:"grid grid-cols-4 gap-3",children:r.map((m,b)=>e.jsxs(o.div,{initial:{opacity:0,y:10}
82,animate:{opacity:1,y:0},transition:{delay:b*.05},className:"rounded-lg p-4 flex flex-col",style:{backgroundColor:Zl,border:`1px solid ${Ts}`},children:[e.jsxs("div",{className:"flex items-center gap-3 mb-2",children:[e.jsx(_0,{int:m}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[12px] font-semibold",style:{color:Ns},children:m.name}),e.jsxs("span",{className:"text-[9px] px-1.5 py-0.5 rounded-full",style:{backgroundColor:m.status==="connected"?`${bt}18`:m.status==="available"?`${bt}18`:"#f5f5f5",color:m.status==="connected"||m.status==="available"?bt:Js},children:["â ",m.status==="connected"?"Connected":m.status==="available"?"Available":"Not Available"]})]})]}),e.jsx("p",{className:"text-[10px] mb-3 flex-1",style:{color:qs},children:m.description}),e.jsxs("div",{className:"space-y-1 text-[9px] mb-3",children:[e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{style:{color:Js},children:"Last Sync:"}),e.jsx("span",{style:{color:m.status==="connected"?Ns:Js},children:m.lastSync})]}),e.jsxs("div",{className:"flex justify-between",children:[e.jsx("span",{style:{color:Js},children:"Status:"}),e.jsx("span",{style:{color:m.status==="connected"?U0:m.status==="available"?qs:Js},children:m.status==="connected"?"Connected":m.status==="available"?"Connect to start syncing":"Contact admin to enable"})]})]}),e.jsx("button",{className:"w-full py-1.5 rounded text-[10px] font-medium transition-colors",style:{backgroundColor:m.status==="connected"?"transparent":m.status==="available"?bt:"#f5f5f5",color:m.status==="connected"?bt:m.status==="available"?"#fff":Js,border:m.status==="connected"?`1px solid ${Ts}`:"none"},children:m.status==="connected"?"Configure":m.status==="available"?"Connect":"Not Available"})]},m.name))})]},a))]})]})}const yo="#1ab394",X0="#2f4050",uo="#293846",bo="#ffffff",jo="#f3f3f4",kl="#e7eaec",ds="#2d3748",ei="#676a6c",Ei="#999",Li="#4a90d9",ri="#1ab394",bn="#f8ac59",q0="linear-gradient(90deg, #f8ac59 0%, #1ab394 33%, #4a90d9 66%, #c471ed 100%)",J0=[{icon:Ki,label:"Dashboard",active:!0},{icon:Gs,label:"Agents"},{icon:al,label:"Messages"},{icon:rl,label:"Contacts"},{icon:Xi,label:"Integrations"},{icon:ss,label:"Settings"},{icon:hi,label:"Admin"}],Q0=[{name:"Lead Conversion",icon:"ð",change:"+12.3%",pct:50,color:Li,amount:145780.5,campaigns:4},{name:"Estimate Rehash",icon:null,change:"+9.8%",pct:31,color:ri,amount:89320.75,campaigns:3},{name:"Customer Loyalty",icon:null,change:"+4.5%",pct:19,color:bn,amount:54380,campaigns:2}];function vo(t,s,l,n){const[i,h]=d.useState(0);return d.useEffect(()=>{if(!n)return;const a=setTimeout(()=>{const r=performance.now(),m=b=>{const v=b-r,f=Math.min(v/s,1),j=1-Math.pow(1-f,3);h(t*j),f<1?requestAnimationFrame(m):h(t)};requestAnimationFrame(m)},l);return()=>clearTimeout(a)},[t,s,l,n]),i}function ti(t){return"$"+t.toLocaleString("en-US",{minimumFractionDigits:t%1===0?0:2,maximumFractionDigits:2})}function Z0(){const[t,s]=d.useState(null),[l,n]=d.useState(!1),[i,h]=d.useState(!1);d.useEffect(()=>{const r=setTimeout(()=>n(!0),200),m=setTimeout(()=>h(!0),3e3);return()=>{clearTimeout(r),clearTimeout(m)}},[]);const a=[{label:"OPEN REVENUE",value:89741,change:"8.2%",icon:e.jsx(Wo,{size:18,style:{color:bn}}),bgIcon:"#fff8ed"},{label:"SOLD REVENUE",value:134740.25,change:"15.3%",icon:e.jsx(Bi,{size:18,style:{color:Li}}),bgIcon:"#edf4ff"},{label:"COLLECTED REVENUE",value:65e3,change:"12.1%",icon:e.jsx(Ho,{size:18,style:{color:Li}}),bgIcon:"#edf4ff"}];return e.jsxs("div",{className:"relative flex h-full w-full",style:{fontFamily:"'Inter', sans-serif",background:jo},children:[e.jsxs("div",{className:"flex flex-col py-4",style:{width:200,backgroundColor:X0},children:[e.jsx("div",{className:"flex items-center gap-2 px-4 mb-4",children:e.jsx("img",{src:_i,alt:"CHIIRP",className:"h-7"})}),e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 mb-2",style:{backgroundColor:uo},children:[e.jsx("div",{className:"w-7 h-7 rounded-full flex items-center justify-center text-[10px] font-bold",style:{backgroundColor:"rgba(255,255,255,0.15)",color:"#fff"},children:"RF"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[11px] font-medium text-white",children:"Ryan Fenn"}),e.jsx("p",{className:"text-[9px]",style:{color:"rgba(255,255,255,0.5)"},children:"CHIIRP Main"})]})]}),e.jsx("p",{className:"px-4 text-[9px] font-semibold uppercase tracking-wider mb-1",style:{color:"rgba(255,255,255,0.35)"},children:"Navigation"}),J0.map(({icon:r,label:m,active:b})=>e.jsxs("button",{className:"flex items-center gap-2.5 w-full px-4 py-2 text-left transition-colors",style:{backgroundColor:b?uo:"transparent",borderLeft:b?`3px solid ${yo}`:"3px solid transparent",color:b?"#fff":"rgba(255,255,255,0.65)"},children:[e.jsx(r,{size:14}),e.jsx("span",{className:"text-[11px]",children:m}
82),b&&e.jsx(ge,{size:10,className:"ml-auto",style:{color:"rgba(255,255,255,0.4)"}})]},m))]}),e.jsxs("div",{className:"flex-1 overflow-y-auto",children:[e.jsx(o.div,{initial:{scaleX:0},animate:{scaleX:1},transition:{duration:1,ease:"easeOut",delay:.3},style:{background:q0,height:4,transformOrigin:"left"}}),e.jsxs("div",{className:"px-8 py-6",children:[e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-1 text-[12px]",style:{color:ei},children:[e.jsx(xa,{size:14}),e.jsx("span",{children:"Back to Dashboard"})]}),e.jsxs("div",{className:"flex items-center justify-between mb-1",children:[e.jsx("h1",{className:"text-3xl font-bold",style:{color:ds},children:"Revenue Dashboard"}),e.jsxs("div",{className:"flex items-center gap-2 px-4 py-2 rounded-lg text-[12px]",style:{border:`1px solid ${kl}`,color:ds},children:[e.jsx(Oo,{size:14}),e.jsx("span",{children:"Dec 27, 2025 - Jan 26, 2026"})]})]}),e.jsx("p",{className:"text-[13px]",style:{color:Ei},children:"Track and analyze revenue across all strategies"})]}),e.jsx("div",{className:"grid grid-cols-3 gap-5 mt-6 mb-8",children:a.map(r=>e.jsxs("div",{className:"relative rounded-xl p-5 overflow-hidden",style:{backgroundColor:bo,border:`1px solid ${kl}`},children:[e.jsxs("div",{className:"flex items-center justify-between mb-2",children:[e.jsx("p",{className:"text-[10px] font-semibold uppercase tracking-wider",style:{color:ei},children:r.label}),e.jsx("div",{className:"w-8 h-8 rounded-full flex items-center justify-center",style:{backgroundColor:r.bgIcon},children:r.icon})]}),e.jsx("p",{className:"text-3xl font-bold mb-1",style:{color:ds},children:ti(r.value)}),e.jsx("div",{className:"flex items-center gap-1",children:e.jsxs("span",{className:"text-[11px] font-semibold",style:{color:ri},children:["â ",r.change]})})]},r.label))}),e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center justify-between mb-4",children:[e.jsx("h2",{className:"text-lg font-semibold",style:{color:ds},children:"Revenue by Strategy"}),e.jsxs("p",{className:"text-sm",style:{color:ei},children:["Total: ",e.jsx("span",{className:"text-xl font-bold",style:{color:ds},children:ti(289481.25)})]})]}),e.jsx("div",{className:"space-y-3",children:Q0.map((r,m)=>{const b=vo(r.amount,1200,200+m*150,l),v=vo(r.pct,1200,200+m*150,l),f=t===m;return e.jsxs("div",{className:"rounded-xl overflow-hidden cursor-pointer",style:{backgroundColor:bo,border:`1px solid ${kl}`},onClick:j=>{j.stopPropagation(),s(f?null:m)},children:[e.jsxs("div",{className:"flex items-center gap-4 px-5 py-4",children:[e.jsx(o.div,{animate:f?{rotate:90}:{rotate:0},transition:{duration:.2},children:e.jsx(ge,{size:16,style:{color:Ei}})}),e.jsxs("span",{className:"text-[15px] font-semibold min-w-[160px]",style:{color:ds},children:[r.name," ",r.icon&&e.jsx("span",{className:"ml-1",children:r.icon})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(Bi,{size:14,style:{color:ri}}),e.jsx("span",{className:"text-[12px] font-semibold",style:{color:ri},children:r.change})]}),e.jsx("div",{className:"flex-1 flex items-center gap-2",children:e.jsx("div",{className:"relative flex-1 h-8 rounded-full overflow-hidden",style:{backgroundColor:"#f0f0f0"},children:e.jsx(o.div,{className:"absolute inset-y-0 left-0 rounded-full flex items-center justify-center",style:{backgroundColor:r.color},initial:{width:"0%"},animate:{width:`${v}%`},transition:{duration:1.2,delay:.1+m*.15,ease:"easeOut"},children:e.jsxs(o.span,{className:"text-white text-[11px] font-bold",initial:{opacity:0}
82,animate:{opacity:1},transition:{delay:.8+m*.15},children:[Math.round(v),"%"]})})})}),e.jsxs("div",{className:"text-right min-w-[120px]",children:[e.jsx("p",{className:"text-xl font-bold",style:{color:ds},children:ti(b)}),e.jsxs("p",{className:"text-[10px]",style:{color:Ei},children:[r.campaigns," campaigns"]})]})]}),e.jsx(Ps,{children:f&&e.jsx(o.div,{initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.3},className:"overflow-hidden",children:e.jsx("div",{className:"px-5 pb-4 pt-2 grid grid-cols-3 gap-3",style:{borderTop:`1px solid ${kl}`},children:Array.from({length:r.campaigns},(j,g)=>e.jsxs(o.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:g*.08},className:"rounded-lg p-3",style:{backgroundColor:jo,border:`1px solid ${kl}`},children:[e.jsxs("p",{className:"text-[11px] font-semibold mb-1",style:{color:ds},children:["Campaign ",g+1]}),e.jsx("p",{className:"text-[10px]",style:{color:ei},children:ti(r.amount/r.campaigns*(.8+Math.random()*.4))}),e.jsx("div",{className:"mt-1.5 h-1.5 rounded-full overflow-hidden",style:{backgroundColor:"#e0e0e0"},children:e.jsx(o.div,{className:"h-full rounded-full",style:{backgroundColor:r.color},initial:{width:0},animate:{width:`${50+Math.random()*50}%`},transition:{duration:.8,delay:.1+g*.1}})})]},g))})})})]},r.name)})})]}),e.jsx(Ps,{children:i&&e.jsxs(o.div,{initial:{opacity:0,y:40},animate:{opacity:1,y:0},transition:{duration:.8,delay:.3},className:"mt-8 rounded-2xl overflow-hidden text-center py-14 px-8",style:{background:"linear-gradient(135deg, #0a0a0f 0%, #141420 100%)",border:"1px solid rgba(255,255,255,0.06)"},children:[e.jsx(o.p,{initial:{opacity:0,y:15},animate:{opacity:.5,y:0},transition:{delay:.8,duration:.7},className:"text-[1.6rem] font-light tracking-wide mb-4",style:{color:"rgba(255,255,255,0.4)",fontFamily:"'Inter', sans-serif"},children:"Most platforms track activity."}),e.jsxs(o.h2,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{delay:1.3,duration:.6,type:"spring",stiffness:150},className:"text-[5.5rem] font-black tracking-tight leading-none",style:{fontFamily:"'Bebas Neue', sans-serif",color:"#fff"},children:["We track ",e.jsx("span",{style:{color:yo},children:"revenue"}),"."]})]})})]})]})]})}const So="#f7911e",si="hsl(0 0% 98%)",em="hsla(0, 0%, 98%, 0.5)",wo="hsla(0, 0%, 98%, 0.35)",li="'Bebas Neue', sans-serif",tm=[.25,.46,.45,.94],ii=(t=0)=>({initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,delay:t,ease:tm}}),zi=(t=0)=>({initial:{opacity:0}
82,animate:{opacity:1},transition:{duration:.8,delay:t,ease:"easeOut"}}),sm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",style:{background:"linear-gradient(135deg, hsl(140 30% 6%) 0%, hsl(210 30% 4%) 40%, hsl(220 40% 8%) 100%)"},children:[e.jsx("div",{className:"absolute top-0 right-0 w-[600px] h-[600px] pointer-events-none",style:{background:"radial-gradient(ellipse, hsla(217, 91%, 60%, 0.08) 0%, transparent 70%)"}}),e.jsx("div",{className:"absolute bottom-0 left-0 w-[500px] h-[500px] pointer-events-none",style:{background:"radial-gradient(ellipse, hsla(142, 71%, 45%, 0.05) 0%, transparent 70%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center text-center px-20",children:[e.jsxs(o.div,{...zi(0),className:"flex items-center justify-center gap-3 mb-10",children:[e.jsx("div",{className:"w-12 h-[1px]",style:{backgroundColor:So}}),e.jsx("span",{className:"text-[1.2rem] tracking-[0.5em] uppercase",style:{color:si},children:"The Unfair Advantage"}),e.jsx("div",{className:"w-12 h-[1px]",style:{backgroundColor:So}})]}),e.jsxs(o.h1,{...ii(.2),className:"text-[5.5rem] font-bold leading-[0.95] mb-2",style:{fontFamily:li,letterSpacing:"0.06em"},children:[e.jsx("span",{style:{color:"hsl(142 71% 55%)"},children:"GREEN TEXTS"}),e.jsx("span",{style:{color:"hsla(0,0%,98%,0.5)"},children:" DELIVER MESSAGES."})]}),e.jsxs(o.h1,{...ii(.2),className:"text-[5.5rem] font-bold leading-[0.95] mb-10",style:{fontFamily:li,letterSpacing:"0.06em"},children:[e.jsx("span",{className:"bg-gradient-to-r from-blue-400 via-blue-500 to-cyan-400 bg-clip-text text-transparent",children:"BLUE MESSAGES"}),e.jsx("span",{style:{color:si},children:" START CONVERSATIONS."})]}),e.jsx(o.p,{...zi(.4),className:"text-[1.6rem] font-light mb-16",style:{color:em},children:"When you control the conversation, you control the job."}),e.jsxs(o.div,{...ii(.5),className:"flex items-center gap-8 mb-16",children:[e.jsxs("div",{className:"bg-gradient-to-br from-green-900/40 to-green-950/40 backdrop-blur rounded-2xl p-6 w-[380px] border border-green-500/20",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("div",{className:"w-12 h-12 rounded-full bg-green-500/20 flex items-center justify-center text-green-400/60 text-lg",children:"?"}),e.jsx("div",{className:"text-[1.1rem]",style:{color:"hsla(142,71%,45%,0.5)"},children:"Unknown ⢠SMS"})]}),e.jsx("div",{className:"bg-green-600/80 text-white rounded-xl px-5 py-3 text-[1.2rem] text-left",children:"Hi, this is a reminder about your upcoming appointment. Reply YES to confirm."})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-20 h-px bg-gradient-to-r from-green-500/50 via-white/20 to-blue-500/50"}),e.jsx("span",{className:"text-[1.1rem] whitespace-nowrap",style:{color:wo},children:"same message"}),e.jsx("div",{className:"w-20 h-px bg-gradient-to-r from-white/20 to-blue-500/50"})]}),e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"absolute -inset-1 bg-gradient-to-r from-blue-500 to-cyan-500 rounded-2xl blur opacity-25"}),e.jsxs("div",{className:"relative bg-gradient-to-br from-blue-900/70 to-slate-900/70 backdrop-blur rounded-2xl p-6 w-[380px] border border-blue-500/30",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[e.jsx("img",{src:ga,alt:"A1 Garage Door Service",className:"w-12 h-12 rounded-full object-contain shadow-lg shadow-blue-500/30 bg-white p-1"}),e.jsxs("div",{className:"text-left",children:[e.jsx("div",{className:"text-[1.1rem] font-medium",style:{color:si},children:"A1 Garage Door Service"}),e.jsx("div",{className:"text-[0.95rem]",style:{color:"hsl(217 91% 60%)"},children:"iMessage"})]})]}),e.jsxs("div",{className:"relative flex flex-col items-end",children:[e.jsxs("div",{className:"relative",children:[e.jsx("div",{className:"bg-[#3b82f6] text-white rounded-[20px] rounded-br-[4px] px-5 py-3 text-[1.2rem] text-left shadow-lg shadow-blue-500/20",children:"Hey! It's Tommy checking in from A1 Garage ð I just wanted to personally make sure everything's working great with your new door."}),e.jsx("svg",{className:"absolute -bottom-[2px] -right-[8px] w-5 h-5",viewBox:"0 0 20 20",style:{filter:"drop-shadow(0 4px 6px rgba(59, 130, 246, 0.2))"},children:e.jsx("path",{d:"M0 0 C0 0 3 0 5 2 C7 4 9 10 14 14 C17 17 20 18 20 18 L20 20 C20 20 10 20 5 15 C0 10 0 5 0 0 Z",fill:"#3b82f6"})})]}),e.jsx("span",{className:"text-[11px] text-blue-400/80 mt-1 mr-1 tracking-wide",children:"Read 2:34 PM"})]})]})]})]}),e.jsxs(o.div,{...ii(.8),className:"flex items-center gap-12",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-4 h-4 rounded-full",style:{background:"hsla(142,71%,45%,0.3)"}}),e.jsx("span",{className:"text-[2.2rem] font-bold",style:{fontFamily:li,color:wo},children:"Green gets ignored."})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"w-4 h-4 rounded-full bg-blue-500 shadow-lg shadow-blue-500/50 animate-pulse"}),e.jsx("span",{className:"text-[2.2rem] font-bold",style:{fontFamily:li,color:si},children:"Blue gets replies."})]})]})]}),e.jsx(o.img,{src:k,alt:"CHIIRP",...zi(1.2),className:"absolute bottom-10 left-1/2 -translate-x-1/2 h-10 pointer-events-none",style:{opacity:.25}})]}),ks="#f7911e",Cl="hsl(0 0% 98%)",lm="hsla(0, 0%, 98%, 0.5)",Ii="'Bebas Neue', sans-serif",Ri=[.25,.46,.45,.94],im="hsla(0, 0%, 98%, 0.35)",om=()=>
82{const[t,s]=d.useState(!1);return e.jsxs("div",{className:"relative flex items-center justify-center h-full w-full overflow-hidden cursor-pointer select-none",onClick:()=>!t&&s(!0),children:[e.jsxs("div",{className:"absolute inset-0",children:[e.jsx("img",{src:nl,alt:"",className:"w-full h-full object-cover",style:{opacity:.45}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at 50% 40%, rgba(247,145,30,0.12) 0%, transparent 50%), radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.92) 75%)"}})]}),e.jsx(Ps,{children:!t&&e.jsxs(o.div,{className:"relative z-10 flex flex-col items-center text-center px-20",exit:{opacity:0,scale:.95,filter:"blur(8px)"},transition:{duration:.8,ease:Ri},children:[e.jsx(o.div,{initial:{opacity:0,width:0},animate:{opacity:1,width:120},transition:{duration:.8,delay:.2},className:"h-[2px] mb-12",style:{background:`linear-gradient(90deg, transparent, ${ks}, transparent)`}}),e.jsxs(o.h1,{initial:{opacity:0,scale:.85},animate:{opacity:1,scale:1},transition:{duration:1,delay:.3,ease:[.16,1,.3,1]},className:"leading-[0.85] tracking-tight mb-14",style:{fontFamily:Ii,fontSize:"10rem",color:Cl,transform:"scaleY(1.2)",textShadow:"0 0 80px rgba(247,145,30,0.15)"},children:["SOFTWARE",e.jsx("br",{}),e.jsx("span",{style:{color:ks},children:"IS DEAD."})]}),e.jsxs(o.div,{initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.9,delay:1},className:"max-w-[1000px] space-y-5",style:{fontFamily:"'Montserrat', sans-serif",fontWeight:900,textTransform:"uppercase"},children:[e.jsxs("p",{className:"leading-[1.25]",style:{fontSize:"2.4rem",color:Cl,letterSpacing:"-0.01em"},children:["The AI battle is ",e.jsx("span",{style:{color:ks},children:"already here."})]}),e.jsxs("p",{className:"leading-[1.25]",style:{fontSize:"2.4rem",color:lm,letterSpacing:"-0.01em"},children:["And we all know the difference between"," ",e.jsx("span",{style:{color:Cl},children:"AI trained on real data"})," ",e.jsx("span",{style:{color:ks},children:"and noise pretending to be intelligence."})]})]}),e.jsx(o.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.7,delay:1.6},className:"mt-14 leading-[1.25]",style:{fontFamily:"'Montserrat', sans-serif",fontWeight:900,fontSize:"2.4rem",color:ks,textTransform:"uppercase",letterSpacing:"-0.01em"},children:"WE'VE BEEN BUILDING FOR 7 YEARS."}),e.jsx(o.img,{src:Xt,alt:"CHIIRP AI",initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:2},className:"h-14 mt-12",style:{filter:"drop-shadow(0 0 30px hsla(32, 93%, 54%, 0.4))"}})]})}),e.jsx(Ps,{children:t&&e.jsxs(o.div,{className:"absolute inset-0 z-20 flex flex-col items-center justify-center",initial:{opacity:0}
82,animate:{opacity:1},transition:{duration:.5,delay:.4},children:[e.jsxs("div",{className:"absolute inset-0 pointer-events-none flex items-center justify-center",children:[e.jsx(o.div,{className:"absolute w-[700px] h-[700px] rounded-full",style:{background:"radial-gradient(ellipse, hsla(30, 100%, 60%, 0.12) 0%, transparent 70%)"},animate:{scale:[1,1.15,1],opacity:[.6,1,.6]},transition:{duration:5,repeat:1/0,ease:"easeInOut"}}),e.jsx(o.div,{className:"absolute w-[500px] h-[500px] rounded-full",style:{background:"radial-gradient(ellipse, hsla(0, 0%, 100%, 0.1) 0%, transparent 65%)"},animate:{scale:[1.1,1,1.1],opacity:[.4,.8,.4]},transition:{duration:6,repeat:1/0,ease:"easeInOut",delay:1}}),e.jsx(o.div,{className:"absolute w-[900px] h-[900px] rounded-full",style:{background:"radial-gradient(ellipse, hsla(40, 80%, 70%, 0.06) 0%, transparent 70%)"},animate:{scale:[1,1.08,1],opacity:[.3,.6,.3]},transition:{duration:8,repeat:1/0,ease:"easeInOut",delay:2}})]}),e.jsxs(o.div,{className:"flex items-center justify-center gap-3 mb-8",initial:{opacity:0,y:-20},animate:{opacity:1,y:0},transition:{duration:.8,delay:.8,ease:Ri},children:[e.jsx("div",{className:"w-16 h-[1px]",style:{backgroundColor:ks}}),e.jsx("span",{className:"text-[1.4rem] tracking-[0.5em] uppercase",style:{color:Cl,fontFamily:Ii,letterSpacing:"0.15em"},children:"Scan to See It Live"}),e.jsx("div",{className:"w-16 h-[1px]",style:{backgroundColor:ks}})]}),e.jsxs(o.div,{className:"relative",initial:{opacity:0,scale:.3,filter:"blur(20px)"},animate:{opacity:1,scale:1,filter:"blur(0px)"},transition:{duration:1.2,delay:.6,ease:[.16,1,.3,1]},children:[e.jsx("div",{className:"absolute -inset-8 rounded-3xl",style:{background:"radial-gradient(ellipse, hsla(30, 100%, 55%, 0.25) 0%, hsla(30, 100%, 55%, 0.08) 40%, transparent 70%)",filter:"blur(20px)"}}),e.jsx("div",{className:"absolute -inset-4 rounded-2xl",style:{background:"radial-gradient(ellipse, hsla(0, 0%, 100%, 0.15) 0%, transparent 70%)",filter:"blur(10px)"}}),e.jsx("img",{src:Ui,alt:"Scan for CHIIRP Blue demo",className:"relative w-[320px] h-[320px] rounded-2xl",style:{mixBlendMode:"multiply",opacity:.95,filter:"drop-shadow(0 0 40px hsla(30, 100%, 55%, 0.4)) drop-shadow(0 0 80px hsla(30, 100%, 55%, 0.15))"}})]}),e.jsx(o.p,{className:"mt-10 text-[1.8rem] font-bold",style:{fontFamily:Ii,color:Cl,letterSpacing:"0.06em"},initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.8,delay:1.4,ease:Ri},children:"The shift has already happened."}),e.jsx(o.p,{className:"absolute bottom-8 text-[0.9rem] cursor-pointer",style:{color:im},initial:{opacity:0}
82,animate:{opacity:1},transition:{delay:2.5},onClick:l=>{l.stopPropagation(),s(!1)},children:"click to go back"})]})})]})},nm="/assets/chiirp-qr-code-upceSW_o.png",y="#f7911e",O="hsl(0 0% 98%)",ae="hsla(0, 0%, 98%, 0.5)",pt="hsla(0, 0%, 98%, 0.35)",hl="hsl(0 0% 4%)",L="'Bebas Neue', sans-serif",ms="'Inter', sans-serif",Qi=[.25,.46,.45,.94],fe=(t=0)=>({initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,delay:t,ease:Qi}}),de=(t=0)=>({initial:{opacity:0},animate:{opacity:1},transition:{duration:.8,delay:t,ease:"easeOut"}}),yt=(t=0)=>({initial:{opacity:0,scale:.85},animate:{opacity:1,scale:1},transition:{duration:.6,delay:t,ease:Qi}}),am=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:zn,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.15}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 80%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-32",children:[e.jsx(o.p,{...de(0),className:"text-[2rem] tracking-[0.35em] uppercase font-light mb-8",style:{color:pt},children:"The Revenue Problem"}),e.jsx(o.h1,{...fe(.3),className:"text-[7rem] font-bold leading-none mb-4",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:"STOP LOSING MONEY ON LEADS"}),e.jsx(o.h1,{...fe(.5),className:"text-[7rem] font-bold leading-none",style:{fontFamily:L,color:y,transform:"scaleY(1.15)"},children:"YOU ALREADY PAID FOR"}),e.jsx(o.div,{...de(.8),className:"w-24 h-[2px] mx-auto my-10",style:{backgroundColor:y}}),e.jsx(o.p,{...fe(.9),className:"text-[2.2rem] font-light",style:{color:ae},children:"How to convert more of the leads you're already paying for"})]}),e.jsx(o.img,{src:k,alt:"",...de(1.5),className:"absolute bottom-10 left-1/2 -translate-x-1/2 h-10",style:{opacity:.25}})]}),rm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:Yi,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.3,filter:"brightness(0.6) contrast(1.2)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.6) 0%, rgba(10,10,10,0.4) 40%, rgba(10,10,10,0.75) 100%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-28",children:[e.jsx(o.p,{...de(0),className:"text-[1.8rem] tracking-[0.3em] uppercase font-light mb-6",style:{color:pt},children:"The Hard Truth"}),e.jsxs(o.h1,{...fe(.2),className:"text-[8rem] font-bold leading-none mb-16",style:{fontFamily:L,color:O,transform:"scaleY(1.2)"},children:["THE BRUTAL ",e.jsx("span",{style:{color:y},children:"MATH"})]}),e.jsx(o.p,{...de(.4),className:"text-[1.6rem] font-light mb-14",style:{color:ae},children:"Every day, opportunities are slipping through the cracks"}),e.jsx("div",{className:"flex items-start justify-center gap-12",children:[{stat:"$150â300",label:"average cost per lead"},{stat:"48%",label:"of leads go unresponded"},{stat:"78%",label:"buy from first responder"},{stat:"$50K+",label:"wasted per year on dead leads"}].map((t,s)=>e.jsxs(o.div,{...yt(.5+s*.15),className:"text-center w-[280px]",children:[e.jsx("p",{className:"text-[5.5rem] font-bold leading-none mb-3",style:{fontFamily:L,color:y},children:t.stat}),e.jsx("p",{className:"text-[1.2rem] font-light uppercase tracking-wider",style:{color:ae},children:t.label})]},s))}),e.jsxs(o.p,{...fe(1.2),className:"mt-16 text-[1.6rem] font-medium",style:{color:O},children:["Slow response times and dead follow-ups mean ",e.jsx("span",{style:{color:y},children:"money walking out the door"})]})]})]}),cm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:Et,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.12}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(10,10,10,0.5) 0%, rgba(10,10,10,0.85) 80%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-20",children:[e.jsxs(o.h1,{...fe(0),className:"text-[9rem] font-bold leading-none mb-10",style:{fontFamily:L,color:O,transform:"scaleY(1.2)"},children:["QUICK ",e.jsx("span",{style:{color:y},children:"QUESTION..."})]}),e.jsx(o.p,{...de(.3),className:"text-[2.8rem] font-light mb-16",style:{color:ae},children:"How fast does your team respond to a new lead?"}),e.jsx("div",{className:"flex justify-center gap-8",children:["Under 1 minute","1â5 minutes","5â30 minutes",`Over an hour... 83or never`].map((t,s)=>e.jsx(o.div,{...yt(.5+s*.12),className:"w-[320px] py-10 px-8 rounded-2xl text-center",style:{background:s===0?`${y}20`:"hsla(0,0%,100%,0.04)",border:`1px solid ${s===0?y+"40":"hsla(0,0%,100%,0.08)"}`},children:e.jsx("p",{className:"text-[2.8rem] font-bold whitespace-pre-line",style:{fontFamily:L,color:s===0?y:O},children:t})},s))}),e.jsxs(o.div,{...de(1),className:"mt-14",children:[e.jsx("p",{className:"text-[3rem] font-bold uppercase tracking-[0.15em]",style:{fontFamily:L,color:y},children:"RAISE YOUR HAND"}),e.jsx("p",{className:"text-[1.6rem] font-light mt-2",style:{color:pt},children:"Be honest â nobody's judging"})]})]})]}),dm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:Ro,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.25,filter:"brightness(0.6) contrast(1.2)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(5,5,5,0.7) 0%, rgba(5,5,5,0.5) 40%, rgba(5,5,5,0.85) 100%)"}}),e.jsx("div",{className:"absolute pointer-events-none",style:{width:900,height:900,left:"50%",top:"45%",transform:"translate(-50%, -50%)",opacity:.25,background:`radial-gradient(ellipse, ${y}18 0%, transparent 65%)`}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center w-full px-16",children:[e.jsx("p",{className:"text-[1.6rem] tracking-[0.4em] uppercase font-light mb-6",style:{color:pt},children:"Speed-to-Lead"}),e.jsx("div",{className:"relative mb-2",children:e.jsx("h1",{className:"text-[18rem] font-bold leading-none",style:{fontFamily:L,color:y,transform:"scaleY(1.25)",letterSpacing:"-0.02em",textShadow:`0 0 60px ${y}40`},children:"391%"})}),e.jsxs("p",{className:"text-[2.6rem] font-light mb-16 text-center",style:{color:O},children:["higher conversion rate when you respond in ",e.jsx("span",{className:"font-bold",style:{color:y},children:"under 1 minute"})]}),e.jsx("div",{className:"flex items-end justify-center gap-6 mb-14",children:[{time:"
83< 1 min",pct:100,color:y,glow:!0},{time:"5 min",pct:20,color:"hsl(35 70% 45%)",glow:!1},{time:"30 min",pct:8,color:"hsl(0 0% 35%)",glow:!1},{time:"24 hrs",pct:3,color:"hsl(0 0% 25%)",glow:!1}].map((t,s)=>e.jsxs("div",{className:"flex flex-col items-center gap-3",style:{width:200},children:[e.jsx("div",{className:"w-full rounded-t-lg",style:{height:`${Math.max(t.pct*1.8,12)}px`,background:t.glow?`linear-gradient(180deg, ${y} 0%, hsl(16 70% 35%) 100%)`:`linear-gradient(180deg, ${t.color} 0%, hsl(0 0% 10%) 100%)`,boxShadow:t.glow?`0 0 30px ${y}50, 0 -10px 40px ${y}25`:"none"}}),e.jsx("p",{className:"text-[2rem] font-bold",style:{fontFamily:L,color:t.glow?y:t.color},children:t.time})]},s))}),e.jsxs("p",{className:"text-[2rem] font-bold uppercase tracking-[0.15em] text-center",style:{fontFamily:L,color:O},children:["YOUR COMPETITION CALLS BACK IN HOURS."," ",e.jsx("span",{style:{color:y},children:"YOU NEED TO RESPOND IN SECONDS."})]})]}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-[4px]",style:{background:`linear-gradient(90deg, transparent, ${y}, transparent)`}})]}),mm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(135deg, hsl(25 80% 8%) 0%, ${hl} 100%)`}}),e.jsxs("div",{className:"relative z-10 text-center px-20",children:[e.jsx(o.div,{...yt(0),className:"inline-block px-10 py-4 rounded-full mb-8",style:{background:`${y}20`,border:`1px solid ${y}40`},children:e.jsx("p",{className:"text-[1.8rem] font-bold tracking-[0.2em] uppercase",style:{color:y},children:"Action Item"})}),e.jsxs(o.h1,{...fe(.2),className:"text-[9rem] font-bold leading-none mb-8",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["HOMEWORK ",e.jsx("span",{style:{color:y},children:"#1"})]}),e.jsx(o.p,{...de(.4),className:"text-[2.8rem] font-bold mb-14",style:{color:O},children:"Document Every Lead Source Coming Into Your Business"}),e.jsx("div",{className:"grid grid-cols-2 gap-6 max-w-[1300px] mx-auto",children:["Google Ads / LSA","Website form submissions","Facebook & Instagram Ads","Phone calls (tracked & untracked)","Angi / HomeAdvisor / Thumbtack","Referrals & word of mouth"].map((t,s)=>e.jsx(o.div,{...fe(.6+s*.1),className:"px-10 py-6 rounded-xl text-left",style:{background:"hsla(0,0%,100%,0.04)",border:"1px solid hsla(0,0%,100%,0.08)"},children:e.jsx("p",{className:"text-[2rem] font-medium",style:{color:O},children:t})},s))}),e.jsxs(o.p,{...de(1.4),className:"mt-14 text-[2rem] font-medium",style:{color:ae},children:["If you don't know where your leads come from, ",e.jsx("span",{style:{color:y},children:"you can't fix what's broken."})]})]})]}),pm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:ys,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.2}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.85) 80%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-28",children:[e.jsx(o.div,{...yt(0),className:"inline-block px-8 py-3 rounded-full mb-8",style:{background:`${y}20`,border:`1px solid ${y}40`},children:e.jsx("p",{className:"text-[1.4rem] font-bold tracking-[0.2em] uppercase",style:{color:y},children:"Implement Strategy #1"})}),e.jsxs(o.h1,{...fe(.2),className:"text-[5.5rem] font-bold leading-none mb-14",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["SETUP ",e.jsx("span",{style:{color:y},children:"SPEED-TO-LEAD"})," ON EVERY",e.jsx("br",{}),"LEAD SOURCE COMING INTO THE BUSINESS"]}),e.jsx("div",{className:"flex justify-center items-center gap-4",children:[{step:"1",title:"Connect",desc:"Integrate every lead source into CHIIRP"},{step:"2",title:"Automate",desc:"Set instant text response for each source"},{step:"3",title:"Convert",desc:"Leads get contacted in seconds, not hours"}].map((t,s)=>e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs(o.div,{...yt(.5+s*.15),className:"w-[340px] p-8 rounded-2xl text-center",style:{background:"hsla(0,0%,100%,0.04)",border:"1px solid hsla(0,0%,100%,0.08)"},children:[e.jsx("p",{className:"text-[4rem] font-bold leading-none mb-3",style:{fontFamily:L,color:y},children:t.step}),e.jsx("p",{className:"text-[2.4rem] font-bold mb-3",style:{fontFamily:L,color:O},children:t.title}),e.jsx("p",{className:"text-[1.2rem] font-light",style:{color:ae},children:t.desc})]}),s<2&&e.jsx(o.div,{...de(.7+s*.15),children:e.jsx("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:e.jsx("path",{d:"M8 24H40M40 24L28 12M40 24L28 36",stroke:y,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})})})]},s))}),e.jsxs(o.p,{...de(1.1),className:"mt-14 text-[1.8rem] font-bold",style:{color:O},children:["Every lead source. Every time. ",e.jsx("span",{style:{color:y},children:"No exceptions."})]})]})]}),hm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(135deg, hsl(25 80% 8%) 0%, ${hl} 100%)`}}),e.jsxs("div",{className:"relative z-10 text-center px-28",children:[e.jsx(o.div,{...yt(0),className:"inline-block px-8 py-3 rounded-full mb-8",style:{background:`${y}20`,border:`1px solid ${y}40`},children:e.jsx("p",{className:"text-[1.4rem] font-bold tracking-[0.2em] uppercase",style:{color:y},children:"Homework #2"})}),e.jsxs(o.h1,{...fe(.2),className:"text-[5.5rem] font-bold leading-none mb-14",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["MAP OUT YOUR CURRENT",e.jsx("br",{}),e.jsx("span",{style:{color:y},children:"ESTIMATE FOLLOW-UP"})," PROCESS"]}),e.jsx("div",{className:"space-y-5 max-w-[1000px] mx-auto text-left",children:["How many estimates did you send last month?","Who is responsible for follow-up?","How many did you follow up on?","How many touches before you give up?","What's your current close rate?","How many estimates are sitting unsold right now?"].map((t,s)=>e.jsxs(o.div,{...fe(.4+s*.1),className:"flex items-center gap-6 px-8 py-4 rounded-xl",style:{background:"hsla(0,0%,100%,0.03)",border:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsx("div",{className:"w-3 h-3 rounded-full flex-shrink-0",style:{backgroundColor:y}}),e.jsx("p",{className:"text-[1.5rem] font-medium",style:{color:O},children:t})]},s))}),e.jsxs(o.p,{...de(1.2),className:"mt-12 text-[1.8rem] font-bold",style:{color:ae},children:["You can't improve ",e.jsx("span",{style:{color:y},children:"what you don't measure."})]})]})]}),xm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:gt,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.15}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.75) 50%, rgba(10,10,10,0.9) 100%)"}}),e.jsxs("div",{className:"relative z-10 px-20 w-full",children:[e.jsxs(o.h1,{...fe(0),className:"text-[5rem] font-bold leading-none text-center mb-2",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["OPEN ESTIMATE ",e.jsx("span",{style:{color:y},children:"FOLLOW-UP SEQUENCE"})]}),e.jsx(o.p,{...de(.2),className:"text-center text-[1.4rem] font-light mb-10",style:{color:ae},children:"5 Messages · 28 Days · Plus Outcome Triggers · MonâFri Only"}),e.jsx("div",{className:"space-y-4",children:[{day:"Day 0",title:"Initial Follow-Up",time:"8:00 AM",msg:`"Hi {'{'}firstname{'}'}. It's {'{'}company{'}'}. You should have received an email from us with your estimate. Please let us know if you have any questions."`,tip:"Include an image attachment â increases engagement up to 40%"},{day:"Day 2",title:"Move Forward?",time:"8:00 AM",msg:`"Hi {'{'}firstname{'}'}. Would you like to move forward with the service?"`,tip:"Short yes/no questions get 2à more responses"},{day:"Day 7",title:"Weekly Check-In",time:"8:30 AM",msg:`"Hi {'{'}firstname{'}'}. It's {'{'}company{'}'}. We're following up on the estimate we sent last week. Do you have any questions?"`,t
83ip:"Reintroduce your company name â stay top of mind"},{day:"Day 14",title:"Two-Week Nudge",time:"11:00 AM",msg:`"Hi {'{'}firstname{'}'}. Just checking back in to see if you've had a chance to look at the estimate."`,tip:"11 AM catches lunch breaks â higher response rate"},{day:"Day 28",title:"Final Push",time:"9:00 AM",msg:`"Hi {'{'}firstname{'}'}. It's {'{'}company{'}'}. The pricing on the estimate is valid for a few more days. Would you like to pick a day?"`,tip:"Expiring pricing + scheduling removes friction"}].map((t,s)=>e.jsxs(o.div,{...fe(.3+s*.12),className:"flex items-start gap-6 px-6 py-4 rounded-xl",style:{background:"hsla(0,0%,100%,0.03)",border:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsxs("div",{className:"flex-shrink-0 w-[140px]",children:[e.jsx("p",{className:"text-[1.8rem] font-bold",style:{fontFamily:L,color:y},children:t.day}),e.jsx("p",{className:"text-[0.9rem] font-light",style:{color:pt},children:t.time})]}),e.jsxs("div",{className:"flex-1",children:[e.jsx("p",{className:"text-[1.2rem] font-bold mb-1",style:{color:O},children:t.title}),e.jsx("p",{className:"text-[0.95rem] font-light leading-snug",style:{color:ae},children:t.msg})]}),e.jsx("div",{className:"flex-shrink-0 w-[280px] px-4 py-2 rounded-lg",style:{background:`${y}10`,border:`1px solid ${y}20`},children:e.jsxs("p",{className:"text-[0.85rem] font-medium",style:{color:y},children:["ð¡ ",t.tip]})})]},s))}),e.jsx(o.p,{...de(1.2),className:"text-center mt-6 text-[1.2rem]",style:{color:pt},children:"All messages automated via CHIIRP · MonâFri only · Pauses on any reply"})]})]}),gm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(180deg, ${hl} 0%, hsl(0 0% 6%) 100%)`}}),e.jsxs("div",{className:"relative z-10 text-center px-16",children:[e.jsx(o.p,{...de(0),className:"text-[2rem] tracking-[0.3em] uppercase font-light mb-6",style:{color:pt},children:"What Fires When the Estimate Is Resolved"}),e.jsxs(o.h1,{...fe(.2),className:"text-[9rem] font-bold leading-none mb-10",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["OUTCOME ",e.jsx("span",{style:{color:y},children:"TRIGGERS"})]}),e.jsx(o.p,{...de(.4),className:"text-[1.8rem] font-light mb-12",style:{color:ae},children:"These triggers fire instantly when an estimate status changes"}),e.jsx("div",{className:"flex justify-center gap-10",children:[{trigger:"SOLD",desc:`"Hi {firstname}, thanks for choosing {company}! We'll reach out shortly to get you on the schedule so you can enjoy a smooth, worry-free service with our trusted local team."`,benefit:"Eliminates buyer's remorse"},{trigger:"DISMISSED",desc:`"Hi {firstname}, thanks for considering {company}. We'd love to know what led to your decision so we can keep improving. If you ever need us, our trusted local team is here to help."`,benefit:"Plays the long game â keeps your brand top of mind"}].map((t,s)=>e.jsxs(o.div,{...yt(.5+s*.2),className:"w-[600px] p-10 rounded-2xl text-left",style:{background:"hsla(0,0%,100%,0.04)",border:`1px solid ${s===0?y+"30":"hsla(0,0%,100%,0.08)"}`},children:[e.jsxs("p",{className:"text-[3rem] font-bold mb-4",style:{fontFamily:L,color:s===0?y:O},children:["TRIGGER: ",t.trigger]}),e.jsx("p",{className:"text-[1.5rem] font-light leading-relaxed mb-6",style:{color:ae},children:t.desc}),e.jsxs("p",{className:"text-[1.6rem] font-bold",style:{color:s===0?y:ae},children:["â ",t.benefit]})]},s))})]})]}),fm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:Et,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.1}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.9) 0%, rgba(10,10,10,0.8) 50%, rgba(10,10,10,0.95) 100%)"}}),e.jsxs("div",{className:"relative z-10 px-16",children:[e.jsx(o.p,{...de(0),className:"text-center text-[2rem] tracking-[0.3em] uppercase font-light mb-4",style:{color:pt},children:"Lead Management"}),e.jsxs(o.h1,{...fe(.2),className:"text-center text-[8rem] font-bold leading-none mb-12",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["5 KEYS TO ",e.jsx("span",{style:{color:y},children:"CLOSING MORE ESTIMATES"})]}),e.jsx("div",{className:"space-y-5 max-w-[1400px] mx-auto",children:[{num:"1",title:"Dedicated CSRs with Incentives",desc:"Have 1â2 CSRs who own your inbox. Spiff them on booked jobs â they own lead conversion and get incentivized for it."},{num:"2",title:"5â10 Minute Response Window",desc:"Never let a message sit in your message center for more than 5â10 minutes. Speed wins deals."},{num:"3",title:'Trigger on "Sold"',desc:`Send a text or video immediately when marked "sold." This instantly eliminates buyer's remorse.`},{num:"4",title:'Trigger on "Dismissed"',desc:'Send a follow-up text or video when "dismissed." Play the long game â who will they call when they need help later?'},{num:"5",title:"Enable iMessage",desc:"Look into iMessage through your SMS software. It instantly doubles your response rates."}].map((t,s)=>e.jsxs(o.div,{...fe(.4+s*.12),className:"flex items-start gap-6 px-10 py-6 rounded-xl",style:{background:"hsla(0,0%,100%,0.03)",border:"1px solid hsla(0,0%,100%,0.06)"},children:[e.jsx("p",{className:"text-[3.5rem] font-bold flex-shrink-0 w-[55px]",style:{fontFamily:L,color:y},children:t.num}),e.jsxs("div",{children:[e.jsx("p",{className:"text-[2rem] font-bold mb-1",style:{color:O},children:t.title}),e.jsx("p",{className:"text-[1.5rem] font-light",style:{color:ae},children:t.desc})]})]},s))})]})]}),ym=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(135deg, hsl(25 80% 8%) 0%, ${hl} 100%)`}}),e.jsxs("div",{className:"relative z-10 text-center px-16",children:[e.jsx(o.div,{...yt(0),className:"inline-block px-10 py-4 rounded-full mb-8",style:{background:`${y}20`,border:`1px solid ${y}40`},children:e.jsx("p",{className:"text-[1.8rem] font-bold tracking-[0.2em] uppercase",style:{color:y},children:"Action Item"})}),e.jsxs(o.h1,{...fe(.2),className:"text-[8rem] font-bold leading-none mb-6",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["HOMEWORK ",e.jsx("span",{style:{color:y},children:"#3"})]}),e.jsx(o.p,{...fe(.4),className:"text-[2.6rem] font-bold mb-8",style:{color:O},children:"Audit Your Current Missed Call Count and Follow-Up Process"}),e.jsx(o.p,{...yt(.5),className:"text-[10rem] font-bold leading-none mb-4",style:{fontFamily:L,color:y},children:"62%"}),e.jsx(o.p,{...de(.7),className:"text-[2.2rem] font-light mb-12",style:{color:ae},children:"of calls to home service companies go unanswered"}),e.jsx("div",{className:"grid grid-cols-2 gap-5 max-w-[1300px] mx-auto text-left",children:["How many calls did you miss last week?","What happens when nobody picks up?","Do you have a callback process?","How long until someone follows up?"].map((t,s)=>e.jsxs(o.div,{...fe(.8+s*.1),className:"flex items-center gap-5 px-8 py-5 rounded-xl",style:{background:"hsla(0,0%,100%,0.04)",border:"1px solid hsla(0,0%,100%,0.08)"},children:[e.jsx("div",{className:"w-3 h-3 rounded-full flex-shrink-0",style:{backgroundColor:y}}),e.jsx("p",{className:"text-[1.8rem] font-medium",style:{color:O},children:t})]},s))}),e.jsx(o.p,{...de(1.4),className:"mt-10 text-[2rem] font-bold",style:{color:y},children:"Every missed call is a customer calling your competitor next."})]})]}),um=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:gt,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.2}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(10,10,10,0.4) 0%, rgba(10,10,10,0.85) 80%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-16",children:[e.jsx(o.div,{...yt(0),className:"inline-block px-10 py-4 rounded-full mb-8",style:{background:`${y}20`,border:`1px solid ${y}40`},children:e.jsx("p",{className:"text-[1.8rem] font-bold tracking-[0.2em] uppercase",style:{color:y},children:"Implement Strategy #3"})}),e.jsxs(o.h1,{...fe(.2),className:"text-[9rem] font-bold leading-none mb-16",style:{fontFamily:L,color:O,transform:"scaleY(1.15)"},children:["SETUP ",e.jsx("span",{style:{color:y},children:"MISSED CALL"})," TEXT MESSAGE"]}),e.jsx("div",{className:"flex justify-center gap-10",children:[{title:"WITHOUT CHIIRP",items:["â Customer calls, nobody answers","â They hang up and call the next company","â You lost a job and never even knew it"],color:pt},{title:"WITH CHIIRP",items:["â Missed call triggers instant text",'â "Hey! Sorry we missed your call. How can we help?"',"â Customer texts back. You booked the job."],color:y}].map((t,s)=>e.jsxs(o.div,{...yt(.4+s*.2),className:"w-[600px] p-12 rounded-2xl text-left",style:{background:s===1?`${y}08`:"hsla(0,0%,100%,0.03)",border:`1px solid ${s===1?y+"30":"hsla(0,0%,100%,0.06)"}`},children:[e.jsx("p",{className:"text-[3rem] font-bold mb-6",style:{fontFamily:L,color:t.color},children:t.title}),e.jsx("div",{className:"space-y-5",children:t.items.map((l,n)=>e.jsx("p",{className:"text-[1.7rem] font-light",style:{color:s===1?O:ae},children:l},n))})]},s))}),e.jsxs(o.p,{...de(1),className:"mt-14 text-[2.2rem] font-bold",style:{color:O},children:["Turn missed calls into booked jobs â ",e.jsx("span",{style:{color:y},children:"automatically."})]})]})]}),bm=()=>e.jsxs("div",{className:"relative flex flex-col h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(180deg, ${hl} 0%, hsl(0 0% 6%) 100%)`}}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full px-20 py-16",children:[e.jsxs("div",{className:"mb-8",children:[e.jsx("div",{className:"inline-block px-8 py-3 rounded-full mb-4",style:{background:y},children:e.jsx("p",{className:"text-[1.6rem] font-bold tracking-[0.15em] uppercase",style:{color:O},children:"Implement"})}),e.jsx("h1",{className:"text-[4.5rem] font-bold leading-none mb-3",style:{fontFamily:L,color:y,transform:"scaleY(1.15)"},children:"THE MISSED CALL TEXT MESSAGE"}),e.jsx("p",{className:"text-[1.8rem] font-light",style:{color:ae},children:"The exact wording that converts missed calls into booked jobs"})]}),e.jsxs("div",{className:"flex gap-10 flex-1",children:[e.jsxs("div",{className:"flex-1 rounded-2xl p-10",style:{border:`2px dashed ${y}50`,background:"hsla(0,0%,100%,0.02)"},children:[e.jsx("p",{className:"text-[1.6rem] font-bold tracking-[0.15em] uppercase mb-6",style:{color:y},children:"EXACT MESSAGE:"}),e.jsx("div",{className:"rounded-xl p-8",style:{background:"hsla(0,0%,100%,0.04)",border:"1px dashed hsla(0,0%,100%,0.1)"},children:e.jsxs("p",{className:"text-[1.7rem] font-light leading-relaxed italic",style:{color:O},children:['"Hi ',"{firstname}
83",". Thank you for reaching out to ","{my-company-name}",`. We're sorry we missed your call. Feel free to give us a call back, reply to this message, or schedule online here: [link]"`]})})]}),e.jsxs("div",{className:"w-[420px] flex flex-col gap-6",children:[e.jsx("h2",{className:"text-[2.4rem] font-bold",style:{fontFamily:L,color:O},children:"Key Points"}),e.jsxs("div",{className:"rounded-xl p-8",style:{background:"hsla(0,0%,100%,0.04)",border:"1px solid hsla(0,0%,100%,0.08)"},children:[e.jsx("p",{className:"text-[1.5rem] font-bold mb-2",style:{color:y},children:"Audit Your Speed"}),e.jsx("p",{className:"text-[1.3rem] font-light",style:{color:ae},children:"Speed to lead matters. Every second counts when a customer calls."})]}),e.jsxs("div",{className:"rounded-xl p-8",style:{background:"hsla(0,0%,100%,0.04)",border:"1px solid hsla(0,0%,100%,0.08)"},children:[e.jsx("p",{className:"text-[1.5rem] font-bold mb-2",style:{color:y},children:"Booking Link"}),e.jsx("p",{className:"text-[1.3rem] font-light",style:{color:ae},children:"Always include a scheduling link. Remove friction from the booking process."})]})]})]}),e.jsxs("div",{className:"mt-8 rounded-xl p-8",style:{background:"hsla(0,0%,100%,0.04)",border:"1px solid hsla(0,0%,100%,0.08)"},children:[e.jsx("p",{className:"text-[2rem] font-bold mb-3",style:{fontFamily:L,color:O},children:"Why This Message Works"}),e.jsx("p",{className:"text-[1.4rem] font-light",style:{color:y},children:"⢠Acknowledges the missed call immediately  ⢠Gives 3 ways to re-engage (call, text, schedule)  ⢠Booking link removes friction"})]}),e.jsx("p",{className:"mt-6 text-[1.3rem] font-light italic",style:{color:pt},children:"Fires automatically via CHIIRP when a call is missed"}),e.jsx("div",{className:"absolute bottom-0 left-0 right-0 h-[4px]",style:{background:`linear-gradient(90deg, transparent, ${y}, transparent)`}})]})]}),jm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:ys,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.4,filter:"brightness(0.7) contrast(1.1)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(10,10,10,0.2) 0%, rgba(10,10,10,0.7) 80%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-20",children:[e.jsx(o.h1,{...fe(0),className:"text-[10rem] font-bold leading-none",style:{fontFamily:L,color:O,transform:"scaleY(1.25)"},children:"IN THE TRADES,"}),e.jsx(o.h1,{...fe(.2),className:"text-[10rem] font-bold leading-none",style:{fontFamily:L,color:y,transform:"scaleY(1.25)"},children:"TALK IS CHEAP."}),e.jsx(o.h1,{...fe(.4),className:"text-[10rem] font-bold leading-none mb-10",style:{fontFamily:L,color:O,transform:"scaleY(1.25)"},children:"NUMBERS AREN'T."}),e.jsx(o.p,{...de(.7),className:"text-[2rem] font-light max-w-[1100px] mx-auto leading-relaxed mb-10",style:{color:ae},children:`Everybody's out here talking a big game â promising their new AI robot is gonna "change your world." You've heard it all before. But in the trades, nothing speaks louder than real results. So take a look at what we did for Goettl.`}),e.jsx(o.div,{...yt(.9),className:"inline-block px-12 py-5 rounded-full",style:{background:`${y}20`,border:`1px solid ${y}40`},children:e.jsx("p",{className:"text-[2.6rem] font-bold tracking-[0.15em] uppercase",style:{fontFamily:L,color:y},children:"VERIFIED RESULTS"})})]}),e.jsx(o.img,{src:k,alt:"",...de(1.5),className:"absolute bottom-10 left-1/2 -translate-x-1/2 h-10",style:{opacity:.25}})]}),vm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(135deg, ${hl} 0%, hsl(0 0% 6%) 100%)`}}),e.jsx("img",{src:fa,alt:"",className:"absolute pointer-events-none",style:{width:"70%",maxWidth:1100,left:"50%",top:"50%",transform:"translate(-50%, -50%)",opacity:.06,filter:"brightness(1.5) grayscale(0.5)"}}),e.jsxs("div",{className:"relative z-10 text-center px-16 w-full max-w-[1600px]",children:[e.jsx("p",{className:"text-[1.8rem] tracking-[0.25em] uppercase font-bold mb-8",style:{color:y}
83,children:"Goettl â Estimate Rehash â Verified Results"}),e.jsx("p",{className:"font-bold leading-none mb-2",style:{fontFamily:L,color:y,fontSize:"14rem",letterSpacing:"0.02em"},children:"$752K"}),e.jsx("p",{className:"text-[2rem] uppercase tracking-[0.2em] font-light mb-10",style:{color:ae},children:"Additional Revenue in 2 Months"}),e.jsx("div",{className:"flex justify-center gap-24 mb-10",children:[{stat:"+9%",label:"Conversion Rate Lift"},{stat:"47.5%",label:"Rehash Sales Increase"},{stat:"54%",label:"Reactivated Close Rate"}].map((t,s)=>e.jsxs("div",{className:"text-center",children:[e.jsx("p",{className:"font-bold leading-none mb-2",style:{fontFamily:L,color:O,fontSize:"6.5rem"},children:t.stat}),e.jsx("p",{className:"text-[1.5rem] uppercase tracking-wider font-light",style:{color:pt},children:t.label})]},s))}),e.jsx("div",{className:"w-48 h-px mx-auto mb-8",style:{background:`linear-gradient(90deg, transparent, ${y}60, transparent)`}}),e.jsx("p",{className:"text-[1.7rem] font-light italic leading-relaxed max-w-[1100px] mx-auto mb-3",style:{color:ae},children:'"We went from 43% to 52% conversion rate and generated an additional $752,000 in just two months."'}),e.jsx("p",{className:"text-[1.3rem] font-bold",style:{color:pt},children:"â Goettl Leadership Team"})]})]}),Sm=()=>{const[t,s]=d.useState("Website/SiteChat Forms"),l=["Website/SiteChat Forms","Google LSA","Meta Leads (FB/IG)","Thumbtack","Angi Leads/Ads","Missed/Abandoned Call","Any Other Lead Aggregator(s)","Pipeline"],n=[1,2,3,4,5,6,7],i={text:[{day:1,label:"<1MIN",isFirst:!0},{day:2,label:"2"},{day:3,label:"3"},{day:4,label:"4"},{day:6,label:"6"},{day:7,label:"7"}],email:[{day:1,label:"1"},{day:3,label:"3"},{day:5,label:"5"},{day:7,label:"7"}],voicemail:[{day:2,label:"2"},{day:5,label:"5"}]},h=5.7,a=.6;return e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:Dn,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.2}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, rgba(10,10,10,0.85) 0%, rgba(10,10,10,0.7) 50%, rgba(10,10,10,0.9) 100%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center w-full px-24",children:[e.jsxs("h1",{className:"text-center mb-3",style:{fontFamily:L,fontSize:"5.5rem",color:y,letterSpacing:"0.04em",transform:"scaleY(1.15)",lineHeight:1},children:["CHIIRP'S LEAD FOLLOW-UP ",e.jsx("span",{style:{color:O},children:"IS THE SOLUTION"})]}),e.jsx("div",{className:"text-center mb-8",children:e.jsx("p",{style:{fontFamily:ms,fontSize:"1.6rem",color:ae},children:"Here's how it works."})}),e.jsx("div",{className:"grid grid-cols-4 gap-4 mb-8 w-full max-w-[1400px]",children:l.map((r,m)=>e.jsx("button",{onClick:()=>s(r),className:"px-5 py-4 rounded-xl text-center transition-all",style:{background:t===r?`linear-gradient(135deg, ${y} 0%, hsl(16 70% 40%) 100%)`:"hsla(210, 25%, 20%, 0.8)",border:t===r?`2px solid ${y}`:"1px solid hsla(210, 20%, 35%, 1)",boxShadow:t===r?`0 0 24px ${y}40`:"none"},children:e.jsx("span",{style:{fontFamily:ms,fontSize:"1.15rem",color:t===r?O:ae,fontWeight:500},children:r})},m))}),e.jsxs("div",{className:"w-full max-w-[1400px] rounded-2xl p-8",style:{background:"linear-gradient(180deg, hsla(210,30%,20%,0.7) 0%, hsla(210,35%,15%,0.7) 100%)",border:"1px solid hsla(210,20%,30%,1)"},children:[e.jsxs("div",{className:"grid grid-cols-8 gap-3 mb-6 items-center",children:[e.jsx("div",{className:"flex items-center",children:e.jsxs("div",{className:"px-5 py-3 rounded-lg flex items-center gap-3",style:{background:"linear-gradient(135deg, hsl(45 80% 50%) 0%, hsl(40 70% 45%) 100%)",border:"1px solid hsl(45 70% 55%)"},children:[e.jsx(ya,{className:"w-5 h-5",style:{color:"hsl(0 0% 10%)"}}),e.jsx("span",{style:{fontFamily:ms,fontSize:"1.2rem",color:"hsl(0 0% 10%)",fontWeight:600},children:"Lead"})]})}),n.map(r=>e.jsxs("div",{className:"text-center",children:[e.jsx("span",{style:{fontFamily:ms,fontSize:"0.9rem",color:pt,textTransform:"uppercase"},children:"Day"}),e.jsx("div",{style:{fontFamily:L,fontSize:"2.8rem",color:O},children:r})]},r))]}),e.jsx("div",{className:"h-[2px] mb-4",style:{background:`linear-gradient(90deg, ${y}, hsl(180 70% 55%), hsl(270 70% 55%), hsl(140 70% 55%))`}}),[{key:"text",label:"Text",Icon:Us,hue:180,channelIndex:0},{key:"email",label:"Email",Icon:Ai,hue:270,channelIndex:1},{key:"voicemail",label:"Ringless VM",Icon:to,hue:140,channelIndex:2}].map(r=>e.jsxs("div",{className:"grid grid-cols-8 gap-3 mb-4 items-center",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(r.Icon,{className:"w-6 h-6",style:{color:`hsl(${r.hue}
83 70% 55%)`}}),e.jsx("span",{style:{fontFamily:ms,fontSize:"1.2rem",color:ae},children:r.label})]}),n.map(m=>{const b=i[r.key].find(f=>f.day===m),v=(m-1)*a;return e.jsx("div",{className:"flex justify-center items-center",children:b?e.jsx(o.div,{animate:{opacity:[.15,1,1,.15],scale:[.7,1,1,.7]},transition:{duration:h,delay:v,repeat:1/0,times:[0,.15,.5,.75],ease:"easeInOut"},className:"w-12 h-12 rounded-lg flex items-center justify-center",style:{background:b.isFirst?`linear-gradient(135deg, ${y} 0%, hsl(16 70% 40%) 100%)`:`linear-gradient(135deg, hsl(${r.hue} 60% 45%) 0%, hsl(${r.hue} 50% 35%) 100%)`},children:e.jsx("span",{style:{fontFamily:ms,fontSize:b.isFirst?"0.8rem":"1.1rem",color:O,fontWeight:600},children:b.label})}):e.jsx("div",{className:"w-2.5 h-2.5 rounded-full",style:{background:`hsl(${r.hue} 40% 38%)`,opacity:.5}})},m)})]},r.key))]}),e.jsx("div",{className:"flex justify-center gap-8 mt-8 mb-16",children:[{Icon:Us,count:"6 Texts",desc:"Primary channel",hue:180},{Icon:Ai,count:"4 Emails",desc:"Trust signals",hue:270},{Icon:to,count:"2 Voicemails",desc:"Human touch",hue:140}].map((r,m)=>e.jsxs("div",{className:"flex items-center gap-4 px-8 py-4 rounded-xl",style:{background:`hsla(${r.hue}, 50%, 30%, 0.5)`,border:`1px solid hsl(${r.hue} 50% 45%)`},children:[e.jsx(r.Icon,{className:"w-7 h-7",style:{color:`hsl(${r.hue} 70% 55%)`}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontFamily:ms,fontSize:"1.5rem",color:O,fontWeight:700},children:r.count}),e.jsx("div",{style:{fontFamily:ms,fontSize:"0.95rem",color:ae},children:r.desc})]})]},m))})]}),e.jsx("img",{src:k,alt:"",className:"absolute bottom-6 left-1/2 -translate-x-1/2 h-8",style:{opacity:.25}})]})},wm=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:nl,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.35,filter:"brightness(0.8)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(10,10,10,0.2) 0%, rgba(10,10,10,0.85) 75%)"}}),e.jsx("div",{className:"absolute pointer-events-none",style:{width:800,height:800,left:"50%",top:"50%",transform:"translate(-50%, -50%)",background:`radial-gradient(ellipse, ${y}15 0%, transparent 55%)`}}),e.jsxs("div",{className:"relative z-10 flex items-center justify-center gap-28 w-full px-16",children:[e.jsxs("div",{className:"flex-1 max-w-[850px]",children:[e.jsxs(o.h1,{...fe(.15),style:{fontFamily:L,fontSize:"10rem",color:O,lineHeight:.9,letterSpacing:"0.03em",transform:"scaleY(1.2)"},children:["SCAN.",e.jsx("br",{}),"BOOK.",e.jsx("br",{}),e.jsxs("span",{style:{color:y},children:["STOP LOSING",e.jsx("br",{}),"MONEY."]})]}),e.jsx(o.div,{...de(.5),className:"mt-12",children:e.jsx("p",{className:"text-[1.8rem] font-bold uppercase tracking-[0.2em]",style:{color:y},children:"No commitment. No BS. Just numbers."})})]}),e.jsxs(o.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{duration:.8,delay:.3,ease:Qi},className:"flex flex-col items-center",children:[e.jsx("div",{style:{filter:`drop-shadow(0 0 60px ${y}50) drop-shadow(0 0 120px ${y}20)`},children:e.jsx("img",{src:nm,alt:"Scan to book",className:"w-[480px] h-[480px] object-contain"})}),e.jsx(o.p,{...de(.8),className:"mt-8 text-[1.8rem] font-bold uppercase tracking-[0.15em] text-center",style:{color:ae},children:"Scan with your phone"})]})]}),e.jsx(o.img,{src:k,alt:"",...de(1),className:"absolute bottom-8 left-1/2 -translate-x-1/2 h-12",style:{opacity:.3}})]}),at="#f7911e",nt="hsl(0 0% 98%)",Lt="hsla(0, 0%, 98%, 0.5)",zs="hsla(0, 0%, 98%, 0.35)",Pi="hsl(0 0% 4%)",hs="'Bebas Neue', sans-serif",jn=[.25,.46,.45,.94],Fs=(t=0)=>({initial:{opacity:0,y:30},animate:{opacity:1,y:0},transition:{duration:.7,delay:t,ease:jn}}),es=(t=0)=>({initial:{opacity:0}
83,animate:{opacity:1},transition:{duration:.8,delay:t,ease:"easeOut"}}),Nm=(t=0)=>({initial:{opacity:0,scale:.85},animate:{opacity:1,scale:1},transition:{duration:.6,delay:t,ease:jn}}),No=(t=0)=>({initial:{scaleX:0},animate:{scaleX:1},transition:{duration:.5,delay:t,ease:"easeOut"}}),km=()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full px-40 overflow-hidden",children:[e.jsx("img",{src:ys,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.55}}),e.jsx("div",{className:"absolute inset-0",style:{background:"radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.65) 70%)"}}),e.jsx(o.p,{...es(0),className:"relative z-10 text-[1.8rem] font-light tracking-widest uppercase mb-12",style:{color:zs},children:"Every dollar lives in one of three places:"}),e.jsx("div",{className:"relative z-10 space-y-6 text-center",children:["Lead Conversion","Estimate Conversion","Customer Loyalty"].map((t,s)=>e.jsx(o.h1,{...Fs(.3+s*.25),className:"text-[5rem] font-black tracking-tight leading-none",style:{fontFamily:hs,color:nt},children:t},t))}),e.jsx(o.p,{...es(1.2),className:"relative z-10 mt-16 text-[2.2rem] font-bold text-center",style:{color:at},children:"So we built a whole new platform around them."}),e.jsx(o.div,{initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},transition:{delay:1.6,duration:.8,ease:"easeOut"},className:"relative z-10 mt-20 flex items-center justify-center",children:e.jsx(o.img,{src:Xt,alt:"CHIIRP AI",className:"h-20",animate:{filter:["drop-shadow(0 0 30px rgba(255,255,255,0.6)) drop-shadow(0 0 60px rgba(247,145,30,0.3))","drop-shadow(0 0 50px rgba(255,255,255,0.9)) drop-shadow(0 0 80px rgba(247,145,30,0.5))","drop-shadow(0 0 30px rgba(255,255,255,0.6)) drop-shadow(0 0 60px rgba(247,145,30,0.3))"]},transition:{duration:3,repeat:1/0,ease:"easeInOut"}})})]}),Tl=[{id:1,render:()=>e.jsxs("div",{className:"flex flex-col items-center justify-center h-full px-32",children:[e.jsx(o.img,{...Nm(0),src:k,alt:"CHIIRP",className:"h-56 mb-8",style:{filter:"drop-shadow(0 0 48px hsla(32,93%,54%,0.35))"}}),e.jsx(o.div,{...No(.5),className:"w-24 h-[1px] mb-8 origin-center",style:{backgroundColor:at}}),e.jsx(o.p,{...Fs(.7),className:"text-[1.9rem] tracking-[0.4em] uppercase font-light",style:{color:Lt,fontFamily:"'Inter', sans-serif"},children:"This isn't software"}),e.jsx(o.p,{...Fs(.9),className:"text-[3.6rem] tracking-[0.15em] uppercase mt-3",style:{fontFamily:hs,color:at},children:"This is leverage"})]})},{id:15,render:()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0",style:{background:`linear-gradient(180deg, ${Pi} 0%, hsla(0,0%,6%,1) 100%)`}}),e.jsx(o.div,{...es(.3),className:"absolute w-[800px] h-[500px] pointer-events-none",style:{background:"radial-gradient(ellipse, hsla(32,93%,54%,0.06) 0%, transparent 70%)",top:"50%",left:"50%",transform:"translate(-50%,-50%)"}}),e.jsxs("div",{className:"relative z-10 flex flex-col items-center",children:[e.jsx(o.p,{...es(0),className:"text-[2rem] font-light tracking-[0.4em] uppercase mb-10",style:{color:zs},children:"Where it all started"}),e.jsxs(o.div,{...Fs(.3),className:"relative rounded-xl overflow-hidden border border-white/10 mb-10",style:{boxShadow:"0 20px 60px rgba(0,0,0,0.5)"},children:[e.jsx("img",{src:_o,alt:"CHIIRP Origins",className:"w-[1200px] h-auto object-cover"}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(180deg, transparent 60%, rgba(10,10,10,0.6) 100%)"}})]}),e.jsxs(o.p,{...Fs(.7),className:"text-[3.6rem] font-bold tracking-tight leading-tight text-center",style:{fontFamily:hs,color:nt},children:["FROM A GAS STATION TO ",e.jsx("span",{style:{color:at},children:"450 MILLION MESSAGES."})]})]}),e.jsx(o.img,{src:k,alt:"CHIIRP",...es(1.5),className:"absolute bottom-10 left-1/2 -translate-x-1/2 h-10 pointer-events-none",style:{opacity:.25}})]})},{id:2,render:()=>e.jsxs("div",{className:"relative flex items-center justify-center h-full overflow-hidden",children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{backgroundImage:"repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 4px)"}}),e.jsx(o.img,{src:qn,alt:"",initial:{opacity:0}
83,animate:{opacity:.08},transition:{duration:2},className:"absolute bottom-0 right-0 h-full object-contain object-right-bottom pointer-events-none select-none"}),e.jsx(o.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:1.5,delay:.5},className:"absolute w-[600px] h-[600px] rounded-full pointer-events-none",style:{background:"radial-gradient(circle, hsla(32,93%,54%,0.06) 0%, transparent 70%)",top:"50%",left:"50%",transform:"translate(-50%,-50%)"}}),e.jsxs("div",{className:"relative z-10 text-center",children:[e.jsx(o.p,{initial:{opacity:0,x:-50},animate:{opacity:1,x:0},transition:{duration:.7,delay:.4,ease:[.25,.46,.45,.94]},className:"text-[3.4rem] font-light tracking-[0.4em] uppercase mb-1",style:{color:zs},children:"For seven years"}),e.jsx(o.p,{initial:{opacity:0,x:-50},animate:{opacity:1,x:0},transition:{duration:.7,delay:.6,ease:[.25,.46,.45,.94]},className:"text-[3.4rem] font-light tracking-[0.4em] uppercase mb-6",style:{color:zs},children:"We've captured everything."}),e.jsx(o.div,{initial:{scaleX:0},animate:{scaleX:1},transition:{duration:.6,delay:.9},className:"h-[3px] w-[600px] mx-auto mb-10 origin-left",style:{backgroundColor:at}}),e.jsxs(o.h1,{initial:{opacity:0,scale:1.3},animate:{opacity:1,scale:1},transition:{duration:1,delay:1,ease:[.25,.46,.45,.94]},className:"text-[13.2rem] font-bold tracking-tight leading-none",style:{fontFamily:hs,color:nt,textShadow:"0 0 120px hsla(32,93%,54%,0.2)",transform:"scaleY(1.25)"},children:["450M+ ",e.jsx("span",{className:"text-[3.4rem] tracking-[0.04em]",style:{color:at},children:"MESSAGES SENT"})]}),e.jsxs(o.p,{initial:{opacity:0,y:15},animate:{opacity:1,y:0},transition:{duration:.5,delay:1.5,ease:[.25,.46,.45,.94]},className:"text-[3.4rem] font-black tracking-[0.1em] mt-8 leading-relaxed",style:{fontFamily:hs,color:nt},children:[e.jsx("span",{style:{color:nt},children:"Every "}),e.jsx("span",{style:{color:at},children:"text."})," ",e.jsx("span",{style:{color:nt},children:"Every "}),e.jsx("span",{style:{color:at},children:"email."})," ",e.jsx("span",{style:{color:nt},children:"Every "}),e.jsx("span",{style:{color:at},children:"voicemail."})]}),e.jsx(o.p,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.6,delay:2,ease:[.25,.46,.45,.94]},className:"text-[2.6rem] font-black tracking-[0.15em] uppercase mt-2",style:{fontFamily:hs,color:at,textShadow:"0 0 40px hsla(32,93%,54%,0.3)"},children:"We kept a record of every campaign we have ever sent."})]}),e.jsx(o.img,{src:k,alt:"CHIIRP",initial:{opacity:0}
83,animate:{opacity:.25},transition:{delay:2.5,duration:1},className:"absolute bottom-10 left-1/2 -translate-x-1/2 h-10 pointer-events-none"})]})},{id:4,render:()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full overflow-hidden",children:[e.jsx("img",{src:Et,alt:"",className:"absolute inset-0 w-full h-full object-cover pointer-events-none select-none",style:{opacity:.3,transform:"scale(1.15)"}}),e.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(0deg, rgba(10,10,10,0.9) 20%, rgba(10,10,10,0.5) 50%, rgba(10,10,10,0.75) 100%)"}}),e.jsxs("div",{className:"relative z-10 text-center px-28",children:[e.jsx(o.p,{...es(0),className:"text-[2.4rem] font-light tracking-widest uppercase mb-10",style:{color:zs},children:"We know the precise:"}),e.jsx("div",{className:"space-y-6 text-center",children:["Timing.","Language.","Sequence.","Cadence.","Channel."].map((t,s)=>e.jsx(o.h1,{...Fs(.2+s*.15),className:"text-[8rem] font-black tracking-tight leading-none",style:{fontFamily:hs,color:nt},children:t},t))}),e.jsx(o.div,{...es(1.2),className:"mt-4 space-y-2 text-center",children:e.jsxs("p",{className:"text-[2.4rem] font-light",style:{color:Lt},children:["We know what ",e.jsx("span",{className:"font-bold",style:{color:nt},children:"converts leads"}),", ",e.jsx("span",{className:"font-bold",style:{color:nt},children:"closes estimates"}),", and ",e.jsx("span",{className:"font-bold",style:{color:nt},children:"drives repeat revenue"}),"."]})})]}),e.jsx(o.img,{src:k,alt:"CHIIRP",...es(2),className:"absolute bottom-10 left-1/2 -translate-x-1/2 h-10 pointer-events-none",style:{opacity:.25}})]})},{id:6,render:()=>e.jsxs("div",{className:"relative flex flex-col items-center justify-center h-full px-40",children:[e.jsx("img",{src:gt,alt:"",className:"absolute inset-0 w-full h-full object-cover",style:{opacity:.3}}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-[hsl(0,0%,4%)] via-transparent to-[hsl(0,0%,4%)]",style:{opacity:.7}}),e.jsx(o.p,{...es(0),className:"absolute top-16 left-16 text-[1.3rem] font-light tracking-[0.25em] uppercase",style:{color:zs},children:"With all of that data, we built"}),e.jsxs("div",{className:"relative mb-16",children:[e.jsx(o.div,{className:"absolute -inset-x-32 -inset-y-20",animate:{opacity:[.6,1,.6],scale:[.95,1.05,.95]},transition:{duration:6,repeat:1/0,ease:"easeInOut"},style:{background:"radial-gradient(ellipse 400px 250px at center, hsla(0, 0%, 100%, 0.08) 0%, transparent 70%)"}}),e.jsx(o.div,{className:"absolute -inset-x-48 -inset-y-28",animate:{opacity:[.5,1,.5],scale:[1.02,.96,1.02]},transition:{duration:8,repeat:1/0,ease:"easeInOut"},style:{background:"radial-gradient(ellipse 600px 350px at center, hsla(210, 30%, 90%, 0.05) 0%, transparent 60%)"}}),e.jsx(o.div,{className:"absolute -inset-x-20 -inset-y-12",animate:{opacity:[.7,1,.7],scale:[.98,1.04,.98]},transition:{duration:5,repeat:1/0,ease:"easeInOut",delay:1},style:{background:"radial-gradient(ellipse 300px 180px at center, hsla(40, 20%, 95%, 0.06) 0%, transparent 70%)"}}),e.jsx("img",{src:Xt,alt:"CHIIRP AI",className:"relative h-48",style:{filter:"drop-shadow(0 0 40px hsla(0, 0%, 100%, 0.12))"}})]}),e.jsx(o.div,{...No(.8),className:"w-24 h-[1px] mb-14 origin-center",style:{backgroundColor:"hsla(0, 0%, 98%, 0.15)"}}),e.jsxs(o.p,{...Fs(.9),className:"text-[1.95rem] font-light leading-relaxed max-w-[980px] text-center",style:{color:Lt},children:["CHIIRP AI transforms seven years of real trade data into AI agents that relentlessly deploy and refine your campaigns until ",e.jsx("span",{className:"font-bold",style:{color:nt},children:"conversion peaks"})," and ",e.jsx("span",{className:"font-bold",style:{color:at},children:"revenue is fully optimized"}),"."]})]})},{id:7,render:()=>e.jsx(km,{})},{id:"dashboard",render:()=>e.jsx(u0,{})},{id:"agents",render:()=>e.jsx(T0,{})},{id:"messaging",render:()=>e.jsx(W0,{})},{id:"integrations",render:()=>e.jsx(K0,{})},{id:"revenue-dashboard",render:()=>e.jsx(Z0,{})},{id:"chiirp-blue",render:()=>e.jsx(sm,{})},{id:9,render:()=>e.jsx(om,{})},{id:"rg-1",render:()=>e.jsx(am,{})},{id:"rg-2",render:()=>e.jsx(rm,{})},{id:"rg-3",render:()=>e.jsx(Sm,{})},{id:"rg-4",render:()=>e.jsx(cm,{})},{id:"rg-5",render:()=>e.jsx(dm,{})},{id:"rg-6",render:()=>e.jsx(mm,{})},{id:"rg-7",render:()=>e.jsx(pm,{})},{id:"rg-8",render:()=>e.jsx(hm,{})},{id:"rg-9",render:()=>e.jsx(xm,{})},{id:"rg-10",render:()=>e.jsx(gm,{})},{id:"rg-11",render:()=>e.jsx(fm,{})},{id:"rg-12",render:()=>e.jsx(ym,{})},{id:"rg-13",render:()=>e.jsx(um,{})},{id:"rg-13b",render:()=>e.jsx(bm,{})},{id:"rg-14",render:()=>e.jsx(jm,{})},{id:"rg-15",render:()=>e.jsx(vm,{})},{id:"rg-17",render:()=>e.jsx(wm,{})}],Zp=()=>
83{const[t,s]=d.useState(0),[l,n]=d.useState(!1),[i,h]=d.useState(!0),a=d.useRef(null),r=d.useRef(null),[m,b]=d.useState(1),v=d.useRef(),f=1920,j=1080,g=d.useCallback(()=>{if(!r.current)return;const{clientWidth:p,clientHeight:u}=r.current;b(Math.min(p/f,u/j))},[]);d.useEffect(()=>(g(),window.addEventListener("resize",g),()=>window.removeEventListener("resize",g)),[g]);const S=d.useCallback(()=>s(p=>Math.min(p+1,Tl.length-1)),[]),z=d.useCallback(()=>s(p=>Math.max(p-1,0)),[]);d.useEffect(()=>{const p=u=>{var C,J;const w=(C=u.target)==null?void 0:C.tagName;w==="INPUT"||w==="TEXTAREA"||w==="SELECT"||((u.key==="ArrowRight"||u.key===" ")&&(u.preventDefault(),S()),u.key==="ArrowLeft"&&(u.preventDefault(),z()),u.key==="Escape"&&l&&((J=document.exitFullscreen)==null||J.call(document)))};return window.addEventListener("keydown",p),()=>window.removeEventListener("keydown",p)},[S,z,l]),d.useEffect(()=>{const p=()=>n(!!document.fullscreenElement);return document.addEventListener("fullscreenchange",p),()=>document.removeEventListener("fullscreenchange",p)},[]);const T=()=>{var p;document.fullscreenElement?document.exitFullscreen():(p=r.current)==null||p.requestFullscreen()},E=()=>{h(!0),clearTimeout(v.current),v.current=setTimeout(()=>h(!1),3e3)},c=d.useCallback(async()=>{if(a.current)try{const p=a.current,u=p.style.transform,w=p.style.left,C=p.style.top,J=p.style.marginLeft,N=p.style.marginTop;p.style.transform="none",p.style.left="0",p.style.top="0",p.style.marginLeft="0",p.style.marginTop="0";const $=await lt(p,{width:f,height:j,pixelRatio:2,backgroundColor:"#0a0a0a"});p.style.transform=u,p.style.left=w,p.style.top=C,p.style.marginLeft=J,p.style.marginTop=N;const D=document.createElement("a");D.download=`chiirp-slide-${t+1}.png`,D.href=$,D.click()}catch(p){console.error("Failed to export slide:",p)}},[t]),x=d.useRef(null);return e.jsxs("div",{className:"w-screen overflow-y-auto",style:{backgroundColor:Pi},children:[e.jsxs("div",{ref:r,className:"w-full h-screen overflow-hidden relative select-none",style:{cursor:i?"default":"none"},onMouseMove:E,onClick:S,children:[e.jsx("div",{className:"absolute inset-0 pointer-events-none",style:{background:"radial-gradient(ellipse 60% 40% at 50% 0%, hsla(16,100%,60%,0.06) 0%, transparent 70%)"}}),e.jsx("div",{ref:a,className:"absolute",style:{width:f,height:j,left:"50%",top:"50%",marginLeft:-f/2,marginTop:-j/2,transform:`scale(${m})`,transformOrigin:"center center"},children:e.jsx(Ps,{mode:"wait",children:e.jsx(o.div,{initial:{opacity:0}
83,animate:{opacity:1},exit:{opacity:0},transition:{duration:.3},className:"w-full h-full",children:Tl[t].render()},t)})}),e.jsxs("div",{className:"absolute inset-0 pointer-events-none transition-opacity duration-500",style:{opacity:i?1:0},children:[e.jsx("div",{className:"absolute bottom-6 left-1/2 -translate-x-1/2 pointer-events-auto",children:e.jsxs("div",{className:"flex items-center gap-3 px-5 py-2 rounded-full",style:{backgroundColor:"hsla(0,0%,98%,0.08)",backdropFilter:"blur(12px)"},children:[Tl.map((p,u)=>e.jsx("button",{onClick:w=>{w.stopPropagation(),s(u)},className:"w-2.5 h-2.5 rounded-full transition-all duration-300",style:{backgroundColor:u===t?at:"hsla(0,0%,98%,0.2)",transform:u===t?"scale(1.4)":"scale(1)"}},u)),e.jsxs("span",{className:"text-xs ml-2 font-mono",style:{color:zs},children:[t+1,"/",Tl.length]})]})}),t>0&&e.jsx("button",{onClick:p=>{p.stopPropagation(),z()},className:"absolute left-6 top-1/2 -translate-y-1/2 pointer-events-auto p-3 rounded-full transition-all hover:scale-110",style:{backgroundColor:"hsla(0,0%,98%,0.06)",backdropFilter:"blur(8px)"},children:e.jsx(it,{size:28,style:{color:Lt}})}),t<Tl.length-1&&e.jsx("button",{onClick:p=>{p.stopPropagation(),S()},className:"absolute right-6 top-1/2 -translate-y-1/2 pointer-events-auto p-3 rounded-full transition-all hover:scale-110",style:{backgroundColor:"hsla(0,0%,98%,0.06)",backdropFilter:"blur(8px)"},children:e.jsx(ge,{size:28,style:{color:Lt}})}),e.jsx("button",{onClick:p=>{p.stopPropagation(),c()},className:"absolute top-6 right-20 pointer-events-auto p-3 rounded-full transition-all hover:scale-110",style:{backgroundColor:"hsla(0,0%,98%,0.06)",backdropFilter:"blur(8px)"},children:e.jsx(ve,{size:20,style:{color:Lt}})}),e.jsx("button",{onClick:p=>{p.stopPropagation(),T()},className:"absolute top-6 right-6 pointer-events-auto p-3 rounded-full transition-all hover:scale-110",style:{backgroundColor:"hsla(0,0%,98%,0.06)",backdropFilter:"blur(8px)"},children:l?e.jsx(ua,{size:20,style:{color:Lt}}):e.jsx(ba,{size:20,style:{color:Lt}})})]})]}),e.jsx(wr,{}),e.jsx(Lr,{}),e.jsx(ec,{}),e.jsx("div",{ref:x,children:e.jsx(Pa,{})}),e.jsx(pc,{}),e.jsx(jc,{}),e.jsx(In,{}),e.jsx(Rc,{}),e.jsx(Uc,{}),e.jsx(od,{}),e.jsx(hd,{}),e.jsx(Cd,{}),e.jsx(Gd,{}),e.jsx(a0,{}),e.jsx("section",{className:"py-16 px-4",style:{background:Pi},children:e.jsxs("div",{className:"max-w-5xl mx-auto",children:[e.jsx("h2",{style:{fontFamily:hs,color:nt,fontSize:"2.5rem",textAlign:"center",marginBottom:8},children:"Facebook Cover Designs"}),e.jsx("p",{style:{color:Lt,textAlign:"center",marginBottom:32,fontSize:"1rem"},children:"Webinar: Facebook Lead Gen for Home Service Pros"}),e.jsx("div",{className:"grid gap-6",children:[{src:r0,label:"Facebook Cover â City Background"}].map((p,u)=>e.jsxs("div",{className:"rounded-lg overflow-hidden border border-white/10",children:[e.jsx("img",{src:p.src,alt:p.label,className:"w-full h-auto"}),e.jsxs("div",{className:"flex items-center justify-between px-4 py-2",style:{background:"rgba(255,255,255,0.05)"},children:[e.jsx("span",{style:{color:Lt,fontSize:14},children:p.label}),e.jsx("a",{href:p.src,download:`fb_cover_v${u+1}.png`,className:"text-xs font-bold px-3 py-1 rounded",style:{background:at,color:"#000"},children:"Download"})]})]},u))})]})})]})};export{Zp as default,Tl as slides};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.