https://goodnature.co.nz/assets/5eef9ca8.js

1import{r as m,j as e,q as h,l as t,I as g,F as S,A as F}from"./index.00a2eaef.js";import{M as W}from"./a96c1cd1.js";import{u as w}from"./75b47dc2.js";import{p as u}from"./bf7fd197.js";import{u as x}from"./f2fc0d16.js";import E from"./e07d814c.js";import H from"./4ee48d51.js";import A from"./5d857701.js";import{C as k}from"./fc68d023.js";import{S as P,a as j}from"./b851bb73.js";import{c as v}from"./1591a0b0.js";import{V}from"./d3293c47.js";import"./175fe124.js";import"./df6fb308.js";import"./600ef406.js";import"./18c1fd41.js";import"./9e48c47e.js";import"./faaea2a2.js";import"./9abbe576.js";import"./73dae7f4.js";import"./f1d3de0d.js";import"./32edb8cb.js";import"./ccbd9071.js";import"./18dd4d52.js";import"./310e7f54.js";import"./4f3bdfeb.js";import"./bd6b6beb.js";import"./f9f44efa.js";const B=({_type:i,...l})=>{switch(i){case"module.singleColText":return e(A,{module:l});case"module.imageBlock":return e(E,{module:l});case"module.imageText":return e(H,{module:l,mini:!0});default:return null}};function T({setIsOpen:i,heading:l,subheading:s,modules:r}){x();const{ref:o,inView:a}=w({threshold:.7,triggerOnce:!1});return m.exports.useEffect(()=>{const n=c=>{c.key==="Escape"&&i(!1)};return window.addEventListener("keydown",n),()=>{window.removeEventListener("keydown",n)}},[]),e(h.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"fixed left-0 top-0 z-[999] h-screen w-full bg-light-beige",children:t("div",{className:"h-screen overflow-y-scroll",children:[e("button",{onClick:()=>i(!1),className:"right-10 top-10 z-10 ml-auto mr-6 mt-6 flex rounded-full bg-orange/20 p-4 lg:fixed lg:m-0",children:e(k,{className:"w-[19px] h-[19px] text-orange"})}),t("div",{className:"grid grid-cols-14",children:[t("div",{className:"col-start-2 col-end-14 pb-space-m pt-space-s text-center lg:col-start-4 lg:col-end-12 lg:pb-0 lg:pt-space-m",children:[t("h1",{ref:o,children:[l==null?void 0:l.prefix,"\xA0",t("div",{className:"relative inline-block",children:[e("h3",{className:"blockH3 inline-block w-full text-center font-medium",children:l==null?void 0:l.underlined}),e("svg",{className:"absolute -bottom-1 w-full",width:"364",height:"13",viewBox:"0 0 364 13",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e(h.path,{variants:u,initial:"initial",animate:a?"animate":"initial",d:"M3 6.7305C121.553 3.45689 243.738 -1.00906 361 10",stroke:"#F27021",strokeWidth:"5",strokeLinecap:"round"})})]}),"\xA0",l==null?void 0:l.suffix]}),e("p",{className:"blockH7 mt-12 font-medium",children:s})]}),e("div",{className:"col-start-1 col-end-15",children:r.map((n,c)=>e(B,{...n},c))})]})]})})}function I({setIsOpen:i,heading:l,subheading:s,items:r}){x();const[o,a]=m.exports.useState(null),[n,c]=m.exports.useState(null),N=({data:d})=>{c(d)},b=({progress:d})=>{a(Math.round(d*1e3/10)+100*n)},C=l.split(" ").pop(),y=l.split(" ").slice(0,-1),{ref:M,inView:z}=w({threshold:.7,triggerOnce:!1});return m.exports.useEffect(()=>{const d=f=>{f.key==="Escape"&&i(!1)};return window.addEventListener("keydown",d),()=>{window.removeEventListener("keydown",d)}},[]),e(h.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"fixed left-0 top-0 z-[999] w-full bg-light-beige",children:t("div",{className:"h-screen overflow-y-scroll",children:[e("button",{onClick:()=>i(!1),className:"right-10 top-10 z-10 ml-auto mr-6 mt-6 flex rounded-full bg-orange/20 p-4 lg:fixed lg:m-0",children:e(k,{className:"w-[19px] h-[19px] text-orange"})}),e("div",{className:"grid w-full grid-cols-14",children:e("div",{className:"col-start-2 col-end-14 pb-space-m pt-space-s lg:col-start-4 lg:col-end-12 lg:py-space-m",children:t("div",{className:"text-center",children:[t("h3",{ref:M,className:"blockH3 font-medium",children:[y,t("div",{className:"relative inline-block",children:[t("span",{className:"relative z-10",children:["\xA0",C]}),e("svg",{className:"absolute bottom-0 left-0 w-full lg:bottom-2",width:"218",height:"10",viewBox:"0 0 218 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e(h.path,{variants:u,initial:"initial",animate:z?"animate":"initial",d:"M3 5.13171C73.2047 3.26108 145.56 0.709108 215 7",stroke:"#F27021",strokeWidth:"5",strokeLinecap:"round"})})]})]}),e("p",{className:"blockH7 mt-7 font-medium",children:s})]})})}),t("div",{className:"relative pb-[30vh]",children:[e("div",{className:"relative",children:e(P,{offset:.3,onStepEnter:N,debug:!1,progress:!0,onStepProgress:b,children:r==null?void 0:r.map(({heading:d,subheading:f,image:L},p)=>e(j,{data:p,children:t("div",{className:"grid h-[500px] w-full grid-cols-14 lg:h-[600px]",children:[t("div",{className:"col-start-1 col-end-2 h-full border border-orange text-orange opacity-0",children:[t("div",{children:["Index: ",p]}),t("div",{children:["Progress: ",o,"%"]})]}),e(h.div,{style:{height:o/r.length>100/r.length*(r.length-1)?`${100/r.length*(r.length-1)}%`:`${o/r.length}%`},className:"absolute left-gutter top-0 z-[3] h-full w-[2px] translate-x-[3px] bg-orange lg:left-1/2 lg:-translate-x-1/2"}),t("div",{className:v(["relative col-start-2 col-end-14 w-full",p%2===0?"lg:col-start-3 lg:col-end-8 lg:pr-14":"lg:col-start-8 lg:col-end-13 lg:pl-14"]),children:[t("div",{className:"pl-gutter lg:pl-0",children:[e("span",{className:"blockH6 font-medium",children:d}),e("p",{className:"blockH8 py-[10px] font-medium lg:py-6",children:f}),e(g,{width:"inherit",height:"inherit",data:L,alt:d,loading:"lazy",className:"max-h-[300px] w-full max-w-[400px] rounded-lg lg:max-h-[unset] lg:max-w-[unset]"})]}),e("div",{className:v(["absolute top-0 z-[2] h-4 w-4 rounded-full bg-white",p%2===0?"-left-1 lg:-right-2 lg:left-[unset]":"-left-1 lg:-left-2"])}),e("div",{className:v(["transition-standard absolute top-0 z-[3] h-4 w-4 rounded-full",p%2===0?"-left-1 lg:-right-2 lg:left-[unset]":"-left-1 lg:-left-2",p<=n?"bg-orange":"bg-dark-grey/30"])})]})]})},p))})}),e("div",{className:"absolute left-gutter top-0 h-full w-[2px] translate-x-[3px] bg-dark-grey/30 lg:left-1/2 lg:-translate-x-1/2"})]})]})})}const D=({isOpen:i,setIsOpen:l,videoUrl:s,timelinePopup:r,...o})=>{switch(i){case 0:return e(I,{...r,setIsOpen:l});case 1:return e(T,{setIsOpen:l,...o});default:return null}},U=({image:i,label:l,quote:s,setIsOpen:r})=>{const[o,a]=m.exports.useState(!1);return t("div",{onClick:()=>r(2),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),className:"relative z-10 flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg lg:w-[60%] lg:flex-row",children:[e("div",{className:"relative z-10 h-full w-full overflow-hidden rounded-lg",children:e(g,{width:"inherit",height:"inherit",className:"transition-standard w-full hover:scale-105",data:i,alt:l})}),e("div",{className:"pointer-events-none absolute left-0 top-0 z-20 hidden h-full w-full bg-gradient-to-b from-black to-black/0 object-cover lg:block"}),e("div",{className:"pointer-events-none top-12 z-30 text-center lg:absolute",children:t("div",{className:"w-full lg:max-w-[300px]",children:[e("span",{className:"blockH8 mt-7 block font-medium text-orange lg:mt-0",children:l}),e("h2",{className:"richH2 mt-2 font-medium text-white lg:mt-4",children:s}),t("button",{className:"blockH8 mx-auto mt-4 flex items-center gap-x-3 font-medium text-white",children:[t("svg",{width:"31",height:"29",viewBox:"0 0 31 29",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e(h.path,{variants:u,initial:"initial",animate:o?"animate":"initial",d:"M20.0829 2.11363C14.7459 1.02198 10.0927 0.98672 5.25275 4.09814C-2.08016 8.81215 1.18348 19.1618 6.67408 23.9968C14.7855 31.1397 25.7679 25.5951 28.9595 16.2197C32.0936 7.0133 22.6674 4.22668 15.7384 2.59635",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e("path",{className:"lg:hidden",d:"M20.0829 2.11363C14.7459 1.02198 10.0927 0.98672 5.25275 4.09814C-2.08016 8.81215 1.18348 19.1618 6.67408 23.9968C14.7855 31.1397 25.7679 25.5951 28.9595 16.2197C32.0936 7.0133 22.6674 4.22668 15.7384 2.59635",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e("path",{d:"M11.2329 14.2539C11.14 15.6254 11.3355 17.1342 11.501 18.4995L12.3199 18.3611C12.8053 18.5628 13.9337 17.5847 14.3706 17.3166C15.8191 16.4277 17.3233 15.6061 18.9353 15.1345C19.1871 15.0609 20.488 15.0832 19.9309 14.5696C19.3873 14.0684 18.8067 13.7399 18.1398 13.5002C16.9398 13.0688 15.7747 12.5426 14.5803 12.0897C13.7191 11.7632 12.7153 11.2059 11.7919 11.4373C11.1222 11.6052 11.2704 13.7005 11.2329 14.2539Z",fill:"#F27021",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"})]}),e("span",{children:"Watch Video"})]})]})})]})},$=({image:i,label:l,quote:s,setIsOpen:r})=>{const[o,a]=m.exports.useState(!1);return t("div",{onClick:()=>r(1),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),className:"relative z-10 flex w-full cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg lg:flex-row",children:[e("div",{className:"relative z-10 h-full w-full overflow-hidden rounded-lg",children:e(g,{width:"inherit",height:"inherit",className:"transition-standard left-0 top-0 h-full w-full rounded-lg object-cover hover:scale-105 lg:absolute",data:i,alt:l})}),e("div",{className:"pointer-events-none bottom-8 z-30 text-center lg:absolute",children:t("div",{className:"w-full max-w-[600px]",children:[e("span",{className:"blockH8 mt-7 block font-medium text-orange lg:mt-0",children:l}),t("h2",{className:"richH2 mt-2 font-medium text-white lg:mt-4 lg:text-dark-grey",children:[e("span",{className:"text-orange",children:"\u201C"}),s,e("span",{className:"text-orange",children:"\u201D"})]}),t("button",{className:"blockH8 mx-auto mt-5 flex items-center gap-x-3 font-medium text-white lg:mt-4 lg:text-dark-grey",children:[t("svg",{width:"32",height:"29",viewBox:"0 0 32 29",f

1ill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.7539 8.87207C15.7539 12.9064 16.2366 16.8979 16.2366 20.94",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e("path",{d:"M11.8945 15.1476C14.8677 14.2666 17.9885 14.1821 21.0662 14.1821",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e(h.path,{variants:u,initial:"initial",animate:o?"animate":"initial",d:"M20.5829 2.11412C15.2459 1.02247 10.5927 0.987209 5.75275 4.09862C-1.58016 8.81264 1.68348 19.1623 7.17408 23.9973C15.2855 31.1402 26.2679 25.5956 29.4595 16.2202C32.5936 7.01379 23.1674 4.22717 16.2384 2.59684",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e("path",{className:"lg:hidden",d:"M20.5829 2.11412C15.2459 1.02247 10.5927 0.987209 5.75275 4.09862C-1.58016 8.81264 1.68348 19.1623 7.17408 23.9973C15.2855 31.1402 26.2679 25.5956 29.4595 16.2202C32.5936 7.01379 23.1674 4.22717 16.2384 2.59684",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"})]}),e("span",{children:"View prototypes"})]})]})})]})},q=({image:i,label:l,quote:s,setIsOpen:r})=>{const[o,a]=m.exports.useState(!1);return t("div",{onClick:()=>r(0),onMouseEnter:()=>a(!0),onMouseLeave:()=>a(!1),className:"lg:flew-row relative z-10 col-start-2 col-end-14 flex cursor-pointer flex-col items-center justify-center overflow-hidden rounded-lg lg:col-start-3 lg:col-end-13",children:[e("div",{className:"relative z-10 h-full w-full overflow-hidden rounded-lg",children:e(g,{width:"inherit",height:"inherit",className:"transition-standard w-full rounded-lg hover:scale-105",data:i,alt:l})}),e("div",{className:"pointer-events-none absolute left-0 top-0 z-20 hidden h-full w-full bg-gradient-to-t from-black to-black/0 object-cover lg:block"}),e("div",{className:"pointer-events-none bottom-12 z-30 text-center lg:absolute lg:px-10",children:t("div",{className:"w-full max-w-[535px]",children:[e("span",{className:"blockH8 mt-7 block font-medium text-orange lg:mt-0",children:l}),t("h2",{className:"richH2 mt-2 font-medium text-white lg:mt-4",children:[e("span",{className:"text-orange",children:"\u201C"}),s,e("span",{className:"text-orange",children:"\u201D"})]}),t("button",{className:"blockH8 mx-auto mt-4 flex items-center gap-x-3 font-medium",children:[t("svg",{width:"32",height:"29",viewBox:"0 0 32 29",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M15.7539 8.87207C15.7539 12.9064 16.2366 16.8979 16.2366 20.94",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e("path",{d:"M11.8945 15.1476C14.8677 14.2666 17.9885 14.1821 21.0662 14.1821",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e(h.path,{variants:u,initial:"initial",animate:o?"animate":"initial",d:"M20.5829 2.11412C15.2459 1.02247 10.5927 0.987209 5.75275 4.09862C-1.58016 8.81264 1.68348 19.1623 7.17408 23.9973C15.2855 31.1402 26.2679 25.5956 29.4595 16.2202C32.5936 7.01379 23.1674 4.22717 16.2384 2.59684",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"}),e("path",{className:"lg:hidden",d:"M20.5829 2.11412C15.2459 1.02247 10.5927 0.987209 5.75275 4.09862C-1.58016 8.81264 1.68348 19.1623 7.17408 23.9973C15.2855 31.1402 26.2679 25.5956 29.4595 16.2202C32.5936 7.01379 23.1674 4.22717 16.2384 2.59684",stroke:"#F27021",strokeWidth:"2",strokeLinecap:"round"})]}),e("span",{children:"See timeline"})]})]})})]})};function we({module:i}){const{config:l,timeline:s,prototypes:r,video:o,videoUrl:a}=i,[n,c]=m.exports.useState(!1);return t(S,{children:[t(W,{...l,className:"relative grid grid-cols-14 gap-y-25 lg:gap-y-4",children:[e(q,{...s,setIsOpen:c}),t("div",{className:"col-start-2 col-end-14 flex flex-col gap-x-7 gap-y-25 lg:col-start-3 lg:col-end-13 lg:flex-row lg:gap-y-4",children:[e($,{...r,setIsOpen:c}),e(U,{...o,setIsOpen:c})]})]}),e(F,{mode:"wait",children:e(D,{isOpen:n,setIsOpen:c,...i},n)}),e(V,{open:n===2,url:a,setIsOpen:c})]})}export{we as default};
2//# sourceMappingURL=5eef9ca8.js.map