7a6f84cb25
Previous commit (9177c79) updated public/ source images and HomePage
but forgot to rebuild dist/. Portainer deploys from committed dist/,
so the new hero images never reached the stack.
1 line
5.2 KiB
JavaScript
1 line
5.2 KiB
JavaScript
import{C as e,E as t,O as n,c as r,j as i,l as a,lt as o,m as s,o as c,p as l,r as u,s as d,st as f,u as p}from"./runtime-core.esm-bundler-BD0e4RlP.js";import{t as m}from"./Badge-DcvgVKep.js";import{t as h}from"./Button-DkdaDkuf.js";var g={key:0,class:`eyebrow`},_={class:`font-display font-normal leading-[1.04] tracking-tight`,style:{"font-size":`clamp(2.5rem, 6vw, 4.5rem)`}},v=[`href`],y=[`href`],b=[`src`,`alt`],x={__name:`Hero`,props:{eyebrow:{type:String,default:``},headline:{type:String,default:``},subheadline:{type:String,default:``},image:{type:String,default:``},imageAlt:{type:String,default:``},badge:{type:String,default:``},badgeVariant:{type:String,default:`accent`,validator:e=>[`neutral`,`brand`,`accent`,`subtle`,`success`,`warning`,`danger`].includes(e)},ctaLabel:{type:String,default:``},ctaHref:{type:String,default:``},secondaryLabel:{type:String,default:``},secondaryHref:{type:String,default:``},variant:{type:String,default:`split`,validator:e=>[`split`,`centered`].includes(e)},tone:{type:String,default:`cream`,validator:e=>[`cream`,`paper`,`brand`].includes(e)},reverse:{type:Boolean,default:!1}},emits:[`cta`,`secondary`],setup(x){let S=x,C={cream:{surface:`bg-cream`,text:`text-ink`,sub:`text-muted`,disc:`bg-accent-soft/60`,glow:`bg-accent/8`},paper:{surface:`bg-paper`,text:`text-ink`,sub:`text-muted`,disc:`bg-cream`,glow:`bg-brand-soft-wash`},brand:{surface:`bg-brand`,text:`text-cream`,sub:`text-cream/80`,disc:`bg-brand-soft/30`,glow:`bg-accent/5`}},w=c(()=>C[S.tone]),T=c(()=>S.tone===`brand`),E=c(()=>T.value?`accent`:`primary`),D=c(()=>S.variant===`centered`?{root:`flex flex-col items-center text-center gap-10 md:gap-12`,copy:`max-w-2xl mx-auto items-center text-center`,actions:`justify-center`,media:`mt-4 md:mt-6`,mediaSize:`w-[287px] sm:w-[354px] md:w-[442px] lg:w-[530px]`}:{root:S.reverse?`grid gap-10 md:gap-14 lg:grid-cols-[1fr_1.05fr]`:`grid gap-10 md:gap-14 lg:grid-cols-[1.05fr_1fr]`,copy:[`order-2 max-w-xl mx-auto lg:mx-0 items-center text-center lg:justify-center`,S.reverse?`lg:order-2 lg:items-start lg:text-left`:`lg:order-1 lg:items-start lg:text-left`].join(` `),actions:`justify-center lg:justify-start`,media:S.reverse?`order-1 lg:order-1`:`order-1 lg:order-2`,mediaSize:`w-[373px] sm:w-[489px] md:w-[603px] lg:w-full lg:max-w-[748px]`});return(c,S)=>(e(),p(`section`,{class:f([`relative overflow-hidden`,`px-6 py-10 sm:px-8 sm:py-12 md:px-12 md:py-16 lg:px-16 lg:py-20`,w.value.surface,w.value.text])},[d(`div`,{class:f([`relative mx-auto w-full max-w-6xl`,D.value.root])},[d(`div`,{class:f([`relative z-[1] flex flex-col gap-6`,D.value.copy])},[x.eyebrow?(e(),p(`p`,g,o(x.eyebrow),1)):a(``,!0),d(`h1`,_,[t(c.$slots,`headline`,{},()=>[l(o(x.headline),1)])]),x.subheadline||c.$slots.subheadline?(e(),p(`p`,{key:1,class:f([`text-lg leading-relaxed max-w-xl`,w.value.sub])},[t(c.$slots,`subheadline`,{},()=>[l(o(x.subheadline),1)])],2)):a(``,!0),x.ctaLabel||x.secondaryLabel||c.$slots.actions?(e(),p(`div`,{key:2,class:f([`mt-2 flex flex-wrap items-center gap-3`,D.value.actions])},[t(c.$slots,`actions`,{},()=>[x.ctaLabel&&x.ctaHref?(e(),p(`a`,{key:0,href:x.ctaHref,class:`inline-flex`},[s(h,{variant:E.value,size:`lg`},{default:i(()=>[t(c.$slots,`cta`,{},()=>[l(o(x.ctaLabel),1)])]),_:3},8,[`variant`])],8,v)):x.ctaLabel?(e(),r(h,{key:1,variant:E.value,size:`lg`,onClick:S[0]||=e=>c.$emit(`cta`)},{default:i(()=>[t(c.$slots,`cta`,{},()=>[l(o(x.ctaLabel),1)])]),_:3},8,[`variant`])):a(``,!0),x.secondaryLabel?(e(),p(u,{key:2},[T.value?(e(),r(n(x.secondaryHref?`a`:`button`),{key:0,type:x.secondaryHref?void 0:`button`,href:x.secondaryHref||void 0,class:`inline-flex items-center justify-center rounded-pill border border-cream/50 px-[34px] py-[17px] text-[16px] font-semibold tracking-label text-cream transition-colors duration-base hover:border-cream hover:bg-cream-wash-strong`,onClick:S[1]||=e=>x.secondaryHref?null:c.$emit(`secondary`)},{default:i(()=>[l(o(x.secondaryLabel),1)]),_:1},8,[`type`,`href`])):x.secondaryHref?(e(),p(`a`,{key:1,href:x.secondaryHref,class:`inline-flex`},[s(h,{variant:`secondary`,size:`lg`},{default:i(()=>[l(o(x.secondaryLabel),1)]),_:1})],8,y)):(e(),r(h,{key:2,variant:`secondary`,size:`lg`,onClick:S[2]||=e=>c.$emit(`secondary`)},{default:i(()=>[l(o(x.secondaryLabel),1)]),_:1}))],64)):a(``,!0)])],2)):a(``,!0)],2),x.image||c.$slots.media?(e(),p(`div`,{key:0,class:f([`relative flex items-center justify-center`,D.value.media])},[d(`div`,{"aria-hidden":`true`,class:f([`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`w-[80%] aspect-square rounded-full blur-xl`,w.value.glow])},null,2),d(`div`,{"aria-hidden":`true`,class:f([`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2`,`w-[70%] aspect-square rounded-full`,w.value.disc])},null,2),d(`div`,{class:f([`relative`,D.value.mediaSize])},[x.badge?(e(),r(m,{key:0,variant:x.badgeVariant,class:`absolute -top-3 -left-3 z-[1] shadow-sm`},{default:i(()=>[l(o(x.badge),1)]),_:1},8,[`variant`])):a(``,!0),t(c.$slots,`media`,{},()=>[d(`img`,{src:x.image,alt:x.imageAlt||x.headline,loading:`eager`,decoding:`async`,class:`relative mx-auto w-auto max-w-full max-h-[44svh] md:max-h-[61svh] lg:max-h-[78svh] object-contain drop-shadow-[0_20px_40px_rgba(28,58,40,0.18)]`},null,8,b)])],2)],2)):a(``,!0)],2)],2))}};export{x as t}; |