https://magic-planner.com/build/assets/Hero-D9gFXkY6.js

1import{c as s,m as y,f as w,g as t,d as l,t as i,i as r,n as p,M as z,k as B,L as C,u as H,h as _,F as c,j as v,q as N,e as S,s as m}from"./app-DBmLtXHu.js";import{e as q}from"./SeoHead--rcrCxuw.js";const V={class:"min-w-0 flex-1"},E={key:0,class:"block text-[10.5px] font-medium uppercase tracking-[0.14em] text-ink-muted"},D={class:"mt-0.5 block sm:whitespace-nowrap text-[14px] font-semibold leading-snug text-ink"},F={key:1,class:"mt-1.5 block text-[13px] leading-snug text-ink-muted"},I={key:0,class:"sr-only"},O={__name:"HeroCard",props:{callout:{type:Object,required:!0},floating:{type:Boolean,default:!1}},setup(o){const b=g=>/^https?:\/\//.test(g??"");return(g,f)=>(s(),y(z(b(o.callout.url)?"a":B(C)),{href:o.callout.url,class:p(["hero-card group flex items-center gap-4 rounded-[var(--radius-card)] bg-canvas px-5 py-3 ring-1 ring-black/5",o.floating?"hero-card--floating absolute bottom-6 left-4 right-4 sm:bottom-16 sm:right-auto sm:left-5 sm:w-[23rem] shadow-[0_18px_40px_-14px_rgba(21,26,36,0.5)] lg:bottom-20 lg:left-6":"shadow-[0_14px_32px_-16px_rgba(21,26,36,0.6)]"])},{default:w(()=>[t("span",V,[o.callout.eyebrow?(s(),l("span",E,i(o.callout.eyebrow),1)):r("",!0),t("span",D,i(o.callout.title),1),o.callout.text&&!o.floating?(s(),l("span",F,i(o.callout.text),1)):r("",!0)]),f[0]||(f[0]=t("span",{class:"flex size-8 shrink-0 items-center justify-center rounded-full bg-ink text-white transition-transform group-hover:translate-x-0.5","aria-hidden":"true"},"→",-1)),o.callout.link?(s(),l("span",I,i(o.callout.link),1)):r("",!0)]),_:1},8,["href","class"]))}},P=q(O,[["__scopeId","data-v-13b1d88c"]]),A={class:"grid lg:min-h-[min(84vh,44rem)] lg:grid-cols-[minmax(0,1fr)_minmax(0,1.15fr)]"},T={class:"flex items-center px-6 pb-6 pt-6 sm:px-10 sm:py-14 lg:py-20 lg:pl-[max(1.5rem,calc((100vw-var(--container-page))/2+1.5rem))] lg:pr-14"},W={class:"max-w-xl"},Z={key:0,class:"eyebrow max-sm:hidden"},G={key:1,class:"mt-0 text-center font-heading text-[clamp(2rem,1.5rem+3.2vw,3.75rem)] font-bold leading-[1.06] tracking-[-0.01em] sm:mt-4 sm:text-left"},J={class:"mt-5 flex flex-wrap items-center gap-3 sm:mt-9"},K={key:1,class:"relative w-full sm:w-auto"},Q={key:0,class:"hero-note pointer-events-none absolute bottom-1/2 left-full hidden h-20 w-44 md:block lg:hidden xl:block","aria-hidden":"true"},R={class:"hero-note-text absolute left-14 top-0 whitespace-nowrap text-[1.75rem] leading-none text-ink"},U={key:3,class:"mt-8 hidden items-center gap-4 sm:flex"},X={class:"flex shrink-0 -space-x-2.5"},Y=["src"],ee={class:"text-sm font-medium"},te={key:0,class:"whitespace-nowrap font-semibold"},se={key:0,class:"mt-0.5 flex items-center gap-1.5"},le={class:"flex","aria-hidden":"true"},ae=["fill"],ne={class:"text-sm font-medium"},oe={key:4,class:"mt-4 flex flex-wrap items-center justify-center gap-x-2 gap-y-1 text-sm sm:hidden"},re={key:0,class:"flex items-center gap-1.5"},ie={class:"flex","aria-hidden":"true"},ue=["fill"],ce={class:"text-base font-extrabold"},de={key:1,class:"text-ink-muted","aria-hidden":"true"},me={class:"font-medium"},ge={key:0,class:"font-extrabold"},he=["src","poster"],ve=["src","srcset","alt"],pe={key:2,class:"relative h-[22rem] overflow-hidden [container-type:size] lg:absolute lg:inset-0 lg:h-auto"},xe=["src","srcset","alt"],fe={class:"spiral-note-text absolute -top-[3.2rem] right-8 w-[5.5rem] text-right text-[1rem] leading-[1.05] xl:-top-[5rem] xl:right-[5.25rem] xl:w-auto xl:whitespace-nowrap xl:text-[1.7rem] xl:leading-none text-ink"},_e={__name:"Hero",props:{google:{type:Object,default:()=>({reviews:[]})},items:{type:Array,default:()=>[]},dark:{type:Boolean,default:!1}},emits:["button2Click"],setup(o,{emit:b}){const g=o;H();const f=b,e=m(()=>g.items[0]??null),L=m(()=>{const u=(e.value?.settings?.proof_images??[]).filter(Boolean);return u.length?u.slice(0,4):(g.google?.reviews??[]).map(a=>a.photo).filter(Boolean).slice(0,4)}),k=m(()=>e.value?.settings?.proof_label??null),j=m(()=>String(k.value??"").split(/(\d{1,3}(?:[ \u00a0.,]\d{3})*\+?)/).filter(Boolean)),h=m(()=>g.google?.rating??Number(e.value?.settings?.proof_rating)??null),M=m(()=>String(h.value??"").replace(".",",")),d=m(()=>{const u=e.value?.settings??{};if(!u.spiral_card_url||!e.value?.image)return null;const a=e.value.image.width&&e.value.image.height?e.value.image.width/e.value.image.height:4/3;return{note:u.spiral_note,eyebrow:u.spiral_card_eyebrow,title:u.spiral_card_t

1itle,text:u.spiral_card_text,link:u.spiral_card_link,url:u.spiral_card_url,x:Number(u.spiral_x??40),y:Number(u.spiral_y??52),box:{width:`max(100cqw, calc(100cqh * ${a}))`,height:`max(100cqh, calc(100cqw / ${a}))`}}});function $(u){return/^https?:\/\//.test(u??"")||String(u??"").startsWith("#")}return(u,a)=>e.value?(s(),l("section",{key:0,class:p(["relative",o.dark?"hero-dark bg-accent text-white":"bg-surface max-lg:bg-gradient-to-b max-lg:from-surface max-lg:via-surface max-lg:via-85% max-lg:to-canvas"])},[t("div",A,[t("div",T,[t("div",W,[e.value.settings.eyebrow?(s(),l("p",Z,i(e.value.settings.eyebrow),1)):r("",!0),e.value.settings.heading?(s(),l("h1",G,i(e.value.settings.heading),1)):r("",!0),e.value.settings.description?(s(),l("p",{key:2,class:p(["mt-4 max-w-md text-center text-base leading-relaxed sm:mt-6 sm:text-left sm:text-lg",o.dark?"text-white/75":"text-ink-muted"])},i(e.value.settings.description),3)):r("",!0),t("div",J,[e.value.settings.button_label&&e.value.settings.button_url?(s(),y(z($(e.value.settings.button_url)?"a":B(C)),{key:0,href:e.value.settings.button_url,class:p(["group btn",o.dark?"btn-light":"btn-primary"])},{default:w(()=>[_(i(e.value.settings.button_label)+" ",1),a[1]||(a[1]=t("span",{class:"transition-transform group-hover:translate-x-0.5","aria-hidden":"true"},"→",-1))]),_:1},8,["href","class"])):r("",!0),e.value.settings.button_2_label&&e.value.settings.button_2_url?(s(),l("span",K,[(s(),y(z($(e.value.settings.button_2_url)?"a":B(C)),{href:e.value.settings.button_2_url,class:"btn btn-secondary",onClick:a[0]||(a[0]=n=>f("button2Click",n))},{default:w(()=>[_(i(e.value.settings.button_2_label),1)]),_:1},8,["href"])),e.value.settings.button_2_note?(s(),l("span",Q,[t("span",R,i(e.value.settings.button_2_note),1),a[2]||(a[2]=t("svg",{class:"absolute bottom-0 left-1 h-14 w-16 text-ink",viewBox:"0 0 64 56",fill:"none",stroke:"currentColor","stroke-width":"2.2","stroke-linecap":"round","stroke-linejoin":"round"},[t("path",{class:"hero-note-line",pathLength:"1",d:"M56 8C50 30 36 44 8 47"}),t("path",{class:"hero-note-head",pathLength:"1",d:"M17 39.5 7.5 47l10.5 5"})],-1))])):r("",!0)])):r("",!0)]),k.value?(s(),l("div",U,[t("div",X,[(s(!0),l(c,null,v(L.value,(n,x)=>(s(),l("img",{key:x,src:n,alt:"",loading:"lazy",referrerpolicy:"no-referrer",class:"size-9 rounded-full border-2 border-canvas object-cover"},null,8,Y))),128)),(s(!0),l(c,null,v(L.value.length?0:4,n=>(s(),l("span",{key:`placeholder-${n}`,class:"grid size-9 place-items-center overflow-hidden rounded-full border-2 border-canvas bg-surface","aria-hidden":"true"},[...a[3]||(a[3]=[t("svg",{class:"size-9 text-ink/25",viewBox:"0 0 36 36",fill:"currentColor"},[t("circle",{cx:"18",cy:"14",r:"5.4"}),t("path",{d:"M6.5 34a11.5 11.5 0 0 1 23 0Z"})],-1)])]))),128))]),t("div",null,[t("p",ee,[(s(!0),l(c,null,v(j.value,(n,x)=>(s(),l(c,{key:x},[/^\d/.test(n)?(s(),l("strong",te,i(n),1)):(s(),l(c,{key:1},[_(i(n),1)],64))],64))),128))]),h.value?(s(),l("p",se,[t("span",le,[(s(),l(c,null,v(5,n=>t("svg",{key:n,class:"size-3.5",viewBox:"0 0 20 20",fill:n<=Math.round(h.value)?"var(--color-star)":"var(--color-border)"},[...a[4]||(a[4]=[t("path",{d:"M10 1.8l2.3 4.9 5.2.7-3.8 3.7.9 5.3-4.6-2.5-4.6 2.5.9-5.3L2.5 7.4l5.2-.7z"},null,-1)])],8,ae)),64))]),t("span",ne,i(M.value),1)])):r("",!0)])])):r("",!0),k.value?(s(),l("div",oe,[h.value?(s(),l("span",re,[t("span",ie,[(s(),l(c,null,v(5,n=>t("svg",{key:n,class:"size-5",viewBox:"0 0 20 20",fill:n<=Math.round(h.value)?"var(--color-star)":"var(--color-border)"},[...a[5]||(a[5]=[t("path",{d:"M10 1.8l2.3 4.9 5.2.7-3.8 3.7.9 5.3-4.6-2.5-4.6 2.5.9-5.3L2.5 7.4l5.2-.7z"},null,-1)])],8,ue)),64))]),t("span",ce,i(M.value),1)])):r("",!0),h.value?(s(),l("span",de,"·")):r("",!0),t("span",me,[(s(!0),l(c,null,v(j.value,(n,x)=>(s(),l(c,{key:x},[/^\d/.test(n)?(s(),l("strong",ge,i(n),1)):(s(),l(c,{key:1},[_(i(n),1)],64))],64))),128))])])):r("",!0)])]),t("div",{class:p(["relative -mt-5 lg:mt-0 lg:min-h-0",d.value?"flex flex-col lg:block":"min-h-[22rem]"])},[t("div",{class:p(["pointer-events-none absolute inset-x-0 top-0 z-10 h-24 bg-gradient-to-b to-transparent lg:hidden",o.dark?"from-accent via-accent/60":"from-surface via-surface/60"]),"aria-hidden":"true"},null,2),e.value.settings.video_url?(s(),l("video",{key:0,src:e.value.settings.video_url,poster:e.value.image?.url,autoplay:"",muted:"",loop:"",playsinline:"",preload:"metadata",class:"absolute inset-0 h-full w-full object-cover"},null,8,he)):e.value.image&&!d.value?(s(),l("img",{key:1,src:e.value.image.url,srcset:e.value.image.srcset||void 0,sizes:"(min-width: 1024px) 55vw, 100vw",alt:e.value.image.alt,fetchpriority:"high",class:"absolute inset-0 h-full w-full object-cover"},null,8,ve)):e.value.image?(s(),l("div",pe,[t("div",{class:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2",style:N(d.value.box)},[t("img",{src:e.value.image.url,srcset:e.value.image.srcset||void 0,sizes:"(min-width: 1024px) 55vw, 100vw",alt:e.value.image.alt,fetchpriority:"high",class:"h-full w-full"},null,8,xe),d.value.note?(s(),l("span",{key:0,class:"spiral-note pointer-events-none absolute block size-0",style:N({left:d.value.x+"%",top:d.value.y+"%"}),"aria-hidden":"true"},[t("span",fe,i(d.value.note),1),a[6]||(a[6]=t("svg",{class:"absolute -top-[0.9rem] right-2.5 h-9 w-[3.9rem] -scale-y-100 text-ink xl:scale-y-100 xl:-top-[3.4rem] xl:right-4 xl:h-14 xl:w-24",viewBox:"0 0 96 56",fill:"none",stroke:"currentColor","stroke-width":"2.2","stroke-linecap":"round","stroke-linejoin":"round"},[t("path",{class:"spiral-note-line",pathLength:"1",d:"M6 6C20 4 52 8 84 44"}),t("path",{class:"spiral-note-head",pathLength:"1",d:"M70 41l14 4-1-15"})],-1))],4)):r("",!0)],4),S(P,{callout:d.value,floating:""},null,8,["callout"])])):r("",!0)],2)])],2)):r("",!0)}},ye=q(_e,[["__scopeId","data-v-226c7dee"]]);export{ye as H};