@stackshift-ui/header 6.0.4 → 6.0.6-beta.0
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-JBUANYI4.mjs → chunk-25OOMOCQ.mjs} +1 -1
- package/dist/{chunk-TN6Q4GPM.mjs → chunk-WLJLO6TL.mjs} +1 -1
- package/dist/header.js +1 -1
- package/dist/header.mjs +1 -1
- package/dist/header_a.js +1 -1
- package/dist/header_a.mjs +1 -1
- package/dist/header_d.js +1 -1
- package/dist/header_d.mjs +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +12 -11
- package/src/header.test.tsx +13 -0
- package/src/header.tsx +58 -0
- package/src/header_a.tsx +168 -0
- package/src/header_b.tsx +136 -0
- package/src/header_c.tsx +87 -0
- package/src/header_d.tsx +113 -0
- package/src/header_e.tsx +84 -0
- package/src/index.ts +9 -0
- package/src/types.ts +412 -0
- /package/dist/{chunk-32737V3X.mjs → chunk-VCKC4FNK.mjs} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Button as g}from"@stackshift-ui/button";import{Container as
|
|
1
|
+
import{Button as g}from"@stackshift-ui/button";import{Container as c}from"@stackshift-ui/container";import{Flex as n}from"@stackshift-ui/flex";import{Heading as b}from"@stackshift-ui/heading";import{Image as o}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{Text as f}from"@stackshift-ui/text";import x from"react";import{Fragment as k,jsx as t,jsxs as i}from"react/jsx-runtime";function w({mainImage:e,title:l,description:s,primaryButton:r,secondaryButton:m}){return t(h,{className:"py-20 bg-background",children:t(c,{maxWidth:1280,children:i(n,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[t(n,{align:"center",direction:"col",className:"w-full basis-1/2",children:i("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[t(p,{title:l,description:s}),t(u,{primaryButton:r,secondaryButton:m})]})}),t(N,{mainImage:e})]})})})}function p({title:e,description:l}){return i(x.Fragment,{children:[e&&t(b,{fontSize:"3xl",className:"mb-3",children:e}),l&&t(f,{muted:!0,className:"my-6",children:l})]})}function u({primaryButton:e,secondaryButton:l}){return i(n,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&t(g,{as:"link",link:e,ariaLabel:e==null?void 0:e.label,children:e==null?void 0:e.label}),(l==null?void 0:l.label)&&t(g,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function N({mainImage:e}){var l;return e!=null&&e.image?i("div",{className:"relative w-full max-w-md",children:[t(o,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[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"}),t(v,{})]}):null}function v(){return i(k,{children:[t(a,{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}),t(a,{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}),t(a,{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}),t(a,{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 a({src:e,alt:l,className:s,style:r,width:m,height:d}){return t(o,{src:e,alt:l,className:s,style:r,width:m,height:d})}export{w as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Button as n}from"@stackshift-ui/button";import{Container as o}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as f}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as
|
|
1
|
+
import{Button as n}from"@stackshift-ui/button";import{Container as o}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as f}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as m}from"@stackshift-ui/section";import{Text as b}from"@stackshift-ui/text";import x from"react";import{jsx as a,jsxs as r}from"react/jsx-runtime";function d({title:e,description:l,primaryButton:i,secondaryButton:t,mainImage:c}){return a(m,{className:"py-20 bg-background",children:a(o,{maxWidth:1280,children:r(s,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[a(s,{align:"center",className:"w-full basis-1/2",direction:"col",children:r(o,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[a(p,{title:e,description:l}),a(h,{primaryButton:i,secondaryButton:t})]})}),a(N,{mainImage:c})]})})})}function p({title:e,description:l}){return r(x.Fragment,{children:[e?a(f,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?a(b,{className:"my-6",muted:!0,children:l}):null]})}function h({primaryButton:e,secondaryButton:l}){var i,t;return r(s,{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?a(n,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i: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?a(n,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t: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 N({mainImage:e}){var l;return e!=null&&e.image?a("div",{className:"w-full h-full",children:a(g,{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}export{d as a};
|
package/dist/header.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var $e=Object.create;var S=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)S(e,i,{get:l[i],enumerable:!0})},J=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of Me(l))!De.call(e,t)&&t!==i&&S(e,t,{get:()=>l[t],enumerable:!(o=je(l,t))||o.enumerable});return e};var z=(e,l,i)=>(i=e!=null?$e(We(e)):{},J(l||!e||!e.__esModule?S(i,"default",{value:e,enumerable:!0}):i,e)),Ae=e=>J(S({},"__esModule",{value:!0}),e);var y={};f(y,{Header_A:()=>Z,default:()=>Z});function Z({mainImage:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(I.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)(Ve,{title:l,description:i}),(0,r.jsx)(qe,{primaryButton:o,secondaryButton:t})]})}),(0,r.jsx)(Ee,{mainImage:e})]})})})}function Ve({title:e,description:l}){return(0,r.jsxs)(Y.default.Fragment,{children:[e&&(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(U.Text,{muted:!0,className:"my-6",children:l})]})}function qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ee({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)($.Image,{className:"overflow-hidden rounded-global object-cover md:rounded-br-none lg:h-[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)(Ke,{})]}):null}function Ke(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(L,{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)(L,{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)(L,{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)(L,{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 L({src:e,alt:l,className:i,style:o,width:t,height:c}){return(0,r.jsx)($.Image,{src:e,alt:l,className:i,style:o,width:t,height:c})}var _,X,I,O,$,Q,U,Y,r,B=F(()=>{"use strict";_=require("@stackshift-ui/button"),X=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),O=require("@stackshift-ui/heading"),$=require("@stackshift-ui/image"),Q=require("@stackshift-ui/section"),U=require("@stackshift-ui/text"),Y=z(require("react")),r=require("react/jsx-runtime")});var oe={};f(oe,{Header_B:()=>ne,default:()=>ne});function ne({images:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(Q.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.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)(Ge,{title:l,description:i}),(0,r.jsx)(Je,{primaryButton:o,secondaryButton:t})]})}),e&&(0,r.jsx)(Xe,{images:e})]})})})}function Ge({title:e,description:l}){return(0,r.jsxs)(te.default.Fragment,{children:[e&&(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(U.Text,{muted:!0,className:"my-6",children:l})]})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(j.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)(j.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 Xe({images:e}){var l,i,o,t,c,b,g,p,x,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)($.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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)($.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(p=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((x=e==null?void 0:e[2])==null?void 0:x.image)&&(0,r.jsx)($.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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)($.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var j,X,I,O,$,Q,U,te,r,se=F(()=>{"use strict";j=require("@stackshift-ui/button"),te=z(require("react"))});var be={};f(be,{Header_C:()=>de,default:()=>de});function de({videoLink:e,title:l,primaryButton:i,secondaryButton:o}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(Q.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(X.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)(O.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Qe,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Oe,{videoLinkId:t,title:l})})]})})}function Oe({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(M.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)(M.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-3 py-4",children:l==null?void 0:l.label})]})}var M,X,I,O,Q,r,ge=F(()=>{"use strict";M=require("@stackshift-ui/button")});var Ne={};f(Ne,{Header_D:()=>ue,default:()=>ue});function ue({title:e,description:l,primaryButton:i,secondaryButton:o,mainImage:t}){return(0,r.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(X.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Ze,{mainImage:t})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(we.default.Fragment,{children:[e?(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(U.Text,{className:"my-6",muted:!0,children:l}):null]})}function Ye({primaryButton:e,secondaryButton:l}){var i,o;return(0,r.jsxs)(I.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)(W.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i: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)(W.Button,{as:"link",link:l,ariaLabel:(o=l.ariaLabel)!=null?o: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 Ze({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)($.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-global",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var W,X,I,O,$,Q,U,we,r,ke=F(()=>{"use strict";W=require("@stackshift-ui/button"),we=z(require("react"))});var Ce={};f(Ce,{Header_E:()=>Ie,default:()=>Ie});function Ie({title:e,description:l,primaryButton:i,secondaryButton:o,formLinks:t,form:c}){return(0,r.jsx)(Q.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)(ye,{title:e,description:l}),(0,r.jsx)(Be,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Se.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function ye({title:e,description:l}){return(0,r.jsxs)(Le.default.Fragment,{children:[e&&(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(U.Text,{muted:!0,className:"my-6",children:l})]})}function Be({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(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 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 A,X,I,O,Q,Se,U,Le,r,Te=F(()=>{"use strict";A=require("@stackshift-ui/button"),Se=require("@stackshift-ui/signin-signup"),Le=z(require("react"))});var il={};f(il,{Header:()=>Re});module.exports=Ae(il);var d=require("react"),el={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>(B(),y))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(se(),oe))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(ge(),be))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(ke(),Ne))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(Te(),Ce)))},ll="Header",Re=({data:e})=>{var t,c,b,g,p,x,h,v,w,u,N,k,P,V,q,E,K,G;let l=e==null?void 0:e.variant,i=l&&el[l],o={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(x=(p=e==null?void 0:e.variants)==null?void 0:p.title)!=null?x:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(V=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?V:void 0,formLinks:(E=(q=e==null?void 0:e.variants)==null?void 0:q.formLinks)!=null?E:void 0,form:(G=(K=e==null?void 0:e.variants)==null?void 0:K.form)!=null?G:void 0};return i?(0,r.jsx)(i,{...o}):null};Re.displayName=ll;0&&(module.exports={Header});
|
|
1
|
+
"use strict";var $e=Object.create;var S=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)S(e,i,{get:l[i],enumerable:!0})},J=(e,l,i,o)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of Me(l))!De.call(e,t)&&t!==i&&S(e,t,{get:()=>l[t],enumerable:!(o=je(l,t))||o.enumerable});return e};var z=(e,l,i)=>(i=e!=null?$e(We(e)):{},J(l||!e||!e.__esModule?S(i,"default",{value:e,enumerable:!0}):i,e)),Ae=e=>J(S({},"__esModule",{value:!0}),e);var y={};f(y,{Header_A:()=>Z,default:()=>Z});function Z({mainImage:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(I.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)(Ve,{title:l,description:i}),(0,r.jsx)(qe,{primaryButton:o,secondaryButton:t})]})}),(0,r.jsx)(Ee,{mainImage:e})]})})})}function Ve({title:e,description:l}){return(0,r.jsxs)(Y.default.Fragment,{children:[e&&(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(U.Text,{muted:!0,className:"my-6",children:l})]})}function qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ee({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)($.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[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)(Ke,{})]}):null}function Ke(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(L,{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)(L,{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)(L,{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)(L,{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 L({src:e,alt:l,className:i,style:o,width:t,height:c}){return(0,r.jsx)($.Image,{src:e,alt:l,className:i,style:o,width:t,height:c})}var _,X,I,O,$,Q,U,Y,r,B=F(()=>{"use strict";_=require("@stackshift-ui/button"),X=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),O=require("@stackshift-ui/heading"),$=require("@stackshift-ui/image"),Q=require("@stackshift-ui/section"),U=require("@stackshift-ui/text"),Y=z(require("react")),r=require("react/jsx-runtime")});var oe={};f(oe,{Header_B:()=>ne,default:()=>ne});function ne({images:e,title:l,description:i,primaryButton:o,secondaryButton:t}){return(0,r.jsx)(Q.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.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)(Ge,{title:l,description:i}),(0,r.jsx)(Je,{primaryButton:o,secondaryButton:t})]})}),e&&(0,r.jsx)(Xe,{images:e})]})})})}function Ge({title:e,description:l}){return(0,r.jsxs)(te.default.Fragment,{children:[e&&(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(U.Text,{muted:!0,className:"my-6",children:l})]})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(j.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)(j.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 Xe({images:e}){var l,i,o,t,c,b,g,p,x,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)($.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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(o=e==null?void 0:e[0])==null?void 0:o.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)($.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(p=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((x=e==null?void 0:e[2])==null?void 0:x.image)&&(0,r.jsx)($.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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)($.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var j,X,I,O,$,Q,U,te,r,se=F(()=>{"use strict";j=require("@stackshift-ui/button"),te=z(require("react"))});var be={};f(be,{Header_C:()=>de,default:()=>de});function de({videoLink:e,title:l,primaryButton:i,secondaryButton:o}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(Q.Section,{className:"py-20 md:py-52 bg-background",children:(0,r.jsxs)(X.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)(O.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Qe,{primaryButton:i,secondaryButton:o})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Oe,{videoLinkId:t,title:l})})]})})}function Oe({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(M.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)(M.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-3 py-4",children:l==null?void 0:l.label})]})}var M,X,I,O,Q,r,ge=F(()=>{"use strict";M=require("@stackshift-ui/button")});var Ne={};f(Ne,{Header_D:()=>ue,default:()=>ue});function ue({title:e,description:l,primaryButton:i,secondaryButton:o,mainImage:t}){return(0,r.jsx)(Q.Section,{className:"py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,r.jsxs)(X.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,r.jsx)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)(Ze,{mainImage:t})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(we.default.Fragment,{children:[e?(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(U.Text,{className:"my-6",muted:!0,children:l}):null]})}function Ye({primaryButton:e,secondaryButton:l}){var i,o;return(0,r.jsxs)(I.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)(W.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i: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)(W.Button,{as:"link",link:l,ariaLabel:(o=l.ariaLabel)!=null?o: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 Ze({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)($.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 W,X,I,O,$,Q,U,we,r,ke=F(()=>{"use strict";W=require("@stackshift-ui/button"),we=z(require("react"))});var Ce={};f(Ce,{Header_E:()=>Ie,default:()=>Ie});function Ie({title:e,description:l,primaryButton:i,secondaryButton:o,formLinks:t,form:c}){return(0,r.jsx)(Q.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(X.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)(ye,{title:e,description:l}),(0,r.jsx)(Be,{primaryButton:i,secondaryButton:o})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Se.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function ye({title:e,description:l}){return(0,r.jsxs)(Le.default.Fragment,{children:[e&&(0,r.jsx)(O.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(U.Text,{muted:!0,className:"my-6",children:l})]})}function Be({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(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 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 A,X,I,O,Q,Se,U,Le,r,Te=F(()=>{"use strict";A=require("@stackshift-ui/button"),Se=require("@stackshift-ui/signin-signup"),Le=z(require("react"))});var il={};f(il,{Header:()=>Re});module.exports=Ae(il);var d=require("react"),el={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>(B(),y))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(se(),oe))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(ge(),be))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(ke(),Ne))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(Te(),Ce)))},ll="Header",Re=({data:e})=>{var t,c,b,g,p,x,h,v,w,u,N,k,P,V,q,E,K,G;let l=e==null?void 0:e.variant,i=l&&el[l],o={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(x=(p=e==null?void 0:e.variants)==null?void 0:p.title)!=null?x:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(V=(P=e==null?void 0:e.variants)==null?void 0:P.youtubeLink)!=null?V:void 0,formLinks:(E=(q=e==null?void 0:e.variants)==null?void 0:q.formLinks)!=null?E:void 0,form:(G=(K=e==null?void 0:e.variants)==null?void 0:K.form)!=null?G:void 0};return i?(0,r.jsx)(i,{...o}):null};Re.displayName=ll;0&&(module.exports={Header});
|
package/dist/header.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-VCKC4FNK.mjs";export{a as Header};
|
package/dist/header_a.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var u=Object.create;var r=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,l)=>{for(var i in l)r(e,i,{get:l[i],enumerable:!0})},d=(e,l,i,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of v(l))!I.call(e,a)&&a!==i&&r(e,a,{get:()=>l[a],enumerable:!(s=N(l,a))||s.enumerable});return e};var z=(e,l,i)=>(i=e!=null?u(k(e)):{},d(l||!e||!e.__esModule?r(i,"default",{value:e,enumerable:!0}):i,e)),F=e=>d(r({},"__esModule",{value:!0}),e);var M={};P(M,{Header_A:()=>w,default:()=>w});module.exports=F(M);var g=require("@stackshift-ui/button"),
|
|
1
|
+
"use strict";var u=Object.create;var r=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,I=Object.prototype.hasOwnProperty;var P=(e,l)=>{for(var i in l)r(e,i,{get:l[i],enumerable:!0})},d=(e,l,i,s)=>{if(l&&typeof l=="object"||typeof l=="function")for(let a of v(l))!I.call(e,a)&&a!==i&&r(e,a,{get:()=>l[a],enumerable:!(s=N(l,a))||s.enumerable});return e};var z=(e,l,i)=>(i=e!=null?u(k(e)):{},d(l||!e||!e.__esModule?r(i,"default",{value:e,enumerable:!0}):i,e)),F=e=>d(r({},"__esModule",{value:!0}),e);var M={};P(M,{Header_A:()=>w,default:()=>w});module.exports=F(M);var g=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),b=require("@stackshift-ui/heading"),o=require("@stackshift-ui/image"),h=require("@stackshift-ui/section"),f=require("@stackshift-ui/text"),x=z(require("react")),t=require("react/jsx-runtime");function w({mainImage:e,title:l,description:i,primaryButton:s,secondaryButton:a}){return(0,t.jsx)(h.Section,{className:"py-20 bg-background",children:(0,t.jsx)(c.Container,{maxWidth:1280,children:(0,t.jsxs)(n.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,t.jsx)(n.Flex,{align:"center",direction:"col",className:"w-full basis-1/2",children:(0,t.jsxs)("div",{className:"max-w-md mx-auto text-center lg:text-left",children:[(0,t.jsx)(H,{title:l,description:i}),(0,t.jsx)(S,{primaryButton:s,secondaryButton:a})]})}),(0,t.jsx)(q,{mainImage:e})]})})})}function H({title:e,description:l}){return(0,t.jsxs)(x.default.Fragment,{children:[e&&(0,t.jsx)(b.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,t.jsx)(f.Text,{muted:!0,className:"my-6",children:l})]})}function S({primaryButton:e,secondaryButton:l}){return(0,t.jsxs)(n.Flex,{align:"center",justify:"center",gap:2,direction:"col",className:"lg:justify-start md:flex-row",children:[(e==null?void 0:e.label)&&(0,t.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,t.jsx)(g.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function q({mainImage:e}){var l;return e!=null&&e.image?(0,t.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,t.jsx)(o.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[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,t.jsx)(C,{})]}):null}function C(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(m,{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,t.jsx)(m,{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,t.jsx)(m,{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,t.jsx)(m,{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 m({src:e,alt:l,className:i,style:s,width:a,height:p}){return(0,t.jsx)(o.Image,{src:e,alt:l,className:i,style:s,width:a,height:p})}0&&(module.exports={Header_A});
|
package/dist/header_a.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-25OOMOCQ.mjs";export{a as Header_A,a as default};
|
package/dist/header_d.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var h=Object.create;var s=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var F=(e,l)=>{for(var i in l)s(e,i,{get:l[i],enumerable:!0})},f=(e,l,i,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of u(l))!w.call(e,r)&&r!==i&&s(e,r,{get:()=>l[r],enumerable:!(t=N(l,r))||t.enumerable});return e};var P=(e,l,i)=>(i=e!=null?h(v(e)):{},f(l||!e||!e.__esModule?s(i,"default",{value:e,enumerable:!0}):i,e)),k=e=>f(s({},"__esModule",{value:!0}),e);var C={};F(C,{Header_D:()=>p,default:()=>p});module.exports=k(C);var o=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),
|
|
1
|
+
"use strict";var h=Object.create;var s=Object.defineProperty;var N=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var F=(e,l)=>{for(var i in l)s(e,i,{get:l[i],enumerable:!0})},f=(e,l,i,t)=>{if(l&&typeof l=="object"||typeof l=="function")for(let r of u(l))!w.call(e,r)&&r!==i&&s(e,r,{get:()=>l[r],enumerable:!(t=N(l,r))||t.enumerable});return e};var P=(e,l,i)=>(i=e!=null?h(v(e)):{},f(l||!e||!e.__esModule?s(i,"default",{value:e,enumerable:!0}):i,e)),k=e=>f(s({},"__esModule",{value:!0}),e);var C={};F(C,{Header_D:()=>p,default:()=>p});module.exports=k(C);var o=require("@stackshift-ui/button"),c=require("@stackshift-ui/container"),n=require("@stackshift-ui/flex"),g=require("@stackshift-ui/heading"),m=require("@stackshift-ui/image"),b=require("@stackshift-ui/section"),x=require("@stackshift-ui/text"),d=P(require("react")),a=require("react/jsx-runtime");function p({title:e,description:l,primaryButton:i,secondaryButton:t,mainImage:r}){return(0,a.jsx)(b.Section,{className:"py-20 bg-background",children:(0,a.jsx)(c.Container,{maxWidth:1280,children:(0,a.jsxs)(n.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,a.jsx)(n.Flex,{align:"center",className:"w-full basis-1/2",direction:"col",children:(0,a.jsxs)(c.Container,{className:"mx-auto items-center text-center lg:text-left",maxWidth:"md",children:[(0,a.jsx)(H,{title:e,description:l}),(0,a.jsx)(L,{primaryButton:i,secondaryButton:t})]})}),(0,a.jsx)(S,{mainImage:r})]})})})}function H({title:e,description:l}){return(0,a.jsxs)(d.default.Fragment,{children:[e?(0,a.jsx)(g.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,a.jsx)(x.Text,{className:"my-6",muted:!0,children:l}):null]})}function L({primaryButton:e,secondaryButton:l}){var i,t;return(0,a.jsxs)(n.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,a.jsx)(o.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i: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,a.jsx)(o.Button,{as:"link",link:l,ariaLabel:(t=l.ariaLabel)!=null?t: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 S({mainImage:e}){var l;return e!=null&&e.image?(0,a.jsx)("div",{className:"w-full h-full",children:(0,a.jsx)(m.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}0&&(module.exports={Header_D});
|
package/dist/header_d.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"./chunk-
|
|
1
|
+
import{a}from"./chunk-WLJLO6TL.mjs";export{a as Header_D,a as default};
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";var $e=Object.create;var S=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)S(e,i,{get:l[i],enumerable:!0})},le=(e,l,i,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of Me(l))!De.call(e,t)&&t!==i&&S(e,t,{get:()=>l[t],enumerable:!(n=je(l,t))||n.enumerable});return e};var z=(e,l,i)=>(i=e!=null?$e(We(e)):{},le(l||!e||!e.__esModule?S(i,"default",{value:e,enumerable:!0}):i,e)),Ae=e=>le(S({},"__esModule",{value:!0}),e);var se={};f(se,{Header_A:()=>j,default:()=>j});function j({mainImage:e,title:l,description:i,primaryButton:n,secondaryButton:t}){return(0,r.jsx)(te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(I.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)(Ve,{title:l,description:i}),(0,r.jsx)(qe,{primaryButton:n,secondaryButton:t})]})}),(0,r.jsx)(Ee,{mainImage:e})]})})})}function Ve({title:e,description:l}){return(0,r.jsxs)(ne.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ee({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)($.Image,{className:"overflow-hidden rounded-global object-cover md:rounded-br-none lg:h-[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)(Ke,{})]}):null}function Ke(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(L,{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)(L,{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)(L,{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)(L,{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 L({src:e,alt:l,className:i,style:n,width:t,height:c}){return(0,r.jsx)($.Image,{src:e,alt:l,className:i,style:n,width:t,height:c})}var _,ie,I,re,$,te,oe,ne,r,M=F(()=>{"use strict";_=require("@stackshift-ui/button"),ie=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),re=require("@stackshift-ui/heading"),$=require("@stackshift-ui/image"),te=require("@stackshift-ui/section"),oe=require("@stackshift-ui/text"),ne=z(require("react")),r=require("react/jsx-runtime")});var be={};f(be,{Header_B:()=>D,default:()=>D});function D({images:e,title:l,description:i,primaryButton:n,secondaryButton:t}){return(0,r.jsx)(te.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.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)(Ge,{title:l,description:i}),(0,r.jsx)(Je,{primaryButton:n,secondaryButton:t})]})}),e&&(0,r.jsx)(Xe,{images:e})]})})})}function Ge({title:e,description:l}){return(0,r.jsxs)(de.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(W.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)(W.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 Xe({images:e}){var l,i,n,t,c,b,g,p,x,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)($.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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(n=e==null?void 0:e[0])==null?void 0:n.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)($.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(p=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((x=e==null?void 0:e[2])==null?void 0:x.image)&&(0,r.jsx)($.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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)($.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var W,ie,I,re,$,te,oe,de,r,A=F(()=>{"use strict";W=require("@stackshift-ui/button"),de=z(require("react"))});var ve={};f(ve,{Header_C:()=>q,default:()=>q});function q({videoLink:e,title:l,primaryButton:i,secondaryButton:n}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(te.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)(re.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Qe,{primaryButton:i,secondaryButton:n})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Oe,{videoLinkId:t,title:l})})]})})}function Oe({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.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)(V.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-3 py-4",children:l==null?void 0:l.label})]})}var V,ie,I,re,te,r,E=F(()=>{"use strict";V=require("@stackshift-ui/button")});var Fe={};f(Fe,{Header_D:()=>J,default:()=>J});function J({title:e,description:l,primaryButton:i,secondaryButton:n,mainImage:t}){return(0,r.jsx)(te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)(Ze,{mainImage:t})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(Pe.default.Fragment,{children:[e?(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(oe.Text,{className:"my-6",muted:!0,children:l}):null]})}function Ye({primaryButton:e,secondaryButton:l}){var i,n;return(0,r.jsxs)(I.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)(K.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i: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)(K.Button,{as:"link",link:l,ariaLabel:(n=l.ariaLabel)!=null?n: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 Ze({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)($.Image,{alt:(l=e.alt)!=null?l:"header-main-image",className:"rounded-global",height:700,sizes:"100vw",src:`${e==null?void 0:e.image}`,style:{objectFit:"contain"},width:1050})}):null}var K,ie,I,re,$,te,oe,Pe,r,X=F(()=>{"use strict";K=require("@stackshift-ui/button"),Pe=z(require("react"))});var Te={};f(Te,{Header_E:()=>Q,default:()=>Q});function Q({title:e,description:l,primaryButton:i,secondaryButton:n,formLinks:t,form:c}){return(0,r.jsx)(te.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)(ye,{title:e,description:l}),(0,r.jsx)(Be,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Le.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function ye({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function Be({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(O.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)(O.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 O,ie,I,re,te,Le,oe,Ce,r,U=F(()=>{"use strict";O=require("@stackshift-ui/button"),Le=require("@stackshift-ui/signin-signup"),Ce=z(require("react"))});var il={};f(il,{Header:()=>Re,Header_A:()=>j,Header_B:()=>D,Header_C:()=>q,Header_D:()=>J,Header_E:()=>Q});module.exports=Ae(il);var d=require("react"),el={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>(M(),se))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(A(),be))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(E(),ve))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(X(),Fe))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(U(),Te)))},ll="Header",Re=({data:e})=>{var t,c,b,g,p,x,h,v,w,u,N,k,P,Y,Z,y,B,ee;let l=e==null?void 0:e.variant,i=l&&el[l],n={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(x=(p=e==null?void 0:e.variants)==null?void 0:p.title)!=null?x:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(Y=(P=e==null?void 0:e.variants)==null?void 0:P.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};return i?(0,r.jsx)(i,{...n}):null};Re.displayName=ll;M();A();E();X();U();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E});
|
|
2
|
+
"use strict";var $e=Object.create;var S=Object.defineProperty;var je=Object.getOwnPropertyDescriptor;var Me=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,De=Object.prototype.hasOwnProperty;var F=(e,l)=>()=>(e&&(l=e(e=0)),l);var f=(e,l)=>{for(var i in l)S(e,i,{get:l[i],enumerable:!0})},le=(e,l,i,n)=>{if(l&&typeof l=="object"||typeof l=="function")for(let t of Me(l))!De.call(e,t)&&t!==i&&S(e,t,{get:()=>l[t],enumerable:!(n=je(l,t))||n.enumerable});return e};var z=(e,l,i)=>(i=e!=null?$e(We(e)):{},le(l||!e||!e.__esModule?S(i,"default",{value:e,enumerable:!0}):i,e)),Ae=e=>le(S({},"__esModule",{value:!0}),e);var se={};f(se,{Header_A:()=>j,default:()=>j});function j({mainImage:e,title:l,description:i,primaryButton:n,secondaryButton:t}){return(0,r.jsx)(te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",gap:4,className:"flex-col lg:flex-row",children:[(0,r.jsx)(I.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)(Ve,{title:l,description:i}),(0,r.jsx)(qe,{primaryButton:n,secondaryButton:t})]})}),(0,r.jsx)(Ee,{mainImage:e})]})})})}function Ve({title:e,description:l}){return(0,r.jsxs)(ne.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(_.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)(_.Button,{as:"link",link:l,className:"bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4",ariaLabel:l==null?void 0:l.label,children:l==null?void 0:l.label})]})}function Ee({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsxs)("div",{className:"relative w-full max-w-md",children:[(0,r.jsx)($.Image,{className:"overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[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)(Ke,{})]}):null}function Ke(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(L,{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)(L,{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)(L,{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)(L,{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 L({src:e,alt:l,className:i,style:n,width:t,height:c}){return(0,r.jsx)($.Image,{src:e,alt:l,className:i,style:n,width:t,height:c})}var _,ie,I,re,$,te,oe,ne,r,M=F(()=>{"use strict";_=require("@stackshift-ui/button"),ie=require("@stackshift-ui/container"),I=require("@stackshift-ui/flex"),re=require("@stackshift-ui/heading"),$=require("@stackshift-ui/image"),te=require("@stackshift-ui/section"),oe=require("@stackshift-ui/text"),ne=z(require("react")),r=require("react/jsx-runtime")});var be={};f(be,{Header_B:()=>D,default:()=>D});function D({images:e,title:l,description:i,primaryButton:n,secondaryButton:t}){return(0,r.jsx)(te.Section,{className:"relative z-10 py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",direction:"col",gap:4,className:"lg:flex-row",children:[(0,r.jsx)(I.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)(Ge,{title:l,description:i}),(0,r.jsx)(Je,{primaryButton:n,secondaryButton:t})]})}),e&&(0,r.jsx)(Xe,{images:e})]})})})}function Ge({title:e,description:l}){return(0,r.jsxs)(de.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function Je({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(W.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)(W.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 Xe({images:e}){var l,i,n,t,c,b,g,p,x,h,v,w,u,N,k,P;return e?(0,r.jsxs)("div",{className:"w-full px-4 lg:w-1/2",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)($.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:`${(i=e==null?void 0:e[0])==null?void 0:i.image}`,width:941,height:734,alt:(t=(n=e==null?void 0:e[0])==null?void 0:n.alt)!=null?t:"header-image-1"}),((c=e==null?void 0:e[1])==null?void 0:c.image)&&(0,r.jsx)($.Image,{className:"relative object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-2/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(b=e==null?void 0:e[1])==null?void 0:b.image}`,width:1050,height:701,alt:(p=(g=e==null?void 0:e[1])==null?void 0:g.alt)!=null?p:"header-image-2"})]}),(0,r.jsxs)("div",{className:"mb-3 sm:flex lg:mb-4 lg:mr-6",children:[((x=e==null?void 0:e[2])==null?void 0:x.image)&&(0,r.jsx)($.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:`${(h=e==null?void 0:e[2])==null?void 0:h.image}`,width:1050,height:701,alt:(w=(v=e==null?void 0:e[2])==null?void 0:v.alt)!=null?w:"header-image-3"}),((u=e==null?void 0:e[3])==null?void 0:u.image)&&(0,r.jsx)($.Image,{className:"object-cover overflow-hidden rounded-xl sm:ml-2 sm:w-1/3 md:rounded-3xl lg:rounded-bl-none",sizes:"100vw",src:`${(N=e==null?void 0:e[3])==null?void 0:N.image}`,width:941,height:734,alt:(P=(k=e==null?void 0:e[3])==null?void 0:k.alt)!=null?P:"header-image-4"})]})]}):null}var W,ie,I,re,$,te,oe,de,r,A=F(()=>{"use strict";W=require("@stackshift-ui/button"),de=z(require("react"))});var ve={};f(ve,{Header_C:()=>q,default:()=>q});function q({videoLink:e,title:l,primaryButton:i,secondaryButton:n}){let t;return e&&(e.includes("embed")?t=e.split("/")[4]:t=e.split("/watch?v=")[1]||e.split("/")[3]),(0,r.jsx)(te.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)(re.Heading,{fontSize:"3xl",className:"mb-10",children:l}),(0,r.jsx)(Qe,{primaryButton:i,secondaryButton:n})]}),(0,r.jsx)("div",{className:"md:mx-20 lg:mx-60 xl:mx-60",children:t&&(0,r.jsx)(Oe,{videoLinkId:t,title:l})})]})})}function Oe({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 h-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><r 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></r>`,loading:"lazy",allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function Qe({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.Flex,{align:"center",gap:4,justify:"center",className:"flex-col lg:flex-row",children:[(e==null?void 0:e.label)&&(0,r.jsx)(V.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)(V.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-3 py-4",children:l==null?void 0:l.label})]})}var V,ie,I,re,te,r,E=F(()=>{"use strict";V=require("@stackshift-ui/button")});var Fe={};f(Fe,{Header_D:()=>J,default:()=>J});function J({title:e,description:l,primaryButton:i,secondaryButton:n,mainImage:t}){return(0,r.jsx)(te.Section,{className:"py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)(Ue,{title:e,description:l}),(0,r.jsx)(Ye,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)(Ze,{mainImage:t})]})})})}function Ue({title:e,description:l}){return(0,r.jsxs)(Pe.default.Fragment,{children:[e?(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",type:"h1",children:e}):null,l?(0,r.jsx)(oe.Text,{className:"my-6",muted:!0,children:l}):null]})}function Ye({primaryButton:e,secondaryButton:l}){var i,n;return(0,r.jsxs)(I.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)(K.Button,{as:"link",link:e,ariaLabel:(i=e==null?void 0:e.ariaLabel)!=null?i: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)(K.Button,{as:"link",link:l,ariaLabel:(n=l.ariaLabel)!=null?n: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 Ze({mainImage:e}){var l;return e!=null&&e.image?(0,r.jsx)("div",{className:"w-full h-full",children:(0,r.jsx)($.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 K,ie,I,re,$,te,oe,Pe,r,X=F(()=>{"use strict";K=require("@stackshift-ui/button"),Pe=z(require("react"))});var Te={};f(Te,{Header_E:()=>Q,default:()=>Q});function Q({title:e,description:l,primaryButton:i,secondaryButton:n,formLinks:t,form:c}){return(0,r.jsx)(te.Section,{className:"relative py-20 bg-background",children:(0,r.jsx)(ie.Container,{maxWidth:1280,children:(0,r.jsxs)(I.Flex,{align:"center",className:"flex-col lg:flex-row",gap:4,children:[(0,r.jsx)(I.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)(ye,{title:e,description:l}),(0,r.jsx)(Be,{primaryButton:i,secondaryButton:n})]})}),(0,r.jsx)("div",{className:"w-full lg:w-1/2",children:(0,r.jsx)("div",{className:"max-w-sm mx-auto text-center",children:(0,r.jsx)(Le.SigninSignup_A,{form:c,formLinks:t})})})]})})})}function ye({title:e,description:l}){return(0,r.jsxs)(Ce.default.Fragment,{children:[e&&(0,r.jsx)(re.Heading,{fontSize:"3xl",className:"mb-3",children:e}),l&&(0,r.jsx)(oe.Text,{muted:!0,className:"my-6",children:l})]})}function Be({primaryButton:e,secondaryButton:l}){return(0,r.jsxs)(I.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)(O.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)(O.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 O,ie,I,re,te,Le,oe,Ce,r,U=F(()=>{"use strict";O=require("@stackshift-ui/button"),Le=require("@stackshift-ui/signin-signup"),Ce=z(require("react"))});var il={};f(il,{Header:()=>Re,Header_A:()=>j,Header_B:()=>D,Header_C:()=>q,Header_D:()=>J,Header_E:()=>Q});module.exports=Ae(il);var d=require("react"),el={variant_a:(0,d.lazy)(()=>Promise.resolve().then(()=>(M(),se))),variant_b:(0,d.lazy)(()=>Promise.resolve().then(()=>(A(),be))),variant_c:(0,d.lazy)(()=>Promise.resolve().then(()=>(E(),ve))),variant_d:(0,d.lazy)(()=>Promise.resolve().then(()=>(X(),Fe))),variant_e:(0,d.lazy)(()=>Promise.resolve().then(()=>(U(),Te)))},ll="Header",Re=({data:e})=>{var t,c,b,g,p,x,h,v,w,u,N,k,P,Y,Z,y,B,ee;let l=e==null?void 0:e.variant,i=l&&el[l],n={mainImage:(c=(t=e==null?void 0:e.variants)==null?void 0:t.mainImage)!=null?c:void 0,images:(g=(b=e==null?void 0:e.variants)==null?void 0:b.images)!=null?g:void 0,title:(x=(p=e==null?void 0:e.variants)==null?void 0:p.title)!=null?x:void 0,description:(v=(h=e==null?void 0:e.variants)==null?void 0:h.description)!=null?v:void 0,primaryButton:(u=(w=e==null?void 0:e.variants)==null?void 0:w.primaryButton)!=null?u:void 0,secondaryButton:(k=(N=e==null?void 0:e.variants)==null?void 0:N.secondaryButton)!=null?k:void 0,videoLink:(Y=(P=e==null?void 0:e.variants)==null?void 0:P.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};return i?(0,r.jsx)(i,{...n}):null};Re.displayName=ll;M();A();E();X();U();0&&(module.exports={Header,Header_A,Header_B,Header_C,Header_D,Header_E});
|
package/dist/index.mjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";import{a as m}from"./chunk-
|
|
2
|
+
"use strict";import{a as m}from"./chunk-VCKC4FNK.mjs";import{a as o}from"./chunk-25OOMOCQ.mjs";import{a as r}from"./chunk-2FVIO3TA.mjs";import{a as e}from"./chunk-OU7IRERX.mjs";import{a as t}from"./chunk-WLJLO6TL.mjs";import{a as f}from"./chunk-Z4QMS2YF.mjs";export{m as Header,o as Header_A,r as Header_B,e as Header_C,t as Header_D,f as Header_E};
|
package/package.json
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@stackshift-ui/header",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "6.0.
|
|
4
|
+
"version": "6.0.6-beta.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"sideEffects": false,
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"module": "./dist/index.mjs",
|
|
9
9
|
"types": "./dist/index.d.ts",
|
|
10
10
|
"files": [
|
|
11
|
-
"dist/**"
|
|
11
|
+
"dist/**",
|
|
12
|
+
"src"
|
|
12
13
|
],
|
|
13
14
|
"author": "WebriQ <info@webriq.com>",
|
|
14
15
|
"devDependencies": {
|
|
@@ -33,15 +34,15 @@
|
|
|
33
34
|
},
|
|
34
35
|
"dependencies": {
|
|
35
36
|
"@stackshift-ui/scripts": "6.0.2",
|
|
36
|
-
"@stackshift-ui/
|
|
37
|
-
"@stackshift-ui/
|
|
38
|
-
"@stackshift-ui/
|
|
39
|
-
"@stackshift-ui/heading": "6.0.
|
|
40
|
-
"@stackshift-ui/signin-signup": "6.0.
|
|
41
|
-
"@stackshift-ui/
|
|
42
|
-
"@stackshift-ui/
|
|
43
|
-
"@stackshift-ui/container": "6.0.
|
|
44
|
-
"@stackshift-ui/
|
|
37
|
+
"@stackshift-ui/system": "6.0.3",
|
|
38
|
+
"@stackshift-ui/button": "6.0.3",
|
|
39
|
+
"@stackshift-ui/text": "6.0.3",
|
|
40
|
+
"@stackshift-ui/heading": "6.0.3",
|
|
41
|
+
"@stackshift-ui/signin-signup": "6.0.5-beta.0",
|
|
42
|
+
"@stackshift-ui/section": "6.0.3",
|
|
43
|
+
"@stackshift-ui/flex": "6.0.3",
|
|
44
|
+
"@stackshift-ui/container": "6.0.3",
|
|
45
|
+
"@stackshift-ui/image": "6.0.3"
|
|
45
46
|
},
|
|
46
47
|
"peerDependencies": {
|
|
47
48
|
"@types/react": "16.8 - 19",
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { cleanup, render, screen } from "@testing-library/react";
|
|
2
|
+
import { afterEach, describe, test } from "vitest";
|
|
3
|
+
import { Header } from "./header";
|
|
4
|
+
|
|
5
|
+
describe.concurrent("header", () => {
|
|
6
|
+
afterEach(cleanup);
|
|
7
|
+
|
|
8
|
+
test.skip("Dummy test - test if renders without errors", ({ expect }) => {
|
|
9
|
+
const clx = "my-class";
|
|
10
|
+
render(<Header />);
|
|
11
|
+
expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
|
|
12
|
+
});
|
|
13
|
+
});
|
package/src/header.tsx
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { lazy } from "react";
|
|
2
|
+
|
|
3
|
+
import { SectionsProps, Images, MainImage, LabeledRouteWithKey, Form, Template } from "./types";
|
|
4
|
+
|
|
5
|
+
const Variants = {
|
|
6
|
+
variant_a: lazy(() => import("./header_a")),
|
|
7
|
+
variant_b: lazy(() => import("./header_b")),
|
|
8
|
+
variant_c: lazy(() => import("./header_c")),
|
|
9
|
+
variant_d: lazy(() => import("./header_d")),
|
|
10
|
+
variant_e: lazy(() => import("./header_e")),
|
|
11
|
+
};
|
|
12
|
+
|
|
13
|
+
export interface ButtonProps {
|
|
14
|
+
as?: string;
|
|
15
|
+
label?: string;
|
|
16
|
+
link?: {
|
|
17
|
+
target?: string;
|
|
18
|
+
route?: string;
|
|
19
|
+
};
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
variant?: string;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
export interface HeaderProps {
|
|
25
|
+
template?: Template;
|
|
26
|
+
mainImage?: MainImage;
|
|
27
|
+
images?: Images[];
|
|
28
|
+
title?: string;
|
|
29
|
+
description?: string;
|
|
30
|
+
primaryButton?: ButtonProps;
|
|
31
|
+
secondaryButton?: ButtonProps;
|
|
32
|
+
videoLink?: string;
|
|
33
|
+
formLinks?: LabeledRouteWithKey[];
|
|
34
|
+
form?: Form;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
const displayName = "Header";
|
|
38
|
+
|
|
39
|
+
export const Header: React.FC<SectionsProps> = ({ data }) => {
|
|
40
|
+
const variant = data?.variant;
|
|
41
|
+
const Variant = variant && Variants[variant as keyof typeof Variants];
|
|
42
|
+
|
|
43
|
+
const props = {
|
|
44
|
+
mainImage: data?.variants?.mainImage ?? undefined,
|
|
45
|
+
images: data?.variants?.images ?? undefined,
|
|
46
|
+
title: data?.variants?.title ?? undefined,
|
|
47
|
+
description: data?.variants?.description ?? undefined,
|
|
48
|
+
primaryButton: data?.variants?.primaryButton ?? undefined,
|
|
49
|
+
secondaryButton: data?.variants?.secondaryButton ?? undefined,
|
|
50
|
+
videoLink: data?.variants?.youtubeLink ?? undefined,
|
|
51
|
+
formLinks: data?.variants?.formLinks ?? undefined,
|
|
52
|
+
form: data?.variants?.form ?? undefined,
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
return Variant ? <Variant {...props} /> : null;
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
Header.displayName = displayName;
|
package/src/header_a.tsx
ADDED
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { Button } from "@stackshift-ui/button";
|
|
2
|
+
import { Container } from "@stackshift-ui/container";
|
|
3
|
+
import { Flex } from "@stackshift-ui/flex";
|
|
4
|
+
import { Heading } from "@stackshift-ui/heading";
|
|
5
|
+
import { Image } from "@stackshift-ui/image";
|
|
6
|
+
import { Section } from "@stackshift-ui/section";
|
|
7
|
+
import { Text } from "@stackshift-ui/text";
|
|
8
|
+
import React from "react";
|
|
9
|
+
import { ButtonProps, HeaderProps } from ".";
|
|
10
|
+
|
|
11
|
+
export default function Header_A({
|
|
12
|
+
mainImage,
|
|
13
|
+
title,
|
|
14
|
+
description,
|
|
15
|
+
primaryButton,
|
|
16
|
+
secondaryButton,
|
|
17
|
+
}: HeaderProps) {
|
|
18
|
+
return (
|
|
19
|
+
<Section className="py-20 bg-background">
|
|
20
|
+
<Container maxWidth={1280}>
|
|
21
|
+
<Flex align="center" gap={4} className="flex-col lg:flex-row">
|
|
22
|
+
<Flex align="center" direction="col" className="w-full basis-1/2">
|
|
23
|
+
<div className="max-w-md mx-auto text-center lg:text-left">
|
|
24
|
+
<TitleAndDescription title={title} description={description} />
|
|
25
|
+
<Buttons primaryButton={primaryButton} secondaryButton={secondaryButton} />
|
|
26
|
+
</div>
|
|
27
|
+
</Flex>
|
|
28
|
+
<MainImage mainImage={mainImage} />
|
|
29
|
+
</Flex>
|
|
30
|
+
</Container>
|
|
31
|
+
</Section>
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
function TitleAndDescription({ title, description }: { title?: string; description?: string }) {
|
|
36
|
+
return (
|
|
37
|
+
<React.Fragment>
|
|
38
|
+
{title && (
|
|
39
|
+
<Heading fontSize="3xl" className="mb-3">
|
|
40
|
+
{title}
|
|
41
|
+
</Heading>
|
|
42
|
+
)}
|
|
43
|
+
{description && (
|
|
44
|
+
<Text muted className="my-6">
|
|
45
|
+
{description}
|
|
46
|
+
</Text>
|
|
47
|
+
)}
|
|
48
|
+
</React.Fragment>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
function Buttons({
|
|
53
|
+
primaryButton,
|
|
54
|
+
secondaryButton,
|
|
55
|
+
}: {
|
|
56
|
+
primaryButton?: ButtonProps;
|
|
57
|
+
secondaryButton?: ButtonProps;
|
|
58
|
+
}) {
|
|
59
|
+
return (
|
|
60
|
+
<Flex
|
|
61
|
+
align="center"
|
|
62
|
+
justify="center"
|
|
63
|
+
gap={2}
|
|
64
|
+
direction="col"
|
|
65
|
+
className="lg:justify-start md:flex-row">
|
|
66
|
+
{primaryButton?.label && (
|
|
67
|
+
<Button as="link" link={primaryButton} ariaLabel={primaryButton?.label}>
|
|
68
|
+
{primaryButton?.label}
|
|
69
|
+
</Button>
|
|
70
|
+
)}
|
|
71
|
+
{secondaryButton?.label && (
|
|
72
|
+
<Button
|
|
73
|
+
as="link"
|
|
74
|
+
link={secondaryButton}
|
|
75
|
+
className="bg-secondary hover:bg-secondary/50 inline-block rounded-global font-bold transition duration-200 px-3 py-4"
|
|
76
|
+
ariaLabel={secondaryButton?.label}>
|
|
77
|
+
{secondaryButton?.label}
|
|
78
|
+
</Button>
|
|
79
|
+
)}
|
|
80
|
+
</Flex>
|
|
81
|
+
);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
interface MainImageProps {
|
|
85
|
+
mainImage?: {
|
|
86
|
+
image?: string | any;
|
|
87
|
+
alt?: string;
|
|
88
|
+
};
|
|
89
|
+
}
|
|
90
|
+
|
|
91
|
+
function MainImage({ mainImage }: MainImageProps) {
|
|
92
|
+
if (!mainImage?.image) return null;
|
|
93
|
+
|
|
94
|
+
return (
|
|
95
|
+
<div className="relative w-full max-w-md">
|
|
96
|
+
<Image
|
|
97
|
+
className="overflow-hidden rounded-md object-cover md:rounded-br-none lg:h-[448px] relative z-10"
|
|
98
|
+
src={`${mainImage.image}`}
|
|
99
|
+
sizes="(min-width: 520px) 448px, 90vw"
|
|
100
|
+
width={448}
|
|
101
|
+
height={448}
|
|
102
|
+
alt={mainImage.alt ?? "header-main-image"}
|
|
103
|
+
/>
|
|
104
|
+
<DecorativeImages />
|
|
105
|
+
</div>
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
function DecorativeImages() {
|
|
110
|
+
return (
|
|
111
|
+
<>
|
|
112
|
+
<ImageElement
|
|
113
|
+
src="/assets/elements/webriq-blue-dark-up.png"
|
|
114
|
+
alt="webriq-blue-dark-up-mainImage-element"
|
|
115
|
+
className="absolute hidden md:block"
|
|
116
|
+
style={{ top: "-2rem", right: "3rem", zIndex: 2 }}
|
|
117
|
+
width={112}
|
|
118
|
+
height={112}
|
|
119
|
+
/>
|
|
120
|
+
<ImageElement
|
|
121
|
+
src="/assets/elements/wing-webriq-blue-down.png"
|
|
122
|
+
alt="wing-webriq-blue-down-mainImage-element"
|
|
123
|
+
className="absolute hidden md:block"
|
|
124
|
+
style={{ bottom: "-2rem", right: "-2rem", zIndex: 2 }}
|
|
125
|
+
width={144}
|
|
126
|
+
height={144}
|
|
127
|
+
/>
|
|
128
|
+
<ImageElement
|
|
129
|
+
src="/assets/elements/bullets-gray-right.svg"
|
|
130
|
+
alt="bullets-gray-right-mainImage-element"
|
|
131
|
+
className="absolute hidden md:block"
|
|
132
|
+
style={{ top: "3rem", right: "-3rem", zIndex: 2 }}
|
|
133
|
+
width={115}
|
|
134
|
+
height={157}
|
|
135
|
+
/>
|
|
136
|
+
<ImageElement
|
|
137
|
+
src="/assets/elements/bullets-gray-left.svg"
|
|
138
|
+
alt="bullets-gray-left-mainImage-element"
|
|
139
|
+
className="absolute hidden md:block"
|
|
140
|
+
style={{ bottom: "2.5rem", left: "-4.5rem", zIndex: 2 }}
|
|
141
|
+
width={157}
|
|
142
|
+
height={115}
|
|
143
|
+
/>
|
|
144
|
+
</>
|
|
145
|
+
);
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
function ImageElement({
|
|
149
|
+
src,
|
|
150
|
+
alt,
|
|
151
|
+
className,
|
|
152
|
+
style,
|
|
153
|
+
width,
|
|
154
|
+
height,
|
|
155
|
+
}: {
|
|
156
|
+
src: string;
|
|
157
|
+
alt: string;
|
|
158
|
+
className?: string;
|
|
159
|
+
style?: React.CSSProperties;
|
|
160
|
+
width: number;
|
|
161
|
+
height: number;
|
|
162
|
+
}) {
|
|
163
|
+
return (
|
|
164
|
+
<Image src={src} alt={alt} className={className} style={style} width={width} height={height} />
|
|
165
|
+
);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
export { Header_A };
|