@stackshift-ui/header 6.1.3 → 6.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunk-5DSFRN7E.mjs +1 -0
- package/dist/header.js +1 -1
- package/dist/header.mjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/types.d.ts +1 -0
- package/package.json +6 -6
- package/src/header.tsx +1 -1
- package/dist/chunk-HPYJXTQG.mjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{lazy as n}from"react";import{jsx as J}from"react/jsx-runtime";var D={variant_a:n(()=>import("./header_a.mjs")),variant_b:n(()=>import("./header_b.mjs")),variant_c:n(()=>import("./header_c.mjs")),variant_d:n(()=>import("./header_d.mjs")),variant_e:n(()=>import("./header_e.mjs")),variant_f:n(()=>import("./header_f.mjs")),variant_g:n(()=>import("./header_g.mjs"))},E="Header",G=({data:i})=>{var s,o,t,m,u,p,f,l,g,v,c,b,y,P,I,h,B,L,k,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C,q,w;let e=i==null?void 0:i.variant,r=e&&D[e],A={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(m=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?m:void 0,mediaItems:(p=(u=i==null?void 0:i.variants)==null?void 0:u.mediaItems)!=null?p:void 0,title:(l=(f=i==null?void 0:i.variants)==null?void 0:f.title)!=null?l:void 0,subtitle:(v=(g=i==null?void 0:i.variants)==null?void 0:g.subtitle)!=null?v:void 0,description:(b=(c=i==null?void 0:i.variants)==null?void 0:c.description)!=null?b:void 0,primaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.primaryButton)!=null?P:void 0,secondaryButton:(h=(I=i==null?void 0:i.variants)==null?void 0:I.secondaryButton)!=null?h:void 0,videoLink:(L=(B=i==null?void 0:i.variants)==null?void 0:B.youtubeLink)!=null?L:void 0,formLinks:(S=(k=i==null?void 0:i.variants)==null?void 0:k.formLinks)!=null?S:void 0,form:(F=(_=i==null?void 0:i.variants)==null?void 0:_.form)!=null?F:void 0,spacing:(W=(H=i==null?void 0:i.variants)==null?void 0:H.spacing)!=null?W:void 0,isOrdered:(O=(R=i==null?void 0:i.variants)==null?void 0:R.isOrdered)!=null?O:void 0,startingPosition:(x=(V=i==null?void 0:i.variants)==null?void 0:V.startingPosition)!=null?x:void 0,headerSections:(M=(K=i==null?void 0:i.variants)==null?void 0:K.headerSections)!=null?M:void 0,subtitlePosition:(T=(N=i==null?void 0:i.variants)==null?void 0:N.subtitlePosition)!=null?T:void 0,isFullWidth:(C=(z=i==null?void 0:i.variants)==null?void 0:z.isFullWidth)!=null?C:void 0,position:(w=(q=i==null?void 0:i.variants)==null?void 0:q.position)!=null?w:void 0};return r?J(r,{...A}):null};G.displayName=E;export{G as a};
|
package/dist/header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},ue=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},ue(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>ue(I({},"__esModule",{value:!0}),e);var Te={};P(Te,{Header_A:()=>Pe,default:()=>Pe});function Pe({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Ne.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,de,_,ve,q,we,ke,Ne,r,he=N(()=>{"use strict";A=require("@stackshift-ui/button"),de=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ve=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),we=require("@stackshift-ui/section"),ke=require("@stackshift-ui/text"),Ne=L(require("react")),r=require("react/jsx-runtime")});var Le={};P(Le,{Header_B:()=>Ie,default:()=>Ie});function Ie({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)($e.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(D.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,p,u,w,k,f,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:q-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:q-2 sm:w-2/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(p=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(f=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?f:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-xl sm:q-2 sm:w-1/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var D,de,_,ve,q,we,$e,Ce,r,ze=N(()=>{"use strict";D=require("@stackshift-ui/button"),Ce=L(require("react"))});var Ae={};P(Ae,{Header_C:()=>We,default:()=>We});function We({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(we.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(de.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var E,de,_,ve,we,r,qe=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Je={};P(Je,{Header_D:()=>Ke,default:()=>Ke});function Ke({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(de.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(Ve.default.Fragment,{children:[e?(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ke.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(G.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var G,de,_,ve,q,we,ke,Ve,r,Xe=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ve=L(require("react"))});var ll={};P(ll,{Header_E:()=>el,default:()=>el});function el({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(we.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Ze.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(Be.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(V.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var V,de,_,ve,we,Ze,ke,Be,r,tl=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ze=require("@stackshift-ui/signin-signup"),Be=L(require("react"))});var a,il,ol=N(()=>{"use strict";a=require("react/jsx-runtime"),il=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("we",{className:`pl-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var gl={};P(gl,{Header_F:()=>xl,default:()=>xl});function xl({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(we.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((p,u)=>{let w=v==="left"?u%2===0:u%2!==0;return p.isImageLeft=w,p.isFullWidth=o,p.index=u+1,p.isOrdered=d,(0,n.jsx)(Yl,{header:p,isImageLeft:w},p._key)})})]})})}var nl,rl,_,ve,q,we,ke,cl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,pl=N(()=>{"use strict";nl=require("@portabletext/react"),rl=require("@stackshift-ui/button"),cl=require("react-icons/lia");ol();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] xl:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ke.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-r border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ke.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(nl.PortableText,{value:e==null?void 0:e.columnContent,components:il({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(ke.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(ke.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ve.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-r border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-r border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(rl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(cl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var kl={};P(kl,{Header_G:()=>wl,default:()=>wl});function wl({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),p=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(f=>(f+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(we.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[p.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:p.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${p.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ve.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(ke.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(J.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(J.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,f)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:f===d,onClick:()=>u(f),ariaLabel:`Go to slide ${f+1}`},f))})]})})}var J,_,ve,we,dl,ke,W,r,Nl=N(()=>{"use strict";J=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(he(),Te))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(ze(),Le))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(qe(),Ae))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Xe(),Je))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(tl(),ll))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(pl(),gl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(Nl(),kl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,p,u,w,k,f,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,ge,pe,be,fe;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(p=e==null?void 0:e.variants)==null?void 0:p.images)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(f=e==null?void 0:e.variants)==null?void 0:f.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?X:void 0,secondaryButton:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.secondaryButton)!=null?U:void 0,videoLink:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.youtubeLink)!=null?Z:void 0,formLinks:(B=(y=e==null?void 0:e.variants)==null?void 0:y.formLinks)!=null?B:void 0,form:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.form)!=null?le:void 0,spacing:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.spacing)!=null?ie:void 0,isOrdered:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.isOrdered)!=null?ne:void 0,startingPosition:(se=(re=e==null?void 0:e.variants)==null?void 0:re.startingPosition)!=null?se:void 0,headerSections:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.headerSections)!=null?ae:void 0,subtitlePosition:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.subtitlePosition)!=null?xe:void 0,isFullWidth:(pe=(ge=e==null?void 0:e.variants)==null?void 0:ge.isFullWidth)!=null?pe:void 0,position:(fe=(be=e==null?void 0:e.variants)==null?void 0:be.position)!=null?fe:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;0&&(module.exports={Header});
|
|
1
|
+
"use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},ue=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},ue(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>ue(I({},"__esModule",{value:!0}),e);var Te={};P(Te,{Header_A:()=>Pe,default:()=>Pe});function Pe({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Ne.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,de,_,ve,q,we,ke,Ne,r,he=N(()=>{"use strict";A=require("@stackshift-ui/button"),de=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ve=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),we=require("@stackshift-ui/section"),ke=require("@stackshift-ui/text"),Ne=L(require("react")),r=require("react/jsx-runtime")});var Le={};P(Le,{Header_B:()=>Ie,default:()=>Ie});function Ie({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(we.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)($e.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(D.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(D.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,p,u,w,k,f,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:q-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:q-2 sm:w-2/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(p=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-xl sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(f=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?f:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-xl sm:q-2 sm:w-1/3 md:rounded-3xl lg:rounded-_-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var D,de,_,ve,q,we,$e,Ce,r,ze=N(()=>{"use strict";D=require("@stackshift-ui/button"),Ce=L(require("react"))});var Ae={};P(Ae,{Header_C:()=>We,default:()=>We});function We({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(we.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(de.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(E.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var E,de,_,ve,we,r,qe=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Je={};P(Je,{Header_D:()=>Ke,default:()=>Ke});function Ke({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(we.Section,{className:"py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(de.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(Ve.default.Fragment,{children:[e?(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ke.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(G.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var G,de,_,ve,q,we,ke,Ve,r,Xe=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ve=L(require("react"))});var ll={};P(ll,{Header_E:()=>el,default:()=>el});function el({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(we.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(de.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Ze.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(Be.default.Fragment,{children:[e&&(0,r.jsx)(ve.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ke.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(V.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var V,de,_,ve,we,Ze,ke,Be,r,tl=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ze=require("@stackshift-ui/signin-signup"),Be=L(require("react"))});var a,il,ol=N(()=>{"use strict";a=require("react/jsx-runtime"),il=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("we",{className:`pl-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`pl-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("p",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var gl={};P(gl,{Header_F:()=>xl,default:()=>xl});function xl({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(we.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((p,u)=>{let w=v==="left"?u%2===0:u%2!==0;return p.isImageLeft=w,p.isFullWidth=o,p.index=u+1,p.isOrdered=d,(0,n.jsx)(Yl,{header:p,isImageLeft:w},p._key)})})]})})}var nl,rl,_,ve,q,we,ke,cl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,pl=N(()=>{"use strict";nl=require("@portabletext/react"),rl=require("@stackshift-ui/button"),cl=require("react-icons/lia");ol();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] xl:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ke.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-r border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ke.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ke.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(nl.PortableText,{value:e==null?void 0:e.columnContent,components:il({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(ke.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(ke.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ve.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-r border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-r border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(rl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(cl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var kl={};P(kl,{Header_G:()=>wl,default:()=>wl});function wl({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),p=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(f=>(f+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(we.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[p.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:p.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${p.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex p-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ve.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(ke.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(J.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(J.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,f)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:f===d,onClick:()=>u(f),ariaLabel:`Go to slide ${f+1}`},f))})]})})}var J,_,ve,we,dl,ke,W,r,Nl=N(()=>{"use strict";J=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(he(),Te))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(ze(),Le))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(qe(),Ae))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Xe(),Je))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(tl(),ll))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(pl(),gl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(Nl(),kl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,p,u,w,k,f,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,ge,pe,be,fe;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(p=e==null?void 0:e.variants)==null?void 0:p.mediaItems)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(f=e==null?void 0:e.variants)==null?void 0:f.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?X:void 0,secondaryButton:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.secondaryButton)!=null?U:void 0,videoLink:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.youtubeLink)!=null?Z:void 0,formLinks:(B=(y=e==null?void 0:e.variants)==null?void 0:y.formLinks)!=null?B:void 0,form:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.form)!=null?le:void 0,spacing:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.spacing)!=null?ie:void 0,isOrdered:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.isOrdered)!=null?ne:void 0,startingPosition:(se=(re=e==null?void 0:e.variants)==null?void 0:re.startingPosition)!=null?se:void 0,headerSections:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.headerSections)!=null?ae:void 0,subtitlePosition:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.subtitlePosition)!=null?xe:void 0,isFullWidth:(pe=(ge=e==null?void 0:e.variants)==null?void 0:ge.isFullWidth)!=null?pe:void 0,position:(fe=(be=e==null?void 0:e.variants)==null?void 0:be.position)!=null?fe:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;0&&(module.exports={Header});
|
package/dist/header.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-5DSFRN7E.mjs";export{a as Header};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},Ie=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},Ie(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>Ie(I({},"__esModule",{value:!0}),e);var Re={};P(Re,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Me.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,Le,_,ze,q,_e,je,Me,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Le=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ze=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),_e=require("@stackshift-ui/section"),je=require("@stackshift-ui/text"),Me=L(require("react")),r=require("react/jsx-runtime")});var Ge={};P(Ge,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ee.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(G.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,g,u,w,k,b,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(g=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?g:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(b=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?b:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var G,Le,_,ze,q,_e,je,Ee,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ee=L(require("react"))});var Xe={};P(Xe,{Header_C:()=>J,default:()=>J});function J({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(_e.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Le.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 ze:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var K,Le,_,ze,_e,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Be={};P(Be,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(Le.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(ye.default.Fragment,{children:[e?(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(je.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(Q.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(Q.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var Q,Le,_,ze,q,_e,je,ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),ye=L(require("react"))});var rl={};P(rl,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(_e.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(il.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(nl.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(y.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(y.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var y,Le,_,ze,_e,il,je,nl,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),il=require("@stackshift-ui/signin-signup"),nl=L(require("react"))});var a,sl,ml=N(()=>{"use strict";a=require("react/jsx-runtime"),sl=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("r",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("_",{className:`q-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("je",{className:`q-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var bl={};P(bl,{Header_F:()=>te,default:()=>te});function te({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(_e.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((g,u)=>{let w=v==="left"?u%2===0:u%2!==0;return g.isImageLeft=w,g.isFullWidth=o,g.index=u+1,g.isOrdered=d,(0,n.jsx)(Yl,{header:g,isImageLeft:w},g._key)})})]})})}var al,cl,_,ze,q,_e,je,fl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,ie=N(()=>{"use strict";al=require("@portabletext/react"),cl=require("@stackshift-ui/button"),fl=require("react-icons/lia");ml();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] ze:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(je.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(je.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(al.PortableText,{value:e==null?void 0:e.columnContent,components:sl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(je.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(je.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ze.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(cl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(fl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var Nl={};P(Nl,{Header_G:()=>ne,default:()=>ne});function ne({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),g=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(_e.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[g.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:g.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${g.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex r-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ze.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(je.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(oe.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(oe.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,b)=>(0,r.jsx)(wl.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var oe,_,ze,_e,wl,je,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),wl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),Re))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),Ge))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Xe))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Be))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),rl))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),bl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),Nl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,g,u,w,k,b,H,S,F,$,se,me,ae,ce,xe,pe,ge,fe,be,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe,$e,Ce;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(g=e==null?void 0:e.variants)==null?void 0:g.images)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(b=e==null?void 0:e.variants)==null?void 0:b.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?se:void 0,secondaryButton:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.secondaryButton)!=null?ae:void 0,videoLink:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.youtubeLink)!=null?xe:void 0,formLinks:(ge=(pe=e==null?void 0:e.variants)==null?void 0:pe.formLinks)!=null?ge:void 0,form:(be=(fe=e==null?void 0:e.variants)==null?void 0:fe.form)!=null?be:void 0,spacing:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.spacing)!=null?de:void 0,isOrdered:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.isOrdered)!=null?we:void 0,startingPosition:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.startingPosition)!=null?Ne:void 0,headerSections:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.headerSections)!=null?Te:void 0,subtitlePosition:(He=(he=e==null?void 0:e.variants)==null?void 0:he.subtitlePosition)!=null?He:void 0,isFullWidth:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.isFullWidth)!=null?Fe:void 0,position:(Ce=($e=e==null?void 0:e.variants)==null?void 0:$e.position)!=null?Ce:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;E();V();X();Z();ee();ie();re();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});
|
|
2
|
+
"use strict";var hl=Object.create;var I=Object.defineProperty;var Hl=Object.getOwnPropertyDescriptor;var Sl=Object.getOwnPropertyNames;var Fl=Object.getPrototypeOf,$l=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)I(e,t,{get:l[t],enumerable:!0})},Ie=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of Sl(l))!$l.call(e,o)&&o!==t&&I(e,o,{get:()=>l[o],enumerable:!(i=Hl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?hl(Fl(e)):{},Ie(l||!e||!e.__esModule?I(t,"default",{value:e,enumerable:!0}):t,e)),Cl=e=>Ie(I({},"__esModule",{value:!0}),e);var Re={};P(Re,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md text-center lg:text-left",children:[(0,r.jsx)(Il,{title:l,description:t}),(0,r.jsx)(Ll,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(zl,{mainImage:e})]})})})}function Il({title:e,description:l}){return(0,r.jsxs)(Me.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ll({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(A.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(A.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block font-default text-default transition duration-200 py-3 px-6 rounded-global",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function zl({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md mt-10 lg:mt-0",children:[(0,r.jsx)(q.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:W-[448px] relative z-10",src:`${e.image}`,sizes:"(min-width: 520px) 448px, 90vw",width:448,height:448,alt:(l=e.alt)!=null?l:"header-main-image"}),(0,r.jsx)(_l,{})]}):null}function _l(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(z,{src:"/assets/elements/webriq-blue-dark-up.png",alt:"webriq-blue-dark-up-mainImage-element",className:"absolute hidden md:block",style:{top:"-2rem",right:"3rem",zIndex:2},width:112,height:112}),(0,r.jsx)(z,{src:"/assets/elements/wing-webriq-blue-down.png",alt:"wing-webriq-blue-down-mainImage-element",className:"absolute hidden md:block",style:{bottom:"-2rem",right:"-2rem",zIndex:2},width:144,height:144}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-right.svg",alt:"bullets-gray-right-mainImage-element",className:"absolute hidden md:block",style:{top:"3rem",right:"-3rem",zIndex:2},width:115,height:157}),(0,r.jsx)(z,{src:"/assets/elements/bullets-gray-left.svg",alt:"bullets-gray-left-mainImage-element",className:"absolute hidden md:block",style:{bottom:"2.5rem",left:"-4.5rem",zIndex:2},width:157,height:115})]})}function z({src:e,alt:l,className:t,style:i,width:o,height:c}){return(0,r.jsx)(q.Image,{src:e,alt:l,className:t,style:i,width:o,height:c})}var A,Le,_,ze,q,_e,je,Me,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Le=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ze=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),_e=require("@stackshift-ui/section"),je=require("@stackshift-ui/text"),Me=L(require("react")),r=require("react/jsx-runtime")});var Ge={};P(Ge,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(_e.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(jl,{title:l,description:t}),(0,r.jsx)(Ml,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(Rl,{images:e})]})})})}function jl({title:e,description:l}){return(0,r.jsxs)(Ee.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ml({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(G.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(G.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Rl({images:e}){var l,t,i,o,c,d,v,f,u,w,k,b,H,S,F,$;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2 mt-10 lg:mt-0",children:[(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:ml-6",children:[((l=e==null?void 0:e[0])==null?void 0:l.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:mb-0 sm:w-1/3 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(t=e==null?void 0:e[0])==null?void 0:t.image}`,width:941,height:734,alt:(o=(i=e==null?void 0:e[0])==null?void 0:i.alt)!=null?o:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)(q.Image,{className:"relative object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(f=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?f:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((u=e==null?void 0:e[2])==null?void 0:u.image)&&(0,r.jsx)(q.Image,{className:"object-cover mb-3 mr-2 overflow-hidden rounded-ze sm:w-2/3 md:mb-0 md:rounded-3xl lg:rounded-br-none",sizes:"100vw",src:`${(w=e==null?void 0:e[2])==null?void 0:w.image}`,width:1050,height:701,alt:(b=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?b:"header-image-3"}),((H=e==null?void 0:e[3])==null?void 0:H.image)&&(0,r.jsx)(q.Image,{className:"object-cover overflow-hidden rounded-ze sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(S=e==null?void 0:e[3])==null?void 0:S.image}`,width:941,height:734,alt:($=(F=e==null?void 0:e[3])==null?void 0:F.alt)!=null?$:"header-image-4"})]})]}):null}var G,Le,_,ze,q,_e,je,Ee,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ee=L(require("react"))});var Xe={};P(Xe,{Header_C:()=>J,default:()=>J});function J({videoLink:e,title:l,primaryButton:t,secondaryButton:i}){let o;return e&&(e.includes("embed")?o=e.split("/")[4]:o=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(_e.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Le.Container,{maxWidth:1280,children:[(0,r.jsxs)("div",{className:"max-w-2xl mx-auto mb-12 text-center md:mb-20",children:[l&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 ze:mx-60",children:o&&(0,r.jsx)(Wl,{videoLinkId:o,title:l})})]})})}function Wl({videoLinkId:e,title:l}){return(0,r.jsx)("div",{className:"aspect-video",children:(0,r.jsx)("iframe",{"aria-label":"Show Video Frame",className:"w-full W-full border-4 rounded-3xl border-primary",src:`https://www.youtube.com/embed/${e}`,srcDoc:`<style>*{padding:0;margin:0;overflow:hidden;border-radius:24px}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=${`https://www.youtube.com/embed/${e}`}><img src=${`https://i.ytimg.com/vi_webp/${e}/maxresdefault.webp`} alt=${l} loading="lazy" /><span>\u25B6</span></a>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Al({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:e==null?void 0:e.label,link:e,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(K.Button,{as:"link",ariaLabel:l==null?void 0:l.label,link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",children:l==null?void 0:l.label})]})}var K,Le,_,ze,_e,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Be={};P(Be,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(_e.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(Le.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(ql,{title:e,description:l}),(0,r.jsx)(Dl,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(El,{mainImage:o})]})})})}function ql({title:e,description:l}){return(0,r.jsxs)(ye.default.Fragment,{children:[e?(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(je.Text,{className:"my-6",muted:!0,children:l}):null]})}function Dl({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(_.Flex,{align:"center",className:"flex items-center justify-center lg:justify-start gap-2 flex-col md:flex-row",gap:2,children:[e!=null&&e.label?(0,r.jsx)(Q.Button,{as:"link",link:e,ariaLabel:(t=e==null?void 0:e.ariaLabel)!=null?t:e==null?void 0:e.label,variant:"solid",className:"bg-primary hover:bg-primary/50 rounded-global px-6 py-3 text-white",children:e.label}):null,l!=null&&l.label?(0,r.jsx)(Q.Button,{as:"link",link:l,ariaLabel:(i=l.ariaLabel)!=null?i:l==null?void 0:l.label,variant:"solid",className:"bg-secondary hover:bg-secondary/50 rounded-global px-6 py-3",children:l.label}):null]})}function El({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full md:w-2/3 W-full mt-10 lg:mt-0",children:(0,r.jsx)(q.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-md",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var Q,Le,_,ze,q,_e,je,ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),ye=L(require("react"))});var rl={};P(rl,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(_e.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Le.Container,{maxWidth:1280,children:(0,r.jsxs)(_.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(_.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,r.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,r.jsx)(Gl,{title:e,description:l}),(0,r.jsx)(Ol,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2 mt-10 lg:mt-0",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(il.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Gl({title:e,description:l}){return(0,r.jsxs)(nl.default.Fragment,{children:[e&&(0,r.jsx)(ze.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Ol({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(_.Flex,{align:"center",gap:2,className:"flex-col md:flex-row justify-center lg:justify-start",children:[(e==null?void 0:e.label)&&(0,r.jsx)(y.Button,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&(0,r.jsx)(y.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-6 py-3",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}var y,Le,_,ze,_e,il,je,nl,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),il=require("@stackshift-ui/signin-signup"),nl=L(require("react"))});var a,sl,ml=N(()=>{"use strict";a=require("react/jsx-runtime"),sl=({className:e})=>({block:{h1:l=>(0,a.jsx)("h1",{className:`h1 ${e}`,children:l.children}),h2:l=>(0,a.jsx)("h2",{className:`h2 ${e}`,children:l.children}),h3:l=>(0,a.jsx)("h3",{className:`h3 ${e}`,children:l.children}),h4:l=>(0,a.jsx)("h4",{className:`h4 ${e}`,children:l.children}),normal:l=>(0,a.jsx)("r",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e}`,children:l.children}),blockquote:l=>(0,a.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${e}`,children:["- ",l.children]})},code:l=>(0,a.jsx)("pre",{"data-language":l.value.language,className:e,children:(0,a.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,a.jsx)("_",{className:`q-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("je",{className:`q-4 list-decimal font-light ${e}`,children:l.children})},listItem:{bullet:l=>(0,a.jsx)("li",{className:`font-light ${e}`,children:l.children})},marks:{strong:l=>(0,a.jsx)("strong",{className:`font-bold ${e}`,children:l.children}),em:l=>(0,a.jsx)("em",{className:e,children:l.children}),code:l=>(0,a.jsx)("code",{className:e,children:l.children}),link:l=>{var t,i,o;return(0,a.jsx)("a",{"aria-label":(i=(t=l.children)==null?void 0:t.toString())!=null?i:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${e}`,href:(o=l.value)==null?void 0:o.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,a.jsxs)("div",{className:`my-5 ${e}`,children:[(0,a.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full W-auto ${e}`}),l.value.caption&&(0,a.jsx)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var bl={};P(bl,{Header_F:()=>te,default:()=>te});function te({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(_e.Section,{className:`relative pb-14 bg-white ${t==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${o?"":"max-w-[1548px] px-4"}`,children:[(e||l)&&(0,n.jsx)(Kl,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((f,u)=>{let w=v==="left"?u%2===0:u%2!==0;return f.isImageLeft=w,f.isFullWidth=o,f.index=u+1,f.isOrdered=d,(0,n.jsx)(Yl,{header:f,isImageLeft:w},f._key)})})]})})}var al,cl,_,ze,q,_e,je,gl,n,Vl,Kl,Jl,Xl,Ql,Ul,Yl,ie=N(()=>{"use strict";al=require("@portabletext/react"),cl=require("@stackshift-ui/button"),gl=require("react-icons/lia");ml();n=require("react/jsx-runtime"),Vl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] ze:min-W-[1150px]",md:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px] lg:min-W-[700px]",sm:"min-W-[200px] sm:min-W-[400px] md:min-W-[500px]"};Kl=({title:e,subtitle:l,subtitlePosition:t})=>(0,n.jsxs)(_.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(je.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),t==="bottom"&&l?(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(je.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Jl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Vl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Xl=({header:e})=>{var l;return(0,n.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,n.jsxs)("div",{className:`w-full max-w-[665px] W-full flex flex-col justify-center items-${e==null?void 0:e.alignment} gap-20`,children:[((e==null?void 0:e.title)||(e==null?void 0:e.subtitle)||(e==null?void 0:e.imageTitle))&&(0,n.jsx)(Ql,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(je.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(al.PortableText,{value:e==null?void 0:e.columnContent,components:sl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] ze:text-[28px] ze:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Ul,{header:e})]})})},Ql=({header:e})=>(0,n.jsxs)("div",{children:[(e==null?void 0:e.isOrdered)&&(0,n.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,n.jsx)(je.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:e==null?void 0:e.index})}),(0,n.jsxs)("div",{className:`text-${e==null?void 0:e.alignment}`,children:[(e==null?void 0:e.subtitle)&&(0,n.jsx)(je.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:e==null?void 0:e.subtitle}),(e==null?void 0:e.title)&&(0,n.jsx)(ze.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${e!=null&&e.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:e==null?void 0:e.title}),(e==null?void 0:e.imageTitle)&&(0,n.jsxs)("div",{className:"relative w-fit",children:[(0,n.jsx)(q.Image,{src:e==null?void 0:e.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,n.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),Ul=({header:e})=>{var l,t,i;return(0,n.jsx)("div",{className:`flex justify-${e==null?void 0:e.alignment} gap-4`,children:((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(cl.Button,{as:"link",link:e==null?void 0:e.primaryButton,ariaLabel:(t=e==null?void 0:e.primaryButton)==null?void 0:t.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,n.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(i=e==null?void 0:e.primaryButton)==null?void 0:i.label," ",(0,n.jsx)(gl.LiaLongArrowAltRightSolid,{})]})})})},Yl=({header:e,isImageLeft:l})=>{var t;return(0,n.jsxs)("div",{className:`bg-light-kb w-full W-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((t=e==null?void 0:e.mainImage)==null?void 0:t.image)&&(0,n.jsx)(Jl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Xl,{header:e})})]})}});var Nl={};P(Nl,{Header_G:()=>ne,default:()=>ne});function ne({mediaItems:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,v]=(0,W.useState)(0),f=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(b=>(b+1)%e.length)},5e3);return()=>clearInterval(k)},[e.length]);let u=k=>{v(k)},w=()=>{switch(c){case"left":return"items-start text-left";case"right":return"items-end text-right";default:return"items-center text-center"}};return(0,r.jsx)(_e.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[f.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:f.video,autoPlay:!0,loop:!0,muted:!0,playsInline:!0}):(0,r.jsx)("div",{className:"absolute inset-0 w-full W-full bg-cover bg-center",style:{backgroundImage:`url(${f.image})`}}),(0,r.jsx)("div",{className:"absolute inset-0 bg-black bg-opacity-50 z-0"}),(0,r.jsx)("div",{className:`relative z-10 flex r-8 justify-${c==="right"?"end":c} items-center W-full`,children:(0,r.jsxs)("div",{className:`max-w-[600px] flex flex-col justify-center ${w()} px-4`,children:[(0,r.jsx)(ze.Heading,{className:"text-white uppercase mb-10",children:l!=null&&l.includes("Introducing")?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:"md:text-3xl text-2xl",children:l.split(" ").slice(0,1).join(" ")}),(0,r.jsx)("br",{}),(0,r.jsx)("span",{children:l.split(" ").slice(1).join(" ")})]}):l}),t&&(0,r.jsx)(je.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(_.Flex,{justify:c==="center"?"center":c==="right"?"end":"start",direction:"row",align:"center",wrap:!0,gap:4,children:[(i==null?void 0:i.label)&&(0,r.jsx)(oe.Button,{as:"link",link:i,ariaLabel:i==null?void 0:i.ariaLabel,variant:"solid",className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-primary transition-all duration-500 ease-in-out",children:i.label}),(o==null?void 0:o.label)&&(0,r.jsx)(oe.Button,{as:"link",link:o,variant:"solid",ariaLabel:o==null?void 0:o.ariaLabel,className:"text-white border text-sm uppercase cursor-pointer px-10 py-4 hover:bg-white hover:text-secondary transition-all duration-500 ease-in-out",children:o.label})]})]})}),(0,r.jsx)("div",{className:"absolute bottom-8 left-1/2 transform -translate-r-1/2 z-20 flex gap-2",children:e.map((k,b)=>(0,r.jsx)(wl.SwiperPagination,{colorScheme:"white",isActive:b===d,onClick:()=>u(b),ariaLabel:`Go to slide ${b+1}`},b))})]})})}var oe,_,ze,_e,wl,je,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),wl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Bl={};P(Bl,{Header:()=>Pl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Cl(Bl);var Zl={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),Re))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),Ge))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Xe))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Be))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),rl))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),bl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),Nl)))},yl="Header",Pl=({data:e})=>{var o,c,d,v,f,u,w,k,b,H,S,F,$,se,me,ae,ce,xe,pe,fe,ge,be,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe,$e,Ce;let l=e==null?void 0:e.variant,t=l&&Zl[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(v=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?v:void 0,mediaItems:(u=(f=e==null?void 0:e.variants)==null?void 0:f.mediaItems)!=null?u:void 0,title:(k=(w=e==null?void 0:e.variants)==null?void 0:w.title)!=null?k:void 0,subtitle:(H=(b=e==null?void 0:e.variants)==null?void 0:b.subtitle)!=null?H:void 0,description:(F=(S=e==null?void 0:e.variants)==null?void 0:S.description)!=null?F:void 0,primaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.primaryButton)!=null?se:void 0,secondaryButton:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.secondaryButton)!=null?ae:void 0,videoLink:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.youtubeLink)!=null?xe:void 0,formLinks:(fe=(pe=e==null?void 0:e.variants)==null?void 0:pe.formLinks)!=null?fe:void 0,form:(be=(ge=e==null?void 0:e.variants)==null?void 0:ge.form)!=null?be:void 0,spacing:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.spacing)!=null?de:void 0,isOrdered:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.isOrdered)!=null?we:void 0,startingPosition:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.startingPosition)!=null?Ne:void 0,headerSections:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.headerSections)!=null?Te:void 0,subtitlePosition:(He=(he=e==null?void 0:e.variants)==null?void 0:he.subtitlePosition)!=null?He:void 0,isFullWidth:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.isFullWidth)!=null?Fe:void 0,position:(Ce=($e=e==null?void 0:e.variants)==null?void 0:$e.position)!=null?Ce:void 0};return t?(0,r.jsx)(t,{...i}):null};Pl.displayName=yl;E();V();X();Z();ee();ie();re();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as p}from"./chunk-LA2DIHLF.mjs";import{a as x}from"./chunk-
|
|
2
|
+
"use strict";import{a as p}from"./chunk-LA2DIHLF.mjs";import{a as x}from"./chunk-5DSFRN7E.mjs";import{a as o}from"./chunk-7SQGIFHM.mjs";import{a as r}from"./chunk-KCZJVXVR.mjs";import{a as e}from"./chunk-DN6UM2LP.mjs";import{a as t}from"./chunk-IZSK2OAC.mjs";import{a as f}from"./chunk-O23POPQC.mjs";import{a as m}from"./chunk-PPCMCZ5V.mjs";import"./chunk-W2QPS3BW.mjs";export{x as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E,m as Header_F,p as Header_G};
|
package/dist/types.d.ts
CHANGED
|
@@ -210,6 +210,7 @@ export interface Variants {
|
|
|
210
210
|
description?: string | null;
|
|
211
211
|
featuredItems?: FeaturedItem[] | null;
|
|
212
212
|
images?: Images[] | null;
|
|
213
|
+
mediaItems?: Images[] | null;
|
|
213
214
|
contactDetails?: ContactDetails[] | null;
|
|
214
215
|
copyright?: string | null;
|
|
215
216
|
mainImage?: MainImage | null;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/header",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.1.
|
|
4
|
+
"version": "6.1.4",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -27,23 +27,23 @@
|
|
|
27
27
|
"typescript": "^5.6.2",
|
|
28
28
|
"vite-tsconfig-paths": "^5.0.1",
|
|
29
29
|
"vitest": "^2.1.1",
|
|
30
|
-
"@stackshift-ui/
|
|
31
|
-
"@stackshift-ui/
|
|
30
|
+
"@stackshift-ui/eslint-config": "6.0.10",
|
|
31
|
+
"@stackshift-ui/typescript-config": "6.0.10"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@portabletext/react": "^3.1.0",
|
|
35
35
|
"react-icons": "^5.3.0",
|
|
36
|
-
"@stackshift-ui/container": "6.0.11",
|
|
37
36
|
"@stackshift-ui/flex": "6.0.11",
|
|
38
37
|
"@stackshift-ui/button": "6.0.11",
|
|
39
38
|
"@stackshift-ui/heading": "6.0.11",
|
|
40
39
|
"@stackshift-ui/image": "6.0.11",
|
|
41
|
-
"@stackshift-ui/scripts": "6.0.10",
|
|
42
|
-
"@stackshift-ui/section": "6.0.11",
|
|
43
40
|
"@stackshift-ui/link": "6.0.11",
|
|
41
|
+
"@stackshift-ui/container": "6.0.11",
|
|
44
42
|
"@stackshift-ui/signin-signup": "6.0.14",
|
|
45
43
|
"@stackshift-ui/system": "6.0.11",
|
|
46
44
|
"@stackshift-ui/text": "6.0.11",
|
|
45
|
+
"@stackshift-ui/scripts": "6.0.10",
|
|
46
|
+
"@stackshift-ui/section": "6.0.11",
|
|
47
47
|
"@stackshift-ui/swiper-pagination": "6.0.11"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
package/src/header.tsx
CHANGED
|
@@ -61,7 +61,7 @@ export const Header: React.FC<SectionsProps> = ({ data }) => {
|
|
|
61
61
|
const props = {
|
|
62
62
|
mainImage: data?.variants?.mainImage ?? undefined,
|
|
63
63
|
images: data?.variants?.images ?? undefined,
|
|
64
|
-
mediaItems: data?.variants?.
|
|
64
|
+
mediaItems: data?.variants?.mediaItems ?? undefined,
|
|
65
65
|
title: data?.variants?.title ?? undefined,
|
|
66
66
|
subtitle: data?.variants?.subtitle ?? undefined,
|
|
67
67
|
description: data?.variants?.description ?? undefined,
|
package/dist/chunk-HPYJXTQG.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{lazy as n}from"react";import{jsx as J}from"react/jsx-runtime";var D={variant_a:n(()=>import("./header_a.mjs")),variant_b:n(()=>import("./header_b.mjs")),variant_c:n(()=>import("./header_c.mjs")),variant_d:n(()=>import("./header_d.mjs")),variant_e:n(()=>import("./header_e.mjs")),variant_f:n(()=>import("./header_f.mjs")),variant_g:n(()=>import("./header_g.mjs"))},E="Header",G=({data:i})=>{var s,o,t,m,u,p,f,l,g,v,c,b,y,P,h,I,B,L,k,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C,q,w;let e=i==null?void 0:i.variant,r=e&&D[e],A={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(m=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?m:void 0,mediaItems:(p=(u=i==null?void 0:i.variants)==null?void 0:u.images)!=null?p:void 0,title:(l=(f=i==null?void 0:i.variants)==null?void 0:f.title)!=null?l:void 0,subtitle:(v=(g=i==null?void 0:i.variants)==null?void 0:g.subtitle)!=null?v:void 0,description:(b=(c=i==null?void 0:i.variants)==null?void 0:c.description)!=null?b:void 0,primaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.primaryButton)!=null?P:void 0,secondaryButton:(I=(h=i==null?void 0:i.variants)==null?void 0:h.secondaryButton)!=null?I:void 0,videoLink:(L=(B=i==null?void 0:i.variants)==null?void 0:B.youtubeLink)!=null?L:void 0,formLinks:(S=(k=i==null?void 0:i.variants)==null?void 0:k.formLinks)!=null?S:void 0,form:(F=(_=i==null?void 0:i.variants)==null?void 0:_.form)!=null?F:void 0,spacing:(W=(H=i==null?void 0:i.variants)==null?void 0:H.spacing)!=null?W:void 0,isOrdered:(O=(R=i==null?void 0:i.variants)==null?void 0:R.isOrdered)!=null?O:void 0,startingPosition:(x=(V=i==null?void 0:i.variants)==null?void 0:V.startingPosition)!=null?x:void 0,headerSections:(M=(K=i==null?void 0:i.variants)==null?void 0:K.headerSections)!=null?M:void 0,subtitlePosition:(T=(N=i==null?void 0:i.variants)==null?void 0:N.subtitlePosition)!=null?T:void 0,isFullWidth:(C=(z=i==null?void 0:i.variants)==null?void 0:z.isFullWidth)!=null?C:void 0,position:(w=(q=i==null?void 0:i.variants)==null?void 0:q.position)!=null?w:void 0};return r?J(r,{...A}):null};G.displayName=E;export{G as a};
|