@stackshift-ui/header 6.1.0-alpha.4 → 6.1.0-alpha.6
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-PPCMCZ5V.mjs +1 -0
- package/dist/{chunk-G7FVEHHV.mjs → chunk-XHABENJS.mjs} +1 -1
- package/dist/header.d.ts +1 -0
- package/dist/header.js +1 -1
- package/dist/header.mjs +1 -1
- package/dist/header_f.d.ts +1 -1
- package/dist/header_f.js +1 -1
- package/dist/header_f.mjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +5 -5
- package/src/header_f.tsx +1 -19
- package/dist/chunk-GFZNPSBY.mjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as b}from"./chunk-W2QPS3BW.mjs";import{PortableText as k}from"@portabletext/react";import{Button as N}from"@stackshift-ui/button";import{Flex as u}from"@stackshift-ui/flex";import{Heading as H}from"@stackshift-ui/heading";import{Image as w}from"@stackshift-ui/image";import{Section as y}from"@stackshift-ui/section";import{Text as o}from"@stackshift-ui/text";import{LiaLongArrowAltRightSolid as T}from"react-icons/lia";import{jsx as l,jsxs as n}from"react/jsx-runtime";var B={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function $({title:t,subtitle:i,subtitlePosition:m,headerSections:x,isFullWidth:g,spacing:c,isOrdered:a,startingPosition:v}){return l(y,{className:`relative pb-14 bg-white ${m==="top"&&"mt-[32px]"}`,children:n("div",{style:{marginBottom:`${c}px`},className:`w-full mx-auto ${g?"":"max-w-[1548px] px-4"}`,children:[(t||i)&&l(I,{title:t,subtitle:i,subtitlePosition:m}),l(u,{className:"flex-col",style:{gap:`${c}px`},children:x==null?void 0:x.map((s,p)=>{let f=v==="left"?p%2===0:p%2!==0;return s.isImageLeft=f,s.isFullWidth=g,s.index=p+1,s.isOrdered=a,l(A,{header:s,isImageLeft:f},s._key)})})]})})}var I=({title:t,subtitle:i,subtitlePosition:m})=>n(u,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[m==="top"&&i&&l(o,{className:"font-label tracking-[2.1px]",children:i}),t&&l(o,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),m==="bottom"&&i?l(o,{className:"font-label tracking-[2.1px]",children:i}):!m&&l(o,{className:"font-label tracking-[2.1px]",children:i})]}),L=({image:t,height:i})=>l("div",{className:`relative w-full ${i?B[i]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),S=({header:t})=>{var i;return l("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:n("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&l(F,{header:t}),(t==null?void 0:t.description)&&l(o,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&l(k,{value:t==null?void 0:t.columnContent,components:b({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(j,{header:t})]})})},F=({header:t})=>n("div",{children:[(t==null?void 0:t.isOrdered)&&l("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:l(o,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),n("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&l(o,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&l(H,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&n("div",{className:"relative w-fit",children:[l(w,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),l("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),j=({header:t})=>{var i,m,x;return l("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(N,{as:"link",link:t==null?void 0:t.primaryButton,ariaLabel:(m=t==null?void 0:t.primaryButton)==null?void 0:m.label,className:"border border-black px-14 py-3.5 text-sm",children:n("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(x=t==null?void 0:t.primaryButton)==null?void 0:x.label," ",l(T,{})]})})})},A=({header:t,isImageLeft:i})=>{var m;return n("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${i?"":"md:flex-row-reverse"}`,children:[((m=t==null?void 0:t.mainImage)==null?void 0:m.image)&&l(L,{image:t.mainImage.image,height:t.imageHeight}),l("div",{className:"w-full flex justify-center",children:l(S,{header:t})})]})};export{$ as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{lazy as n}from"react";import{jsx as E}from"react/jsx-runtime";var w={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"))},A="Header",D=({data:i})=>{var s,o,t,u,m,p,l,f,g,v,c,b,y,P,h,L,
|
|
1
|
+
import{lazy as n}from"react";import{jsx as E}from"react/jsx-runtime";var w={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"))},A="Header",D=({data:i})=>{var s,o,t,u,m,p,l,f,g,v,c,b,y,P,h,B,L,k,I,S,_,F,H,W,R,O,V,x,K,M,N,T,z,C;let e=i==null?void 0:i.variant,r=e&&w[e],q={mainImage:(o=(s=i==null?void 0:i.variants)==null?void 0:s.mainImage)!=null?o:void 0,images:(u=(t=i==null?void 0:i.variants)==null?void 0:t.images)!=null?u:void 0,title:(p=(m=i==null?void 0:i.variants)==null?void 0:m.title)!=null?p:void 0,subtitle:(f=(l=i==null?void 0:i.variants)==null?void 0:l.subtitle)!=null?f:void 0,description:(v=(g=i==null?void 0:i.variants)==null?void 0:g.description)!=null?v:void 0,primaryButton:(b=(c=i==null?void 0:i.variants)==null?void 0:c.primaryButton)!=null?b:void 0,secondaryButton:(P=(y=i==null?void 0:i.variants)==null?void 0:y.secondaryButton)!=null?P:void 0,videoLink:(B=(h=i==null?void 0:i.variants)==null?void 0:h.youtubeLink)!=null?B:void 0,formLinks:(k=(L=i==null?void 0:i.variants)==null?void 0:L.formLinks)!=null?k:void 0,form:(S=(I=i==null?void 0:i.variants)==null?void 0:I.form)!=null?S:void 0,spacing:(F=(_=i==null?void 0:i.variants)==null?void 0:_.spacing)!=null?F:void 0,isOrdered:(W=(H=i==null?void 0:i.variants)==null?void 0:H.isOrdered)!=null?W:void 0,startingPosition:(O=(R=i==null?void 0:i.variants)==null?void 0:R.startingPosition)!=null?O:void 0,headerSections:(x=(V=i==null?void 0:i.variants)==null?void 0:V.headerSections)!=null?x:void 0,subtitlePosition:(M=(K=i==null?void 0:i.variants)==null?void 0:K.subtitlePosition)!=null?M:void 0,isFullWidth:(T=(N=i==null?void 0:i.variants)==null?void 0:N.isFullWidth)!=null?T:void 0,position:(C=(z=i==null?void 0:i.variants)==null?void 0:z.position)!=null?C:void 0};return r?E(r,{...q}):null};D.displayName=A;export{D as a};
|
package/dist/header.d.ts
CHANGED
package/dist/header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var Pl=Object.create;var C=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var hl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Sl=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},fe=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of hl(l))!Sl.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Tl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?Pl(Hl(e)):{},fe(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Fl=e=>fe(C({},"__esModule",{value:!0}),e);var Pe={};P(Pe,{Header_A:()=>Ne,default:()=>Ne});function Ne({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(ve.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ue.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(j.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)($l,{title:l,description:t}),(0,r.jsx)(Il,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Cl,{mainImage:e})]})})})}function $l({title:e,description:l}){return(0,r.jsxs)(ke.default.Fragment,{children:[e&&(0,r.jsx)(de.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(we.Text,{muted:!0,className:"my-6",children:l})]})}function Il({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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 Cl({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)(Ll,{})]}):null}function Ll(){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,ue,j,de,q,ve,we,ke,r,Te=N(()=>{"use strict";A=require("@stackshift-ui/button"),ue=require("@stackshift-ui/container"),j=require("@stackshift-ui/flex"),de=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),ve=require("@stackshift-ui/section"),we=require("@stackshift-ui/text"),ke=L(require("react")),r=require("react/jsx-runtime")});var Ce={};P(Ce,{Header_B:()=>Ie,default:()=>Ie});function Ie({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(ve.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ue.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(j.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)(zl,{title:l,description:t}),(0,r.jsx)(jl,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(_l,{images:e})]})})})}function zl({title:e,description:l}){return(0,r.jsxs)($e.default.Fragment,{children:[e&&(0,r.jsx)(de.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(we.Text,{muted:!0,className:"my-6",children:l})]})}function jl({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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 _l({images:e}){var l,t,i,o,c,d,k,v,b,w,f,u,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-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:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-de-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(v=(k=e==null?void 0:e[1])==null?void 0:k.alt)!=null?v:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((b=e==null?void 0:e[2])==null?void 0:b.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:(u=(f=e==null?void 0:e[2])==null?void 0:f.alt)!=null?u:"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:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-de-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,ue,j,de,q,ve,we,$e,r,Le=N(()=>{"use strict";D=require("@stackshift-ui/button"),$e=L(require("react"))});var We={};P(We,{Header_C:()=>Re,default:()=>Re});function Re({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)(ve.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(ue.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)(de.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Rl,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Ml,{videoLinkId:o,title:l})})]})})}function Ml({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 Rl({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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,ue,j,de,ve,r,Ae=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Ke={};P(Ke,{Header_D:()=>Ve,default:()=>Ve});function Ve({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(ve.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ue.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(j.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(ue.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Wl,{title:e,description:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(ql,{mainImage:o})]})})})}function Wl({title:e,description:l}){return(0,r.jsxs)(Oe.default.Fragment,{children:[e?(0,r.jsx)(de.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(we.Text,{className:"my-6",muted:!0,children:l}):null]})}function Al({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(j.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 ql({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,ue,j,de,q,ve,we,Oe,r,Je=N(()=>{"use strict";G=require("@stackshift-ui/button"),Oe=L(require("react"))});var el={};P(el,{Header_E:()=>Be,default:()=>Be});function Be({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(ve.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ue.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(j.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)(Dl,{title:e,description:l}),(0,r.jsx)(El,{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)(Ye.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,r.jsxs)(ye.default.Fragment,{children:[e&&(0,r.jsx)(de.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(we.Text,{muted:!0,className:"my-6",children:l})]})}function El({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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,ue,j,de,ve,Ye,we,ye,r,ll=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ye=require("@stackshift-ui/signin-signup"),ye=L(require("react"))});var a,tl,il=N(()=>{"use strict";a=require("react/jsx-runtime"),tl=({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)("we",{className:`j-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`j-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 cl={};P(cl,{Header_F:()=>al,default:()=>al});function al({title:e,mainImage:l,subtitle:t,subtitlePosition:i,headerSections:o,isFullWidth:c,spacing:d,isOrdered:k,startingPosition:v}){return(0,n.jsx)(ve.Section,{className:`relative pb-14 bg-white ${i==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${d}px`},className:`w-full mx-auto ${c?"":"max-w-[1548px] px-4"}`,children:[(e||t)&&(0,n.jsx)(Ol,{title:e,subtitle:t,subtitlePosition:i,mainImage:l}),(0,n.jsx)(j.Flex,{className:"flex-col",style:{gap:`${d}px`},children:o==null?void 0:o.map((b,w)=>{let f=v==="left"?w%2===0:w%2!==0;return b.isImageLeft=f,b.isFullWidth=c,b.index=w+1,b.isOrdered=k,(0,n.jsx)(Ql,{header:b,isImageLeft:f},b._key)})})]})})}var ol,nl,j,de,q,ve,we,ml,n,Gl,Ol,Vl,Kl,Jl,Xl,Ql,xl=N(()=>{"use strict";ol=require("@portabletext/react"),nl=require("@stackshift-ui/button"),ml=require("react-icons/lia");il();n=require("react/jsx-runtime"),Gl={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]"};Ol=({title:e,subtitle:l,subtitlePosition:t,mainImage:i})=>(0,n.jsxs)(j.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[t==="top"&&l&&(0,n.jsx)(we.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(we.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:e}),i&&(0,n.jsx)("div",{className:"relative W-80 max-W-[82px] w-full",children:(0,n.jsx)(q.Image,{src:i.image,alt:i.alt||"",className:"object-contain object-center"})}),t==="bottom"&&l?(0,n.jsx)(we.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(we.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Vl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Gl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Kl=({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)(Jl,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(we.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)(ol.PortableText,{value:e==null?void 0:e.columnContent,components:tl({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)(Xl,{header:e})]})})},Jl=({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)(we.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)(we.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)(de.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"})]})]})]}),Xl=({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)(nl.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)(ml.LiaLongArrowAltRightSolid,{})]})})})},Ql=({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)(Vl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Kl,{header:e})})]})}});var vl={};P(vl,{Header_G:()=>dl,default:()=>dl});function dl({images:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,k]=(0,W.useState)(0),v=e[d];(0,W.useEffect)(()=>{let f=setInterval(()=>{k(u=>(u+1)%e.length)},5e3);return()=>clearInterval(f)},[e.length]);let b=f=>{k(f)},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)(ve.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[v.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:v.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(${v.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)(de.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)(we.Text,{className:"text-white mb-10",children:t}),(0,r.jsxs)(j.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)(X.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)(X.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((f,u)=>(0,r.jsx)(fl.SwiperPagination,{colorScheme:"white",isActive:u===d,onClick:()=>b(u),ariaLabel:`Go to slide ${u+1}`},u))})]})})}var X,j,de,ve,fl,we,W,r,wl=N(()=>{"use strict";X=require("@stackshift-ui/button"),fl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Zl={};P(Zl,{Header:()=>kl});module.exports=Fl(Zl);var Ul={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(Te(),Pe))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(Le(),Ce))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(Ae(),We))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Je(),Ke))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ll(),el))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(xl(),cl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(wl(),vl)))},Yl="Header",kl=({data:e})=>{var o,c,d,k,v,b,w,f,u,H,S,F,$,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,pe,be,ge;let l=e==null?void 0:e.variant,t=l&&Ul[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(k=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?k:void 0,title:(b=(v=e==null?void 0:e.variants)==null?void 0:v.title)!=null?b:void 0,subtitle:(f=(w=e==null?void 0:e.variants)==null?void 0:w.subtitle)!=null?f:void 0,description:(H=(u=e==null?void 0:e.variants)==null?void 0:u.description)!=null?H:void 0,primaryButton:(F=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?F:void 0,secondaryButton:(Q=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?Q:void 0,videoLink:(Y=(U=e==null?void 0:e.variants)==null?void 0:U.youtubeLink)!=null?Y:void 0,formLinks:(y=(Z=e==null?void 0:e.variants)==null?void 0:Z.formLinks)!=null?y:void 0,form:(ee=(B=e==null?void 0:e.variants)==null?void 0:B.form)!=null?ee:void 0,spacing:(te=(le=e==null?void 0:e.variants)==null?void 0:le.spacing)!=null?te:void 0,isOrdered:(oe=(ie=e==null?void 0:e.variants)==null?void 0:ie.isOrdered)!=null?oe:void 0,startingPosition:(re=(ne=e==null?void 0:e.variants)==null?void 0:ne.startingPosition)!=null?re:void 0,headerSections:(me=(se=e==null?void 0:e.variants)==null?void 0:se.headerSections)!=null?me:void 0,subtitlePosition:(ce=(ae=e==null?void 0:e.variants)==null?void 0:ae.subtitlePosition)!=null?ce:void 0,isFullWidth:(pe=(xe=e==null?void 0:e.variants)==null?void 0:xe.isFullWidth)!=null?pe:void 0,position:(ge=(be=e==null?void 0:e.variants)==null?void 0:be.position)!=null?ge:void 0};return t?(0,r.jsx)(t,{...i}):null};kl.displayName=Yl;0&&(module.exports={Header});
|
|
1
|
+
"use strict";var Pl=Object.create;var C=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var hl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Sl=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},fe=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of hl(l))!Sl.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Tl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?Pl(Hl(e)):{},fe(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Fl=e=>fe(C({},"__esModule",{value:!0}),e);var Ne={};P(Ne,{Header_A:()=>ke,default:()=>ke});function ke({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(de.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ge.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)($l,{title:l,description:t}),(0,r.jsx)(Il,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Cl,{mainImage:e})]})})})}function $l({title:e,description:l}){return(0,r.jsxs)(we.default.Fragment,{children:[e&&(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ve.Text,{muted:!0,className:"my-6",children:l})]})}function Il({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 Cl({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)(Ll,{})]}):null}function Ll(){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,ge,_,ue,q,de,ve,we,r,Pe=N(()=>{"use strict";A=require("@stackshift-ui/button"),ge=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),ue=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),de=require("@stackshift-ui/section"),ve=require("@stackshift-ui/text"),we=L(require("react")),r=require("react/jsx-runtime")});var Ie={};P(Ie,{Header_B:()=>$e,default:()=>$e});function $e({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(de.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ge.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)(zl,{title:l,description:t}),(0,r.jsx)(_l,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(jl,{images:e})]})})})}function zl({title:e,description:l}){return(0,r.jsxs)(Fe.default.Fragment,{children:[e&&(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ve.Text,{muted:!0,className:"my-6",children:l})]})}function _l({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 jl({images:e}){var l,t,i,o,c,d,v,b,u,w,k,g,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-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:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-ue-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(b=(v=e==null?void 0:e[1])==null?void 0:v.alt)!=null?b:"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:(g=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?g:"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:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-ue-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,ge,_,ue,q,de,ve,Fe,r,Ce=N(()=>{"use strict";D=require("@stackshift-ui/button"),Fe=L(require("react"))});var Re={};P(Re,{Header_C:()=>Me,default:()=>Me});function Me({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)(de.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(ge.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)(ue.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Rl,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:o&&(0,r.jsx)(Ml,{videoLinkId:o,title:l})})]})})}function Ml({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 Rl({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,ge,_,ue,de,r,We=N(()=>{"use strict";E=require("@stackshift-ui/button")});var Ve={};P(Ve,{Header_D:()=>Oe,default:()=>Oe});function Oe({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(de.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ge.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)(ge.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Wl,{title:e,description:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(ql,{mainImage:o})]})})})}function Wl({title:e,description:l}){return(0,r.jsxs)(Ge.default.Fragment,{children:[e?(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ve.Text,{className:"my-6",muted:!0,children:l}):null]})}function Al({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 ql({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,ge,_,ue,q,de,ve,Ge,r,Ke=N(()=>{"use strict";G=require("@stackshift-ui/button"),Ge=L(require("react"))});var Be={};P(Be,{Header_E:()=>ye,default:()=>ye});function ye({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(de.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ge.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)(Dl,{title:e,description:l}),(0,r.jsx)(El,{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)(Ue.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,r.jsxs)(Ze.default.Fragment,{children:[e&&(0,r.jsx)(ue.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ve.Text,{muted:!0,className:"my-6",children:l})]})}function El({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,ge,_,ue,de,Ue,ve,Ze,r,el=N(()=>{"use strict";V=require("@stackshift-ui/button"),Ue=require("@stackshift-ui/signin-signup"),Ze=L(require("react"))});var a,ll,tl=N(()=>{"use strict";a=require("react/jsx-runtime"),ll=({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)("ve",{className:`_-4 list-disc font-light ${e}`,children:l.children}),number:l=>(0,a.jsx)("ol",{className:`_-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 cl={};P(cl,{Header_F:()=>al,default:()=>al});function al({title:e,subtitle:l,subtitlePosition:t,headerSections:i,isFullWidth:o,spacing:c,isOrdered:d,startingPosition:v}){return(0,n.jsx)(de.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)(Ol,{title:e,subtitle:l,subtitlePosition:t}),(0,n.jsx)(_.Flex,{className:"flex-col",style:{gap:`${c}px`},children:i==null?void 0:i.map((b,u)=>{let w=v==="left"?u%2===0:u%2!==0;return b.isImageLeft=w,b.isFullWidth=o,b.index=u+1,b.isOrdered=d,(0,n.jsx)(Ql,{header:b,isImageLeft:w},b._key)})})]})})}var il,ol,_,ue,q,de,ve,ml,n,Gl,Ol,Vl,Kl,Jl,Xl,Ql,xl=N(()=>{"use strict";il=require("@portabletext/react"),ol=require("@stackshift-ui/button"),ml=require("react-icons/lia");tl();n=require("react/jsx-runtime"),Gl={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]"};Ol=({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)(ve.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ve.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)(ve.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ve.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Vl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Gl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Kl=({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)(Jl,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ve.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)(il.PortableText,{value:e==null?void 0:e.columnContent,components:ll({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)(Xl,{header:e})]})})},Jl=({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)(ve.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)(ve.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)(ue.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"})]})]})]}),Xl=({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)(ol.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)(ml.LiaLongArrowAltRightSolid,{})]})})})},Ql=({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)(Vl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Kl,{header:e})})]})}});var vl={};P(vl,{Header_G:()=>dl,default:()=>dl});function dl({images: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),b=e[d];(0,W.useEffect)(()=>{let k=setInterval(()=>{v(g=>(g+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)(de.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[b.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:b.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(${b.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)(ue.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)(ve.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,g)=>(0,r.jsx)(gl.SwiperPagination,{colorScheme:"white",isActive:g===d,onClick:()=>u(g),ariaLabel:`Go to slide ${g+1}`},g))})]})})}var J,_,ue,de,gl,ve,W,r,wl=N(()=>{"use strict";J=require("@stackshift-ui/button"),gl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Zl={};P(Zl,{Header:()=>kl});module.exports=Fl(Zl);var Ul={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(Pe(),Ne))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(Ce(),Ie))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(We(),Re))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Ke(),Ve))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(el(),Be))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(xl(),cl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(wl(),vl)))},Yl="Header",kl=({data:e})=>{var o,c,d,v,b,u,w,k,g,H,S,F,$,X,Q,U,Y,Z,y,B,ee,le,te,ie,oe,ne,re,se,me,ae,ce,xe,pe,be;let l=e==null?void 0:e.variant,t=l&&Ul[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,title:(u=(b=e==null?void 0:e.variants)==null?void 0:b.title)!=null?u:void 0,subtitle:(k=(w=e==null?void 0:e.variants)==null?void 0:w.subtitle)!=null?k:void 0,description:(H=(g=e==null?void 0:e.variants)==null?void 0:g.description)!=null?H:void 0,primaryButton:(F=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?F:void 0,secondaryButton:(X=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?X:void 0,videoLink:(U=(Q=e==null?void 0:e.variants)==null?void 0:Q.youtubeLink)!=null?U:void 0,formLinks:(Z=(Y=e==null?void 0:e.variants)==null?void 0:Y.formLinks)!=null?Z:void 0,form:(B=(y=e==null?void 0:e.variants)==null?void 0:y.form)!=null?B:void 0,spacing:(le=(ee=e==null?void 0:e.variants)==null?void 0:ee.spacing)!=null?le:void 0,isOrdered:(ie=(te=e==null?void 0:e.variants)==null?void 0:te.isOrdered)!=null?ie:void 0,startingPosition:(ne=(oe=e==null?void 0:e.variants)==null?void 0:oe.startingPosition)!=null?ne:void 0,headerSections:(se=(re=e==null?void 0:e.variants)==null?void 0:re.headerSections)!=null?se:void 0,subtitlePosition:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.subtitlePosition)!=null?ae:void 0,isFullWidth:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.isFullWidth)!=null?xe:void 0,position:(be=(pe=e==null?void 0:e.variants)==null?void 0:pe.position)!=null?be:void 0};return t?(0,r.jsx)(t,{...i}):null};kl.displayName=Yl;0&&(module.exports={Header});
|
package/dist/header.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-XHABENJS.mjs";export{a as Header};
|
package/dist/header_f.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { HeaderProps } from ".";
|
|
2
|
-
export default function Header_F({ title,
|
|
2
|
+
export default function Header_F({ title, subtitle, subtitlePosition, headerSections, isFullWidth, spacing, isOrdered, startingPosition, }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export { Header_F };
|
package/dist/header_f.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var
|
|
1
|
+
"use strict";var p=Object.defineProperty;var $=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var H=(t,l)=>{for(var n in l)p(t,n,{get:l[n],enumerable:!0})},I=(t,l,n,m)=>{if(l&&typeof l=="object"||typeof l=="function")for(let x of w(l))!C.call(t,x)&&x!==n&&p(t,x,{get:()=>l[x],enumerable:!(m=$(l,x))||m.enumerable});return t};var S=t=>I(p({},"__esModule",{value:!0}),t);var E={};H(E,{Header_F:()=>y,default:()=>y});module.exports=S(E);var f=require("@portabletext/react"),u=require("@stackshift-ui/button"),a=require("@stackshift-ui/flex"),k=require("@stackshift-ui/heading"),P=require("@stackshift-ui/image"),T=require("@stackshift-ui/section"),e=require("@stackshift-ui/text"),v=require("react-icons/lia");var i=require("react/jsx-runtime"),b=({className:t})=>({block:{h1:l=>(0,i.jsx)("h1",{className:`h1 ${t}`,children:l.children}),h2:l=>(0,i.jsx)("h2",{className:`h2 ${t}`,children:l.children}),h3:l=>(0,i.jsx)("h3",{className:`h3 ${t}`,children:l.children}),h4:l=>(0,i.jsx)("h4",{className:`h4 ${t}`,children:l.children}),normal:l=>(0,i.jsx)("p",{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t}`,children:l.children}),blockquote:l=>(0,i.jsxs)("blockquote",{className:`my-5 px-14 leading-loose italic ${t}`,children:["- ",l.children]})},code:l=>(0,i.jsx)("pre",{"data-language":l.value.language,className:t,children:(0,i.jsx)("code",{children:l.value.code})}),list:{bullet:l=>(0,i.jsx)("ul",{className:`pl-4 list-disc font-light ${t}`,children:l.children}),number:l=>(0,i.jsx)("ol",{className:`pl-4 list-decimal font-light ${t}`,children:l.children})},listItem:{bullet:l=>(0,i.jsx)("li",{className:`font-light ${t}`,children:l.children})},marks:{strong:l=>(0,i.jsx)("strong",{className:`font-bold ${t}`,children:l.children}),em:l=>(0,i.jsx)("em",{className:t,children:l.children}),code:l=>(0,i.jsx)("code",{className:t,children:l.children}),link:l=>{var n,m,x;return(0,i.jsx)("a",{"aria-label":(m=(n=l.children)==null?void 0:n.toString())!=null?m:"external link",className:`underline underline-offset-2 decoration-gray-2 decoration-1 hover:decoration-2 ${t}`,href:(x=l.value)==null?void 0:x.href,target:"_blank",rel:"noopener noreferrer",children:l.children})}},types:{image:l=>(0,i.jsxs)("div",{className:`my-5 ${t}`,children:[(0,i.jsx)("img",{src:l.value.toString(),alt:l.value.alt||"Image",className:`w-full h-auto ${t}`}),l.value.caption&&(0,i.jsx)("p",{className:`text-center text-sm text-gray-600 ${t}`,children:l.value.caption})]})}});var L={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function y({title:t,subtitle:l,subtitlePosition:n,headerSections:m,isFullWidth:x,spacing:r,isOrdered:B,startingPosition:N}){return(0,i.jsx)(T.Section,{className:`relative pb-14 bg-white ${n==="top"&&"mt-[32px]"}`,children:(0,i.jsxs)("div",{style:{marginBottom:`${r}px`},className:`w-full mx-auto ${x?"":"max-w-[1548px] px-4"}`,children:[(t||l)&&(0,i.jsx)(M,{title:t,subtitle:l,subtitlePosition:n}),(0,i.jsx)(a.Flex,{className:"flex-col",style:{gap:`${r}px`},children:m==null?void 0:m.map((s,c)=>{let g=N==="left"?c%2===0:c%2!==0;return s.isImageLeft=g,s.isFullWidth=x,s.index=c+1,s.isOrdered=B,(0,i.jsx)(q,{header:s,isImageLeft:g},s._key)})})]})})}var M=({title:t,subtitle:l,subtitlePosition:n})=>(0,i.jsxs)(a.Flex,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[n==="top"&&l&&(0,i.jsx)(e.Text,{className:"font-label tracking-[2.1px]",children:l}),t&&(0,i.jsx)(e.Text,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),n==="bottom"&&l?(0,i.jsx)(e.Text,{className:"font-label tracking-[2.1px]",children:l}):!n&&(0,i.jsx)(e.Text,{className:"font-label tracking-[2.1px]",children:l})]}),F=({image:t,height:l})=>(0,i.jsx)("div",{className:`relative w-full ${l?L[l]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),j=({header:t})=>{var l;return(0,i.jsx)("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:(0,i.jsxs)("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&(0,i.jsx)(_,{header:t}),(t==null?void 0:t.description)&&(0,i.jsx)(e.Text,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&(0,i.jsx)(f.PortableText,{value:t==null?void 0:t.columnContent,components:b({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=t==null?void 0:t.primaryButton)==null?void 0:l.label)&&(0,i.jsx)(A,{header:t})]})})},_=({header:t})=>(0,i.jsxs)("div",{children:[(t==null?void 0:t.isOrdered)&&(0,i.jsx)("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:(0,i.jsx)(e.Text,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),(0,i.jsxs)("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&(0,i.jsx)(e.Text,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&(0,i.jsx)(k.Heading,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&(0,i.jsxs)("div",{className:"relative w-fit",children:[(0,i.jsx)(P.Image,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),(0,i.jsx)("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),A=({header:t})=>{var l,n,m;return(0,i.jsx)("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((l=t==null?void 0:t.primaryButton)==null?void 0:l.label)&&(0,i.jsx)(u.Button,{as:"link",link:t==null?void 0:t.primaryButton,ariaLabel:(n=t==null?void 0:t.primaryButton)==null?void 0:n.label,className:"border border-black px-14 py-3.5 text-sm",children:(0,i.jsxs)("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(m=t==null?void 0:t.primaryButton)==null?void 0:m.label," ",(0,i.jsx)(v.LiaLongArrowAltRightSolid,{})]})})})},q=({header:t,isImageLeft:l})=>{var n;return(0,i.jsxs)("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${l?"":"md:flex-row-reverse"}`,children:[((n=t==null?void 0:t.mainImage)==null?void 0:n.image)&&(0,i.jsx)(F,{image:t.mainImage.image,height:t.imageHeight}),(0,i.jsx)("div",{className:"w-full flex justify-center",children:(0,i.jsx)(j,{header:t})})]})};0&&(module.exports={Header_F});
|
package/dist/header_f.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-PPCMCZ5V.mjs";import"./chunk-W2QPS3BW.mjs";export{a as Header_F,a as default};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var Pl=Object.create;var C=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var hl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Sl=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},Ie=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of hl(l))!Sl.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Tl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?Pl(Hl(e)):{},Ie(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Fl=e=>Ie(C({},"__esModule",{value:!0}),e);var Me={};P(Me,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(ze.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Ce.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",className:"flex-col lg:flex-row lg:gap-10",children:[(0,r.jsx)(j.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)($l,{title:l,description:t}),(0,r.jsx)(Il,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Cl,{mainImage:e})]})})})}function $l({title:e,description:l}){return(0,r.jsxs)(_e.default.Fragment,{children:[e&&(0,r.jsx)(Le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function Il({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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 Cl({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)(Ll,{})]}):null}function Ll(){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,Ce,j,Le,q,ze,je,_e,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Ce=require("@stackshift-ui/container"),j=require("@stackshift-ui/flex"),Le=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),ze=require("@stackshift-ui/section"),je=require("@stackshift-ui/text"),_e=L(require("react")),r=require("react/jsx-runtime")});var Ee={};P(Ee,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(ze.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Ce.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(j.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)(zl,{title:l,description:t}),(0,r.jsx)(jl,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(_l,{images:e})]})})})}function zl({title:e,description:l}){return(0,r.jsxs)(De.default.Fragment,{children:[e&&(0,r.jsx)(Le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function jl({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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 _l({images:e}){var l,t,i,o,c,d,k,v,f,w,g,u,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-j-none",sizes:"100vw",src:`${(d=e==null?void 0:e[1])==null?void 0:d.image}`,width:1050,height:701,alt:(v=(k=e==null?void 0:e[1])==null?void 0:k.alt)!=null?v:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((f=e==null?void 0:e[2])==null?void 0:f.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:(u=(g=e==null?void 0:e[2])==null?void 0:g.alt)!=null?u:"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-j-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,Ce,j,Le,q,ze,je,De,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),De=L(require("react"))});var Je={};P(Je,{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)(ze.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Ce.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)(Le.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Rl,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 ze:mx-60",children:o&&(0,r.jsx)(Ml,{videoLinkId:o,title:l})})]})})}function Ml({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 Rl({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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,Ce,j,Le,ze,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var ye={};P(ye,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(ze.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Ce.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(j.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(Ce.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Wl,{title:e,description:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(ql,{mainImage:o})]})})})}function Wl({title:e,description:l}){return(0,r.jsxs)(Ze.default.Fragment,{children:[e?(0,r.jsx)(Le.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 Al({primaryButton:e,secondaryButton:l}){var t,i;return(0,r.jsxs)(j.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 ql({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,Ce,j,Le,q,ze,je,Ze,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),Ze=L(require("react"))});var nl={};P(nl,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(ze.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Ce.Container,{maxWidth:1280,children:(0,r.jsxs)(j.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(j.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)(Dl,{title:e,description:l}),(0,r.jsx)(El,{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)(tl.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,r.jsxs)(ol.default.Fragment,{children:[e&&(0,r.jsx)(Le.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(je.Text,{muted:!0,className:"my-6",children:l})]})}function El({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(j.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,Ce,j,Le,ze,tl,je,ol,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),tl=require("@stackshift-ui/signin-signup"),ol=L(require("react"))});var a,rl,sl=N(()=>{"use strict";a=require("react/jsx-runtime"),rl=({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)("ze",{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)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var fl={};P(fl,{Header_F:()=>ie,default:()=>ie});function ie({title:e,mainImage:l,subtitle:t,subtitlePosition:i,headerSections:o,isFullWidth:c,spacing:d,isOrdered:k,startingPosition:v}){return(0,n.jsx)(ze.Section,{className:`relative pb-14 bg-white ${i==="top"&&"mt-[32px]"}`,children:(0,n.jsxs)("div",{style:{marginBottom:`${d}px`},className:`w-full mx-auto ${c?"":"max-w-[1548px] px-4"}`,children:[(e||t)&&(0,n.jsx)(Ol,{title:e,subtitle:t,subtitlePosition:i,mainImage:l}),(0,n.jsx)(j.Flex,{className:"flex-col",style:{gap:`${d}px`},children:o==null?void 0:o.map((f,w)=>{let g=v==="left"?w%2===0:w%2!==0;return f.isImageLeft=g,f.isFullWidth=c,f.index=w+1,f.isOrdered=k,(0,n.jsx)(Ql,{header:f,isImageLeft:g},f._key)})})]})})}var ml,al,j,Le,q,ze,je,pl,n,Gl,Ol,Vl,Kl,Jl,Xl,Ql,oe=N(()=>{"use strict";ml=require("@portabletext/react"),al=require("@stackshift-ui/button"),pl=require("react-icons/lia");sl();n=require("react/jsx-runtime"),Gl={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]"};Ol=({title:e,subtitle:l,subtitlePosition:t,mainImage:i})=>(0,n.jsxs)(j.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-r border-black",children:e}),i&&(0,n.jsx)("div",{className:"relative W-80 max-W-[82px] w-full",children:(0,n.jsx)(q.Image,{src:i.image,alt:i.alt||"",className:"object-contain object-center"})}),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})]}),Vl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Gl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Kl=({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)(Jl,{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)(ml.PortableText,{value:e==null?void 0:e.columnContent,components:rl({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)(Xl,{header:e})]})})},Jl=({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)(Le.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"})]})]})]}),Xl=({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)(al.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)(pl.LiaLongArrowAltRightSolid,{})]})})})},Ql=({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)(Vl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Kl,{header:e})})]})}});var wl={};P(wl,{Header_G:()=>re,default:()=>re});function re({images:e,title:l,description:t,primaryButton:i,secondaryButton:o,position:c="center"}){if(!(e!=null&&e.length))return null;let[d,k]=(0,W.useState)(0),v=e[d];(0,W.useEffect)(()=>{let g=setInterval(()=>{k(u=>(u+1)%e.length)},5e3);return()=>clearInterval(g)},[e.length]);let f=g=>{k(g)},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)(ze.Section,{children:(0,r.jsxs)("div",{className:"relative w-full W-[80vh] overflow-hidden",children:[v.video?(0,r.jsx)("video",{className:"absolute inset-0 w-full W-full object-cover",src:v.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(${v.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)(Le.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)(j.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)(ne.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)(ne.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((g,u)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:u===d,onClick:()=>f(u),ariaLabel:`Go to slide ${u+1}`},u))})]})})}var ne,j,Le,ze,dl,je,W,r,se=N(()=>{"use strict";ne=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Zl={};P(Zl,{Header:()=>kl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>ie,Header_G:()=>re});module.exports=Fl(Zl);var Ul={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),Me))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),Ee))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Je))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),ye))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),nl))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(oe(),fl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(se(),wl)))},Yl="Header",kl=({data:e})=>{var o,c,d,k,v,f,w,g,u,H,S,F,$,me,ae,ce,xe,pe,fe,be,ge,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe,$e;let l=e==null?void 0:e.variant,t=l&&Ul[l],i={mainImage:(c=(o=e==null?void 0:e.variants)==null?void 0:o.mainImage)!=null?c:void 0,images:(k=(d=e==null?void 0:e.variants)==null?void 0:d.images)!=null?k:void 0,title:(f=(v=e==null?void 0:e.variants)==null?void 0:v.title)!=null?f:void 0,subtitle:(g=(w=e==null?void 0:e.variants)==null?void 0:w.subtitle)!=null?g:void 0,description:(H=(u=e==null?void 0:e.variants)==null?void 0:u.description)!=null?H:void 0,primaryButton:(F=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?F:void 0,secondaryButton:(me=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?me:void 0,videoLink:(ce=(ae=e==null?void 0:e.variants)==null?void 0:ae.youtubeLink)!=null?ce:void 0,formLinks:(pe=(xe=e==null?void 0:e.variants)==null?void 0:xe.formLinks)!=null?pe:void 0,form:(be=(fe=e==null?void 0:e.variants)==null?void 0:fe.form)!=null?be:void 0,spacing:(ue=(ge=e==null?void 0:e.variants)==null?void 0:ge.spacing)!=null?ue:void 0,isOrdered:(ve=(de=e==null?void 0:e.variants)==null?void 0:de.isOrdered)!=null?ve:void 0,startingPosition:(ke=(we=e==null?void 0:e.variants)==null?void 0:we.startingPosition)!=null?ke:void 0,headerSections:(Pe=(Ne=e==null?void 0:e.variants)==null?void 0:Ne.headerSections)!=null?Pe:void 0,subtitlePosition:(he=(Te=e==null?void 0:e.variants)==null?void 0:Te.subtitlePosition)!=null?he:void 0,isFullWidth:(Se=(He=e==null?void 0:e.variants)==null?void 0:He.isFullWidth)!=null?Se:void 0,position:($e=(Fe=e==null?void 0:e.variants)==null?void 0:Fe.position)!=null?$e:void 0};return t?(0,r.jsx)(t,{...i}):null};kl.displayName=Yl;E();V();X();Z();ee();oe();se();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E,Header_F,Header_G});
|
|
2
|
+
"use strict";var Pl=Object.create;var C=Object.defineProperty;var Tl=Object.getOwnPropertyDescriptor;var hl=Object.getOwnPropertyNames;var Hl=Object.getPrototypeOf,Sl=Object.prototype.hasOwnProperty;var N=(e,l)=>()=>(e&&(l=e(e=0)),l);var P=(e,l)=>{for(var t in l)C(e,t,{get:l[t],enumerable:!0})},$e=(e,l,t,i)=>{if(l&&typeof l=="object"||typeof l=="function")for(let o of hl(l))!Sl.call(e,o)&&o!==t&&C(e,o,{get:()=>l[o],enumerable:!(i=Tl(l,o))||i.enumerable});return e};var L=(e,l,t)=>(t=e!=null?Pl(Hl(e)):{},$e(l||!e||!e.__esModule?C(t,"default",{value:e,enumerable:!0}):t,e)),Fl=e=>$e(C({},"__esModule",{value:!0}),e);var je={};P(je,{Header_A:()=>D,default:()=>D});function D({mainImage:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(Le.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Ie.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)($l,{title:l,description:t}),(0,r.jsx)(Il,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Cl,{mainImage:e})]})})})}function $l({title:e,description:l}){return(0,r.jsxs)(_e.default.Fragment,{children:[e&&(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ze.Text,{muted:!0,className:"my-6",children:l})]})}function Il({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 Cl({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)(Ll,{})]}):null}function Ll(){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,Ie,_,Ce,q,Le,ze,_e,r,E=N(()=>{"use strict";A=require("@stackshift-ui/button"),Ie=require("@stackshift-ui/container"),_=require("@stackshift-ui/flex"),Ce=require("@stackshift-ui/heading"),q=require("@stackshift-ui/image"),Le=require("@stackshift-ui/section"),ze=require("@stackshift-ui/text"),_e=L(require("react")),r=require("react/jsx-runtime")});var De={};P(De,{Header_B:()=>O,default:()=>O});function O({images:e,title:l,description:t,primaryButton:i,secondaryButton:o}){return(0,r.jsx)(Le.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(Ie.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)(zl,{title:l,description:t}),(0,r.jsx)(_l,{primaryButton:i,secondaryButton:o})]})}),e&&(0,r.jsx)(jl,{images:e})]})})})}function zl({title:e,description:l}){return(0,r.jsxs)(qe.default.Fragment,{children:[e&&(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ze.Text,{muted:!0,className:"my-6",children:l})]})}function _l({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 jl({images:e}){var l,t,i,o,c,d,v,f,u,w,k,g,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-Le 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-Le sm:ml-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:(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-Le 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:(g=(k=e==null?void 0:e[2])==null?void 0:k.alt)!=null?g:"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-Le sm:ml-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 G,Ie,_,Ce,q,Le,ze,qe,r,V=N(()=>{"use strict";G=require("@stackshift-ui/button"),qe=L(require("react"))});var Ke={};P(Ke,{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)(Le.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(Ie.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)(Ce.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Rl,{primaryButton:t,secondaryButton:i})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 Le:mx-60",children:o&&(0,r.jsx)(Ml,{videoLinkId:o,title:l})})]})})}function Ml({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 Rl({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,Ie,_,Ce,Le,r,X=N(()=>{"use strict";K=require("@stackshift-ui/button")});var Ze={};P(Ze,{Header_D:()=>Y,default:()=>Y});function Y({title:e,description:l,primaryButton:t,secondaryButton:i,mainImage:o}){return(0,r.jsx)(Le.Section,{className:"py-20 bg-background",children:(0,r.jsx)(Ie.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)(Ie.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Wl,{title:e,description:l}),(0,r.jsx)(Al,{primaryButton:t,secondaryButton:i})]})}),(0,r.jsx)(ql,{mainImage:o})]})})})}function Wl({title:e,description:l}){return(0,r.jsxs)(Ye.default.Fragment,{children:[e?(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(ze.Text,{className:"my-6",muted:!0,children:l}):null]})}function Al({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 ql({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,Ie,_,Ce,q,Le,ze,Ye,r,Z=N(()=>{"use strict";Q=require("@stackshift-ui/button"),Ye=L(require("react"))});var ol={};P(ol,{Header_E:()=>B,default:()=>B});function B({title:e,description:l,primaryButton:t,secondaryButton:i,formLinks:o,form:c}){return(0,r.jsx)(Le.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(Ie.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)(Dl,{title:e,description:l}),(0,r.jsx)(El,{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)(ll.SigninSignup_A,{form:c,formLinks:o})})})]})})})}function Dl({title:e,description:l}){return(0,r.jsxs)(il.default.Fragment,{children:[e&&(0,r.jsx)(Ce.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(ze.Text,{muted:!0,className:"my-6",children:l})]})}function El({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,Ie,_,Ce,Le,ll,ze,il,r,ee=N(()=>{"use strict";y=require("@stackshift-ui/button"),ll=require("@stackshift-ui/signin-signup"),il=L(require("react"))});var a,nl,rl=N(()=>{"use strict";a=require("react/jsx-runtime"),nl=({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)("Le",{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)("r",{className:`text-center text-sm text-gray-600 ${e}`,children:l.value.caption})]})}})});var fl={};P(fl,{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)(Le.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)(Ol,{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)(Ql,{header:f,isImageLeft:w},f._key)})})]})})}var sl,ml,_,Ce,q,Le,ze,pl,n,Gl,Ol,Vl,Kl,Jl,Xl,Ql,ie=N(()=>{"use strict";sl=require("@portabletext/react"),ml=require("@stackshift-ui/button"),pl=require("react-icons/lia");rl();n=require("react/jsx-runtime"),Gl={lg:"min-W-[200px] sm:min-W-[400px] md:min-W-[600px] lg:min-W-[800px] Le: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]"};Ol=({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)(ze.Text,{className:"font-label tracking-[2.1px]",children:l}),e&&(0,n.jsx)(ze.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)(ze.Text,{className:"font-label tracking-[2.1px]",children:l}):!t&&(0,n.jsx)(ze.Text,{className:"font-label tracking-[2.1px]",children:l})]}),Vl=({image:e,height:l})=>(0,n.jsx)("div",{className:`relative w-full ${l?Gl[l]:""}`,style:{backgroundImage:`url(${e})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),Kl=({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)(Jl,{header:e}),(e==null?void 0:e.description)&&(0,n.jsx)(ze.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] Le:text-[28px] Le:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:e==null?void 0:e.description}),(e==null?void 0:e.columnContent)&&(0,n.jsx)(sl.PortableText,{value:e==null?void 0:e.columnContent,components:nl({className:`${e!=null&&e.isFullWidth?"lg:text-[18px] lg:!leading-[30px] Le:text-[28px] Le:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((l=e==null?void 0:e.primaryButton)==null?void 0:l.label)&&(0,n.jsx)(Xl,{header:e})]})})},Jl=({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)(ze.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)(ze.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)(Ce.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"})]})]})]}),Xl=({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)(ml.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)(pl.LiaLongArrowAltRightSolid,{})]})})})},Ql=({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)(Vl,{image:e.mainImage.image,height:e.imageHeight}),(0,n.jsx)("div",{className:"w-full flex justify-center",children:(0,n.jsx)(Kl,{header:e})})]})}});var wl={};P(wl,{Header_G:()=>ne,default:()=>ne});function ne({images: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(g=>(g+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)(Le.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)(Ce.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)(ze.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,g)=>(0,r.jsx)(dl.SwiperPagination,{colorScheme:"white",isActive:g===d,onClick:()=>u(g),ariaLabel:`Go to slide ${g+1}`},g))})]})})}var oe,_,Ce,Le,dl,ze,W,r,re=N(()=>{"use strict";oe=require("@stackshift-ui/button"),dl=require("@stackshift-ui/swiper-pagination"),W=require("react")});var Zl={};P(Zl,{Header:()=>kl,Header_A:()=>D,Header_B:()=>O,Header_C:()=>J,Header_D:()=>Y,Header_E:()=>B,Header_F:()=>te,Header_G:()=>ne});module.exports=Fl(Zl);var Ul={variant_a:(0,W.lazy)(()=>Promise.resolve().then(()=>(E(),je))),variant_b:(0,W.lazy)(()=>Promise.resolve().then(()=>(V(),De))),variant_c:(0,W.lazy)(()=>Promise.resolve().then(()=>(X(),Ke))),variant_d:(0,W.lazy)(()=>Promise.resolve().then(()=>(Z(),Ze))),variant_e:(0,W.lazy)(()=>Promise.resolve().then(()=>(ee(),ol))),variant_f:(0,W.lazy)(()=>Promise.resolve().then(()=>(ie(),fl))),variant_g:(0,W.lazy)(()=>Promise.resolve().then(()=>(re(),wl)))},Yl="Header",kl=({data:e})=>{var o,c,d,v,f,u,w,k,g,H,S,F,$,se,me,ae,ce,xe,pe,fe,be,ge,ue,de,ve,we,ke,Ne,Pe,Te,he,He,Se,Fe;let l=e==null?void 0:e.variant,t=l&&Ul[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,title:(u=(f=e==null?void 0:e.variants)==null?void 0:f.title)!=null?u:void 0,subtitle:(k=(w=e==null?void 0:e.variants)==null?void 0:w.subtitle)!=null?k:void 0,description:(H=(g=e==null?void 0:e.variants)==null?void 0:g.description)!=null?H:void 0,primaryButton:(F=(S=e==null?void 0:e.variants)==null?void 0:S.primaryButton)!=null?F:void 0,secondaryButton:(se=($=e==null?void 0:e.variants)==null?void 0:$.secondaryButton)!=null?se:void 0,videoLink:(ae=(me=e==null?void 0:e.variants)==null?void 0:me.youtubeLink)!=null?ae:void 0,formLinks:(xe=(ce=e==null?void 0:e.variants)==null?void 0:ce.formLinks)!=null?xe:void 0,form:(fe=(pe=e==null?void 0:e.variants)==null?void 0:pe.form)!=null?fe:void 0,spacing:(ge=(be=e==null?void 0:e.variants)==null?void 0:be.spacing)!=null?ge:void 0,isOrdered:(de=(ue=e==null?void 0:e.variants)==null?void 0:ue.isOrdered)!=null?de:void 0,startingPosition:(we=(ve=e==null?void 0:e.variants)==null?void 0:ve.startingPosition)!=null?we:void 0,headerSections:(Ne=(ke=e==null?void 0:e.variants)==null?void 0:ke.headerSections)!=null?Ne:void 0,subtitlePosition:(Te=(Pe=e==null?void 0:e.variants)==null?void 0:Pe.subtitlePosition)!=null?Te:void 0,isFullWidth:(He=(he=e==null?void 0:e.variants)==null?void 0:he.isFullWidth)!=null?He:void 0,position:(Fe=(Se=e==null?void 0:e.variants)==null?void 0:Se.position)!=null?Fe:void 0};return t?(0,r.jsx)(t,{...i}):null};kl.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-E3ZU2IYJ.mjs";import{a as x}from"./chunk-
|
|
2
|
+
"use strict";import{a as p}from"./chunk-E3ZU2IYJ.mjs";import{a as x}from"./chunk-XHABENJS.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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/header",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.1.0-alpha.
|
|
4
|
+
"version": "6.1.0-alpha.6",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
"@stackshift-ui/button": "6.0.11",
|
|
37
37
|
"@stackshift-ui/container": "6.0.11",
|
|
38
38
|
"@stackshift-ui/heading": "6.0.11",
|
|
39
|
-
"@stackshift-ui/flex": "6.0.11",
|
|
40
|
-
"@stackshift-ui/scripts": "6.0.10",
|
|
41
39
|
"@stackshift-ui/signin-signup": "6.0.14",
|
|
40
|
+
"@stackshift-ui/image": "6.0.11",
|
|
42
41
|
"@stackshift-ui/section": "6.0.11",
|
|
42
|
+
"@stackshift-ui/text": "6.0.11",
|
|
43
|
+
"@stackshift-ui/scripts": "6.0.10",
|
|
43
44
|
"@stackshift-ui/link": "6.0.11",
|
|
44
45
|
"@stackshift-ui/system": "6.0.11",
|
|
45
|
-
"@stackshift-ui/
|
|
46
|
-
"@stackshift-ui/text": "6.0.11",
|
|
46
|
+
"@stackshift-ui/flex": "6.0.11",
|
|
47
47
|
"@stackshift-ui/swiper-pagination": "6.0.11"
|
|
48
48
|
},
|
|
49
49
|
"peerDependencies": {
|
package/src/header_f.tsx
CHANGED
|
@@ -11,7 +11,6 @@ import { customBlockStyle } from "./utils/portableText/customBlockStyle";
|
|
|
11
11
|
import { HeaderProps } from ".";
|
|
12
12
|
import { HeaderBox, HeaderSections } from "./types";
|
|
13
13
|
|
|
14
|
-
// Constants
|
|
15
14
|
const IMAGE_HEIGHT_CLASSES = {
|
|
16
15
|
lg: "min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",
|
|
17
16
|
md: "min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",
|
|
@@ -20,7 +19,6 @@ const IMAGE_HEIGHT_CLASSES = {
|
|
|
20
19
|
|
|
21
20
|
export default function Header_F({
|
|
22
21
|
title,
|
|
23
|
-
mainImage,
|
|
24
22
|
subtitle,
|
|
25
23
|
subtitlePosition,
|
|
26
24
|
headerSections,
|
|
@@ -35,12 +33,7 @@ export default function Header_F({
|
|
|
35
33
|
style={{ marginBottom: `${spacing}px` }}
|
|
36
34
|
className={`w-full mx-auto ${!isFullWidth ? "max-w-[1548px] px-4" : ""}`}>
|
|
37
35
|
{(title || subtitle) && (
|
|
38
|
-
<HeaderTitle
|
|
39
|
-
title={title}
|
|
40
|
-
subtitle={subtitle}
|
|
41
|
-
subtitlePosition={subtitlePosition}
|
|
42
|
-
mainImage={mainImage}
|
|
43
|
-
/>
|
|
36
|
+
<HeaderTitle title={title} subtitle={subtitle} subtitlePosition={subtitlePosition} />
|
|
44
37
|
)}
|
|
45
38
|
<Flex className="flex-col" style={{ gap: `${spacing}px` }}>
|
|
46
39
|
{headerSections?.map((header: HeaderBox, index: number) => {
|
|
@@ -61,12 +54,10 @@ const HeaderTitle = ({
|
|
|
61
54
|
title,
|
|
62
55
|
subtitle,
|
|
63
56
|
subtitlePosition,
|
|
64
|
-
mainImage,
|
|
65
57
|
}: {
|
|
66
58
|
title?: string;
|
|
67
59
|
subtitle?: string;
|
|
68
60
|
subtitlePosition?: string;
|
|
69
|
-
mainImage?: { image: string; alt?: string };
|
|
70
61
|
}) => (
|
|
71
62
|
<Flex direction="col" justify="center" align="center" gap={3} className="mb-16">
|
|
72
63
|
{subtitlePosition === "top" && subtitle && (
|
|
@@ -77,15 +68,6 @@ const HeaderTitle = ({
|
|
|
77
68
|
{title}
|
|
78
69
|
</Text>
|
|
79
70
|
)}
|
|
80
|
-
{mainImage && (
|
|
81
|
-
<div className="relative h-80 max-h-[82px] w-full">
|
|
82
|
-
<Image
|
|
83
|
-
src={mainImage.image}
|
|
84
|
-
alt={mainImage.alt || ""}
|
|
85
|
-
className="object-contain object-center"
|
|
86
|
-
/>
|
|
87
|
-
</div>
|
|
88
|
-
)}
|
|
89
71
|
{subtitlePosition === "bottom" && subtitle ? (
|
|
90
72
|
<Text className="font-label tracking-[2.1px]">{subtitle}</Text>
|
|
91
73
|
) : (
|
package/dist/chunk-GFZNPSBY.mjs
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{a}from"./chunk-W2QPS3BW.mjs";import{PortableText as H}from"@portabletext/react";import{Button as w}from"@stackshift-ui/button";import{Flex as u}from"@stackshift-ui/flex";import{Heading as y}from"@stackshift-ui/heading";import{Image as v}from"@stackshift-ui/image";import{Section as T}from"@stackshift-ui/section";import{Text as s}from"@stackshift-ui/text";import{LiaLongArrowAltRightSolid as B}from"react-icons/lia";import{jsx as l,jsxs as o}from"react/jsx-runtime";var $={lg:"min-h-[200px] sm:min-h-[400px] md:min-h-[600px] lg:min-h-[800px] xl:min-h-[1150px]",md:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px] lg:min-h-[700px]",sm:"min-h-[200px] sm:min-h-[400px] md:min-h-[500px]"};function I({title:t,mainImage:i,subtitle:m,subtitlePosition:n,headerSections:p,isFullWidth:g,spacing:f,isOrdered:N,startingPosition:k}){return l(T,{className:`relative pb-14 bg-white ${n==="top"&&"mt-[32px]"}`,children:o("div",{style:{marginBottom:`${f}px`},className:`w-full mx-auto ${g?"":"max-w-[1548px] px-4"}`,children:[(t||m)&&l(j,{title:t,subtitle:m,subtitlePosition:n,mainImage:i}),l(u,{className:"flex-col",style:{gap:`${f}px`},children:p==null?void 0:p.map((x,c)=>{let b=k==="left"?c%2===0:c%2!==0;return x.isImageLeft=b,x.isFullWidth=g,x.index=c+1,x.isOrdered=N,l(C,{header:x,isImageLeft:b},x._key)})})]})})}var j=({title:t,subtitle:i,subtitlePosition:m,mainImage:n})=>o(u,{direction:"col",justify:"center",align:"center",gap:3,className:"mb-16",children:[m==="top"&&i&&l(s,{className:"font-label tracking-[2.1px]",children:i}),t&&l(s,{className:"text-2xl text-center sm:text-4xl font-normal font-heading-kb tracking-[6px] uppercase border-b border-black",children:t}),n&&l("div",{className:"relative h-80 max-h-[82px] w-full",children:l(v,{src:n.image,alt:n.alt||"",className:"object-contain object-center"})}),m==="bottom"&&i?l(s,{className:"font-label tracking-[2.1px]",children:i}):!m&&l(s,{className:"font-label tracking-[2.1px]",children:i})]}),L=({image:t,height:i})=>l("div",{className:`relative w-full ${i?$[i]:""}`,style:{backgroundImage:`url(${t})`,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}}),S=({header:t})=>{var i;return l("div",{className:"px-10 sm:px-20 md:px-30 lg:px-40 py-10",children:o("div",{className:`w-full max-w-[665px] h-full flex flex-col justify-center items-${t==null?void 0:t.alignment} gap-20`,children:[((t==null?void 0:t.title)||(t==null?void 0:t.subtitle)||(t==null?void 0:t.imageTitle))&&l(F,{header:t}),(t==null?void 0:t.description)&&l(s,{className:`text-normal lg:text-left sm:text-lg sm:!leading-[32px] font-normal font-body-kb tracking-wide ${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`,children:t==null?void 0:t.description}),(t==null?void 0:t.columnContent)&&l(H,{value:t==null?void 0:t.columnContent,components:a({className:`${t!=null&&t.isFullWidth?"lg:text-[18px] lg:!leading-[30px] xl:text-[28px] xl:!leading-[50px]":"lg:text-[18px] lg:!leading-[30px]"}`})}),((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(A,{header:t})]})})},F=({header:t})=>o("div",{children:[(t==null?void 0:t.isOrdered)&&l("div",{className:"border border-black w-fit text-center pb-2 pt-1 px-4 lg:px-6 mb-8",children:l(s,{className:"font-normal font-heading-kb text-6xl min-w-[40px] lg:text-[82px] lg:min-w-[45px]",children:t==null?void 0:t.index})}),o("div",{className:`text-${t==null?void 0:t.alignment}`,children:[(t==null?void 0:t.subtitle)&&l(s,{className:"text-sm font-label tracking-[2px] mb-2",children:t==null?void 0:t.subtitle}),(t==null?void 0:t.title)&&l(y,{className:`text-2xl sm:text-4xl lg:text-[40px] font-normal font-heading-kb uppercase tracking-[6px] !leading-[60px] ${t!=null&&t.isFullWidth?"border-b border-black w-fit pb-3":""}`,children:t==null?void 0:t.title}),(t==null?void 0:t.imageTitle)&&o("div",{className:"relative w-fit",children:[l(v,{src:t==null?void 0:t.imageTitle,alt:"",width:497,height:32,className:"object-contain object-left"}),l("div",{className:"absolute bottom-[-25px] left-0 right-[0] border-b border-black"})]})]})]}),A=({header:t})=>{var i,m,n;return l("div",{className:`flex justify-${t==null?void 0:t.alignment} gap-4`,children:((i=t==null?void 0:t.primaryButton)==null?void 0:i.label)&&l(w,{as:"link",link:t==null?void 0:t.primaryButton,ariaLabel:(m=t==null?void 0:t.primaryButton)==null?void 0:m.label,className:"border border-black px-14 py-3.5 text-sm",children:o("span",{className:"flex items-center gap-2 font-label text-sm font-normal uppercase tracking-widest",children:[(n=t==null?void 0:t.primaryButton)==null?void 0:n.label," ",l(B,{})]})})})},C=({header:t,isImageLeft:i})=>{var m;return o("div",{className:`bg-light-kb w-full h-full flex flex-col items-center justify-center md:flex-row ${i?"":"md:flex-row-reverse"}`,children:[((m=t==null?void 0:t.mainImage)==null?void 0:m.image)&&l(L,{image:t.mainImage.image,height:t.imageHeight}),l("div",{className:"w-full flex justify-center",children:l(S,{header:t})})]})};export{I as a};
|