1 line
5.7 KiB
JavaScript
1 line
5.7 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"./_plugin-vue_export-helper-BOai-rQB.js";import{t as h}from"./Badge-DcvgVKep.js";import{t as g}from"./Button-DkdaDkuf.js";var _={key:0,class:`eyebrow`},v={class:`hero-headline font-display font-normal leading-[1.04] tracking-tight hyphens-auto break-words text-[1.625rem] sm:text-[2.25rem] lg:text-[3rem] xl:text-[3.75rem] 2xl:text-[4.5rem]`},y=[`href`],b=[`href`],x=[`src`,`alt`],S=m({__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},compact:{type:Boolean,default:!1}},emits:[`cta`,`secondary`],setup(m){let S=m,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-full max-w-[287px] sm:max-w-[354px] md:max-w-[442px] lg:max-w-[530px]`}:{root:S.reverse?`grid grid-cols-1 gap-10 md:gap-14 lg:grid-cols-[1fr_1.05fr]`:`grid grid-cols-1 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:S.compact?`w-full max-w-[373px] sm:max-w-[489px] md:max-w-[603px] lg:max-w-[460px] mx-auto`:`w-full max-w-[373px] sm:max-w-[489px] md:max-w-[603px] lg:max-w-[748px] mx-auto`}),O=c(()=>S.compact?`max-h-[44svh] md:max-h-[61svh] lg:max-h-[48svh]`:`max-h-[44svh] md:max-h-[61svh] lg:max-h-[52svh]`);return(c,S)=>(e(),p(`section`,{class:f([`hero-section relative overflow-clip`,`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 min-w-0`,D.value.copy])},[m.eyebrow?(e(),p(`p`,_,o(m.eyebrow),1)):a(``,!0),d(`h1`,v,[t(c.$slots,`headline`,{},()=>[l(o(m.headline),1)],!0)]),m.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(m.subheadline),1)],!0)],2)):a(``,!0),m.ctaLabel||m.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`,{},()=>[m.ctaLabel&&m.ctaHref?(e(),p(`a`,{key:0,href:m.ctaHref,class:`inline-flex`},[s(g,{variant:E.value,size:`lg`},{default:i(()=>[t(c.$slots,`cta`,{},()=>[l(o(m.ctaLabel),1)],!0)]),_:3},8,[`variant`])],8,y)):m.ctaLabel?(e(),r(g,{key:1,variant:E.value,size:`lg`,onClick:S[0]||=e=>c.$emit(`cta`)},{default:i(()=>[t(c.$slots,`cta`,{},()=>[l(o(m.ctaLabel),1)],!0)]),_:3},8,[`variant`])):a(``,!0),m.secondaryLabel?(e(),p(u,{key:2},[T.value?(e(),r(n(m.secondaryHref?`a`:`button`),{key:0,type:m.secondaryHref?void 0:`button`,href:m.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=>m.secondaryHref?null:c.$emit(`secondary`)},{default:i(()=>[l(o(m.secondaryLabel),1)]),_:1},8,[`type`,`href`])):m.secondaryHref?(e(),p(`a`,{key:1,href:m.secondaryHref,class:`inline-flex`},[s(g,{variant:`secondary`,size:`lg`},{default:i(()=>[l(o(m.secondaryLabel),1)]),_:1})],8,b)):(e(),r(g,{key:2,variant:`secondary`,size:`lg`,onClick:S[2]||=e=>c.$emit(`secondary`)},{default:i(()=>[l(o(m.secondaryLabel),1)]),_:1}))],64)):a(``,!0)],!0)],2)):a(``,!0)],2),m.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])},[m.badge?(e(),r(h,{key:0,variant:m.badgeVariant,class:`absolute -top-3 -left-3 z-[1] shadow-sm`},{default:i(()=>[l(o(m.badge),1)]),_:1},8,[`variant`])):a(``,!0),t(c.$slots,`media`,{},()=>[d(`img`,{src:m.image,alt:m.imageAlt||m.headline,loading:`eager`,decoding:`async`,class:f([`relative mx-auto w-auto max-w-full object-contain drop-shadow-[0_20px_40px_rgba(28,58,40,0.18)]`,O.value])},null,10,x)],!0),t(c.$slots,`afterMedia`,{},void 0,!0)],2)],2)):a(``,!0)],2)],2))}},[[`__scopeId`,`data-v-1e8eafc0`]]);export{S as t}; |