@zenpatient-org/healthspan-marketing-ui 0.1.140 → 0.1.141

package/dist/modules/CallToAction/CallToAction.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),G=require("../../components/Button/Button.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/Icon/Icon.cjs.js"),C=require("../../components/Icon/constants.cjs.js"),R=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),K=require("../../node_modules/@gsap/react/src/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),J=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(M.ScrollTrigger);const Q=({subtitle:k,titleTop:P,scrollableLabels:v,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const o=l.useRef(null),i=l.useRef(null),T=l.useRef(null),h=l.useRef(null),m=l.useRef(null),N=l.useRef(null),y=l.useRef(null),b=l.useRef(null),x=l.useRef(null);return K.useGSAP(()=>{var S,V,w;const u=o.current&&o.current.getBoundingClientRect().top<window.innerHeight*.8,d=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[d,h.current,i.current,m.current,q,y.current,b.current,x.current].filter(Boolean);a.gsap.set(z,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100});const f=a.gsap.to([d,h.current,i.current,m.current,q,y.current,b.current,x.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:1,stagger:{amount:1,from:"start"},paused:!0});M.ScrollTrigger.create({trigger:o.current,start:"top 80%",end:"+=500",onEnter:()=>f.play(),onEnterBack:()=>f.play(),onLeaveBack:()=>f.reverse()}),u&&a.gsap.delayedCall(.1,()=>{f.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const _=r.innerHTML;let n=null,H=!0;const L=()=>{n&&n.kill(),r.innerHTML=_,a.gsap.set(r,{y:0});const s=Array.from(r.querySelectorAll("li"));if(s.length<=1)return;const j=s[0].clientHeight;if(!j)return;a.gsap.set(i.current,{height:j,overflow:"hidden"});const I=Array.from(s);I.forEach(E=>{r.appendChild(E.cloneNode(!0))});const F=H&&!u?2.5:0;n=a.gsap.timeline({repeat:-1,delay:F,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((E,D)=>{n&&n.to({},{duration:2}).to(r,{y:`-${(D+1)*j}`,duration:.5,ease:"power1.inOut"})}),H=!1},c=J.default(L,200);return L(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=_,a.gsap.set(r,{y:0}))}},[v]),e.jsxs("section",{ref:o,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${X})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:h,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:v.map((u,d)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:u})},d))})}),e.jsx("div",{ref:m,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:B})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(R.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:k})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(p.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(A.Icon,{name:C.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:y,children:e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:W})}),e.jsx("div",{ref:b,className:t.default.buttonWrapper,children:g&&e.jsx(G.Button,{as:g?"a":"button",href:g,variant:"secondary",size:"lg",children:O})}),e.jsxs("div",{ref:x,className:t.default.hsaEligible,children:[e.jsx(A.Icon,{name:C.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(p.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:$})]})]})})]})]})};exports.CallToAction=Q;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),G=require("../../components/Button/Button.cjs.js"),p=require("../../components/Typography/Typography.cjs.js"),A=require("../../components/Icon/Icon.cjs.js"),C=require("../../components/Icon/constants.cjs.js"),R=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../node_modules/gsap/index.cjs.js"),K=require("../../node_modules/@gsap/react/src/index.cjs.js"),M=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),J=require("../../utils/debounce.cjs.js"),t=require("./callToAction.module.css.cjs.js");a.gsap.registerPlugin(M.ScrollTrigger);const Q=({subtitle:k,titleTop:P,scrollableLabels:v,titleBottom:B,description:W,hsaText:$,buttonText:O,buttonLink:g,backgroundImage:X})=>{const o=l.useRef(null),i=l.useRef(null),T=l.useRef(null),h=l.useRef(null),m=l.useRef(null),N=l.useRef(null),y=l.useRef(null),b=l.useRef(null),x=l.useRef(null);return K.useGSAP(()=>{var S,V,w;const u=o.current&&o.current.getBoundingClientRect().top<window.innerHeight*.8,d=(S=T.current)==null?void 0:S.querySelector("p"),q=(V=N.current)==null?void 0:V.querySelector("p"),z=[d,h.current,i.current,m.current,q,y.current,b.current,x.current].filter(Boolean);a.gsap.set(z,{clipPath:"inset(0% 0% 100% 0%)",yPercent:100});const f=a.gsap.to([d,h.current,i.current,m.current,q,y.current,b.current,x.current],{clipPath:"inset(0% 0% 0% 0%)",yPercent:0,duration:1,ease:"power2.out",delay:.3,stagger:{amount:1,from:"start"},paused:!0});M.ScrollTrigger.create({trigger:o.current,start:"top 80%",end:"+=500",onEnter:()=>f.play(),onEnterBack:()=>f.play(),onLeaveBack:()=>f.reverse()}),u&&a.gsap.delayedCall(.1,()=>{f.play()});const r=(w=i.current)==null?void 0:w.querySelector("ul");if(!r)return;const _=r.innerHTML;let n=null,H=!0;const L=()=>{n&&n.kill(),r.innerHTML=_,a.gsap.set(r,{y:0});const s=Array.from(r.querySelectorAll("li"));if(s.length<=1)return;const j=s[0].clientHeight;if(!j)return;a.gsap.set(i.current,{height:j,overflow:"hidden"});const I=Array.from(s);I.forEach(E=>{r.appendChild(E.cloneNode(!0))});const F=H&&!u?2.5:0;n=a.gsap.timeline({repeat:-1,delay:F,onRepeat:()=>{a.gsap.set(r,{y:0})}}),I.forEach((E,D)=>{n&&n.to({},{duration:2}).to(r,{y:`-${(D+1)*j}`,duration:.5,ease:"power1.inOut"})}),H=!1},c=J.default(L,200);return L(),window.addEventListener("resize",c),()=>{var s;window.removeEventListener("resize",c),(s=c.kill)==null||s.call(c),n&&n.kill(),r&&(r.innerHTML=_,a.gsap.set(r,{y:0}))}},[v]),e.jsxs("section",{ref:o,className:t.default.root,children:[e.jsx("div",{className:t.default.backgroundImage,style:{backgroundImage:`url(${X})`}}),e.jsxs("div",{className:t.default.container,children:[e.jsx("div",{className:t.default.leftContent,children:e.jsxs("div",{className:t.default.content,children:[e.jsx("div",{ref:h,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:P})}),e.jsx("div",{ref:i,className:t.default.scrollableLabelsWrapper,children:e.jsx("ul",{className:t.default.scrollableLabels,children:v.map((u,d)=>e.jsx("li",{className:t.default.scrollableLabel,children:e.jsx(p.Typography,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"span",children:u})},d))})}),e.jsx("div",{ref:m,children:e.jsx(R.HighlightedTitle,{defaultVariant:"displayXl",mobileVariant:"displayMd",as:"div",className:t.default.title,title:B})})]})}),e.jsx("div",{ref:T,className:t.default.subtitleWrapper,children:e.jsx(R.HighlightedTitle,{defaultVariant:"labelMd",mobileVariant:"labelSm",as:"div",className:t.default.subtitle,title:k})}),e.jsx("div",{ref:N,className:t.default.arrowWrapper,children:e.jsxs(p.Typography,{defaultVariant:"labelXl",mobileVariant:"labelLg",className:t.default.arrow,as:"p",children:["(",e.jsx(A.Icon,{name:C.EIconName.ARROW_FORWARD}),")"]})}),e.jsx("div",{className:t.default.rightContent,children:e.jsxs("div",{className:t.default.descriptionWrapper,children:[e.jsx("div",{ref:y,children:e.jsx(p.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodyMd",className:t.default.description,children:W})}),e.jsx("div",{ref:b,className:t.default.buttonWrapper,children:g&&e.jsx(G.Button,{as:g?"a":"button",href:g,variant:"secondary",size:"lg",children:O})}),e.jsxs("div",{ref:x,className:t.default.hsaEligible,children:[e.jsx(A.Icon,{name:C.EIconName.CIRCLE_CHECK_FILL,className:t.default.checkIcon}),e.jsx(p.Typography,{as:"p",defaultVariant:"bodySm",mobileVariant:"bodySm",className:t.default.hsaText,children:$})]})]})})]})]})};exports.CallToAction=Q;

package/dist/modules/CallToAction/CallToAction.es.js

@@ -56,7 +56,7 @@ const ce = ({
         yPercent: 0,
         duration: 1,
         ease: "power2.out",
-        delay: 1,
+        delay: 0.3,
         stagger: {
           amount: 1,
           from: "start"

package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),H=require("../../node_modules/@gsap/react/src/index.cjs.js"),d=require("../../node_modules/gsap/index.cjs.js"),u=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),w=require("react"),V=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),A=require("../../utils/debounce.cjs.js"),r=require("./expandingDetails.module.css.cjs.js");d.gsap.registerPlugin(u.ScrollTrigger);const $=({colorScheme:h,label:f,title:N,sections:P})=>{const s=w.useRef(null);return H.useGSAP(()=>{if(!s.current)return;const a=()=>{var x;d.gsap.killTweensOf("*"),u.ScrollTrigger.getAll().forEach(e=>e.kill());const o=d.gsap.utils.toArray('[data-scroll-id="section"]'),t=(x=s.current)==null?void 0:x.querySelector('[data-scroll-id="sections"]');if(!t)return;const p=d.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),y=t==null?void 0:t.querySelector('[data-scroll-id="heading"]');if(!y)return;d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="section"]'),{height:y.offsetHeight||0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),d.gsap.set(t==null?void 0:t.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5});const m=window.innerWidth<768?1.2:2,S=window.innerWidth<768?1.2:2;o.forEach((e,E)=>{var q,T,j,v,b;const g=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),i=e==null?void 0:e.querySelector('[data-scroll-id="content"]');!g||!i||(p.to(e,{height:g.offsetHeight+i.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:m,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:S,yPercent:50},"<").to(i,{height:i.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),E<o.length-1&&p.to(e,{height:g.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:g.offsetHeight+i.offsetHeight},"<").to(((q=e.nextElementSibling)==null?void 0:q.querySelector('[data-scroll-id="section-title"]'))||null,{scale:m,yPercent:100},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="section-index"]'))||null,{scale:S,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="content"]'))||null,{height:i.offsetHeight,yPercent:0},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((b=e.nextElementSibling)==null?void 0:b.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(i,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})};a();const c=A.default(()=>{a()},200);return window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c),u.ScrollTrigger.getAll().forEach(o=>o.kill()),d.gsap.killTweensOf("*")}},{scope:s,dependencies:[s]}),l.jsx("div",{ref:s,className:`${r.default.root} ${r.default[h]}`,children:l.jsxs("div",{className:r.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:r.default.header,children:[f&&l.jsx(n.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:r.default.label,children:f}),l.jsx(V.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:h,className:r.default.title,title:N})]}),l.jsx("div",{"data-scroll-id":"sections",className:r.default.sections,children:P.map((a,c)=>l.jsxs("div",{id:`section-${c+1}`,"data-scroll-id":"section",className:r.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:r.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:r.default.sectionTitleWrapper,children:l.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",className:r.default.sectionTitle,children:a.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:r.default.sectionIndexWrapper,children:l.jsxs(n.Typography,{as:"p",defaultVariant:"headingSm",className:r.default.sectionIndex,children:["(",String(c+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:r.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:r.default.protocolWrapper,children:[a.subtitle&&l.jsx(n.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:a.subtitle}),l.jsx(n.Typography,{className:r.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:a.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:r.default.imageCircle,children:l.jsx("img",{src:a.image,alt:a.title})})]}),l.jsx("div",{className:r.default.leftBorder}),l.jsx("div",{className:r.default.rightBorder})]},a.title))})]})})};exports.ExpandingDetails=$;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),R=require("../../node_modules/@gsap/react/src/index.cjs.js"),i=require("../../node_modules/gsap/index.cjs.js"),y=require("../../node_modules/gsap/ScrollTrigger.cjs.js"),W=require("react"),z=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),n=require("../../components/Typography/Typography.cjs.js"),B=require("../../utils/debounce.cjs.js"),t=require("./expandingDetails.module.css.cjs.js");i.gsap.registerPlugin(y.ScrollTrigger);const L=({colorScheme:f,label:p,title:w,sections:$})=>{const s=W.useRef(null);return R.useGSAP(()=>{if(!s.current)return;const d=()=>{var x;i.gsap.killTweensOf("*"),y.ScrollTrigger.getAll().forEach(e=>e.kill());const o=i.gsap.utils.toArray('[data-scroll-id="section"]'),r=(x=s.current)==null?void 0:x.querySelector('[data-scroll-id="sections"]');if(!r)return;const A=i.gsap.matchMedia(),h=i.gsap.timeline({scrollTrigger:{trigger:s.current,start:"top top",end:()=>`+=${o.length*500}`,scrub:1,markers:!1,pin:!0}}),m=r==null?void 0:r.querySelector('[data-scroll-id="heading"]');if(!m)return;const S=1366;o.forEach((e,q)=>{A.add({isMobile:`(max-width: ${S}px)`,isDesktop:`(min-width: ${S+1}px)`},D=>{var b,P,j,T,v,E,H,N,k,V;const c=e==null?void 0:e.querySelector('[data-scroll-id="heading"]'),a=e==null?void 0:e.querySelector('[data-scroll-id="content"]');if(!c||!a)return;const g=D.conditions,M=g==null?void 0:g.isMobile,_=g==null?void 0:g.isDesktop;i.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="section"]'),{height:m.offsetHeight||0}),i.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="protocol"]'),{scale:.5,yPercent:0}),i.gsap.set(r==null?void 0:r.querySelectorAll('[data-scroll-id="image-circle"]'),{scale:.5,yPercent:5}),_&&(h.to(e,{height:c.offsetHeight+a.offsetHeight}).to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:2,yPercent:50},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:2,yPercent:50},"<").to(a,{height:a.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),q<o.length-1&&h.to(e,{height:c.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:c.offsetHeight+a.offsetHeight},"<").to(((b=e.nextElementSibling)==null?void 0:b.querySelector('[data-scroll-id="section-title"]'))||null,{scale:2,yPercent:100},"<").to(((P=e.nextElementSibling)==null?void 0:P.querySelector('[data-scroll-id="section-index"]'))||null,{scale:2,yPercent:100},"<").to(((j=e.nextElementSibling)==null?void 0:j.querySelector('[data-scroll-id="content"]'))||null,{height:a.offsetHeight,yPercent:0},"<").to(((T=e.nextElementSibling)==null?void 0:T.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((v=e.nextElementSibling)==null?void 0:v.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(a,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<")),M&&(h.to(e,{height:c.offsetHeight+a.offsetHeight}).to(a,{height:a.offsetHeight},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:1},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:1,yPercent:5},"<"),q<o.length-1&&h.to(e,{height:c.offsetHeight,delay:.5}).to(e.nextElementSibling,{height:c.offsetHeight+a.offsetHeight},"<").to(((E=e.nextElementSibling)==null?void 0:E.querySelector('[data-scroll-id="section-title"]'))||null,{scale:1,yPercent:100},"<").to(((H=e.nextElementSibling)==null?void 0:H.querySelector('[data-scroll-id="section-index"]'))||null,{scale:1,yPercent:100},"<").to(((N=e.nextElementSibling)==null?void 0:N.querySelector('[data-scroll-id="content"]'))||null,{height:a.offsetHeight,yPercent:0},"<").to(((k=e.nextElementSibling)==null?void 0:k.querySelector('[data-scroll-id="protocol"]'))||null,{scale:1},"<").to(((V=e.nextElementSibling)==null?void 0:V.querySelector('[data-scroll-id="image-circle"]'))||null,{scale:1,yPercent:5},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-title"]'),{scale:1,yPercent:-15},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="section-index"]'),{scale:1,yPercent:-15},"<").to(a,{height:0,yPercent:0},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="protocol"]'),{scale:0,yPercent:200},"<").to(e==null?void 0:e.querySelector('[data-scroll-id="image-circle"]'),{scale:0,yPercent:200},"<"))})})};d();const u=B.default(()=>{d()},200);return window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),y.ScrollTrigger.getAll().forEach(o=>o.kill()),i.gsap.killTweensOf("*")}},{scope:s,dependencies:[s]}),l.jsx("div",{ref:s,className:`${t.default.root} ${t.default[f]}`,children:l.jsxs("div",{className:t.default.expandingDetailsWrapper,children:[l.jsxs("header",{"data-scroll-id":"header",className:t.default.header,children:[p&&l.jsx(n.Typography,{as:"div",defaultVariant:"labelSm",emphasis:!0,className:t.default.label,children:p}),l.jsx(z.HighlightedTitle,{as:"div",defaultVariant:"displayMd",mobileVariant:"headingXl",colorScheme:f,className:t.default.title,title:w})]}),l.jsx("div",{"data-scroll-id":"sections",className:t.default.sections,children:$.map((d,u)=>l.jsxs("div",{id:`section-${u+1}`,"data-scroll-id":"section",className:t.default.section,children:[l.jsxs("div",{"data-scroll-id":"heading",className:t.default.heading,children:[l.jsx("div",{"data-scroll-id":"section-title",className:t.default.sectionTitleWrapper,children:l.jsx(n.Typography,{as:"h3",defaultVariant:"headingSm",className:t.default.sectionTitle,children:d.title})}),l.jsx("div",{"data-scroll-id":"section-index",className:t.default.sectionIndexWrapper,children:l.jsxs(n.Typography,{as:"p",defaultVariant:"headingSm",className:t.default.sectionIndex,children:["(",String(u+1).padStart(2,"0"),")"]})})]}),l.jsxs("div",{"data-scroll-id":"content",className:t.default.content,children:[l.jsxs("div",{"data-scroll-id":"protocol",className:t.default.protocolWrapper,children:[d.subtitle&&l.jsx(n.Typography,{as:"h4",defaultVariant:"headingLg",mobileVariant:"headingXs",children:d.subtitle}),l.jsx(n.Typography,{className:t.default.description,as:"div",defaultVariant:"bodyMd",mobileVariant:"bodyXs",children:d.description})]}),l.jsx("div",{"data-scroll-id":"image-circle",className:t.default.imageCircle,children:l.jsx("img",{src:d.image,alt:d.title})})]}),l.jsx("div",{className:t.default.leftBorder}),l.jsx("div",{className:t.default.rightBorder})]},d.title))})]})})};exports.ExpandingDetails=L;

package/dist/modules/ExpandingDetails/ExpandingDetails.es.js

@@ -1,161 +1,234 @@
 "use client";
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useGSAP as V } from "../../node_modules/@gsap/react/src/index.es.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useGSAP as L } from "../../node_modules/@gsap/react/src/index.es.js";
 import { gsap as i } from "../../node_modules/gsap/index.es.js";
-import { ScrollTrigger as m } from "../../node_modules/gsap/ScrollTrigger.es.js";
-import { useRef as A } from "react";
-import { HighlightedTitle as W } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as h } from "../../components/Typography/Typography.es.js";
-import k from "../../utils/debounce.es.js";
+import { ScrollTrigger as y } from "../../node_modules/gsap/ScrollTrigger.es.js";
+import { useRef as R } from "react";
+import { HighlightedTitle as X } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as m } from "../../components/Typography/Typography.es.js";
+import j from "../../utils/debounce.es.js";
 import l from "./expandingDetails.module.css.es.js";
-i.registerPlugin(m);
-const O = ({ colorScheme: u, label: f, title: w, sections: T }) => {
-  const o = A(null);
-  return V(
+i.registerPlugin(y);
+const Z = ({ colorScheme: f, label: p, title: M, sections: $ }) => {
+  const s = R(null);
+  return L(
     () => {
-      if (!o.current) return;
-      const a = () => {
-        var v;
-        i.killTweensOf("*"), m.getAll().forEach((e) => e.kill());
-        const n = i.utils.toArray('[data-scroll-id="section"]'), r = (v = o.current) == null ? void 0 : v.querySelector('[data-scroll-id="sections"]');
+      if (!s.current) return;
+      const d = () => {
+        var b;
+        i.killTweensOf("*"), y.getAll().forEach((e) => e.kill());
+        const h = i.utils.toArray('[data-scroll-id="section"]'), r = (b = s.current) == null ? void 0 : b.querySelector('[data-scroll-id="sections"]');
         if (!r) return;
-        const p = i.timeline({
+        const D = i.matchMedia(), u = i.timeline({
           scrollTrigger: {
-            trigger: o.current,
+            trigger: s.current,
             start: "top top",
-            end: () => `+=${n.length * 500}`,
+            end: () => `+=${h.length * 500}`,
             scrub: 1,
             markers: !1,
             pin: !0
           }
-        }), y = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
-        if (!y) return;
-        i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
-          height: y.offsetHeight || 0
-        }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
-          scale: 0.5,
-          yPercent: 0
-        }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
-          scale: 0.5,
-          yPercent: 5
-        });
-        const S = window.innerWidth < 768 ? 1.2 : 2, q = window.innerWidth < 768 ? 1.2 : 2;
-        n.forEach((e, H) => {
-          var N, x, b, P, E;
-          const g = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), d = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
-          !g || !d || (p.to(e, { height: g.offsetHeight + d.offsetHeight }).to(
-            e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
-            { scale: S, yPercent: 50 },
-            "<"
-          ).to(
-            e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
-            { scale: q, yPercent: 50 },
-            "<"
-          ).to(d, { height: d.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'), { scale: 1, yPercent: 5 }, "<"), H < n.length - 1 && p.to(e, { height: g.offsetHeight, delay: 0.5 }).to(
-            e.nextElementSibling,
-            { height: g.offsetHeight + d.offsetHeight },
-            "<"
-          ).to(
-            ((N = e.nextElementSibling) == null ? void 0 : N.querySelector('[data-scroll-id="section-title"]')) || null,
-            { scale: S, yPercent: 100 },
-            "<"
-          ).to(
-            ((x = e.nextElementSibling) == null ? void 0 : x.querySelector('[data-scroll-id="section-index"]')) || null,
-            { scale: q, yPercent: 100 },
-            "<"
-          ).to(
-            ((b = e.nextElementSibling) == null ? void 0 : b.querySelector('[data-scroll-id="content"]')) || null,
-            { height: d.offsetHeight, yPercent: 0 },
-            "<"
-          ).to(
-            ((P = e.nextElementSibling) == null ? void 0 : P.querySelector('[data-scroll-id="protocol"]')) || null,
-            { scale: 1 },
-            "<"
-          ).to(
-            ((E = e.nextElementSibling) == null ? void 0 : E.querySelector('[data-scroll-id="image-circle"]')) || null,
-            { scale: 1, yPercent: 5 },
-            "<"
-          ).to(
-            e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
-            { scale: 1, yPercent: -15 },
-            "<"
-          ).to(
-            e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
-            { scale: 1, yPercent: -15 },
-            "<"
-          ).to(d, { height: 0, yPercent: 0 }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 0, yPercent: 200 }, "<").to(
-            e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
-            { scale: 0, yPercent: 200 },
-            "<"
-          ));
+        }), S = r == null ? void 0 : r.querySelector('[data-scroll-id="heading"]');
+        if (!S) return;
+        const q = 1366;
+        h.forEach((e, x) => {
+          D.add(
+            {
+              isMobile: `(max-width: ${q}px)`,
+              isDesktop: `(min-width: ${q + 1}px)`
+            },
+            (W) => {
+              var P, v, E, N, H, k, T, V, w, A;
+              const c = e == null ? void 0 : e.querySelector('[data-scroll-id="heading"]'), t = e == null ? void 0 : e.querySelector('[data-scroll-id="content"]');
+              if (!c || !t) return;
+              const g = W.conditions, z = g == null ? void 0 : g.isMobile, B = g == null ? void 0 : g.isDesktop;
+              i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="section"]'), {
+                height: S.offsetHeight || 0
+              }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="protocol"]'), {
+                scale: 0.5,
+                yPercent: 0
+              }), i.set(r == null ? void 0 : r.querySelectorAll('[data-scroll-id="image-circle"]'), {
+                scale: 0.5,
+                yPercent: 5
+              }), B && (u.to(e, { height: c.offsetHeight + t.offsetHeight }).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+                { scale: 2, yPercent: 50 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+                { scale: 2, yPercent: 50 },
+                "<"
+              ).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+                { scale: 1, yPercent: 5 },
+                "<"
+              ), x < h.length - 1 && u.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
+                e.nextElementSibling,
+                { height: c.offsetHeight + t.offsetHeight },
+                "<"
+              ).to(
+                ((P = e.nextElementSibling) == null ? void 0 : P.querySelector(
+                  '[data-scroll-id="section-title"]'
+                )) || null,
+                { scale: 2, yPercent: 100 },
+                "<"
+              ).to(
+                ((v = e.nextElementSibling) == null ? void 0 : v.querySelector(
+                  '[data-scroll-id="section-index"]'
+                )) || null,
+                { scale: 2, yPercent: 100 },
+                "<"
+              ).to(
+                ((E = e.nextElementSibling) == null ? void 0 : E.querySelector('[data-scroll-id="content"]')) || null,
+                { height: t.offsetHeight, yPercent: 0 },
+                "<"
+              ).to(
+                ((N = e.nextElementSibling) == null ? void 0 : N.querySelector('[data-scroll-id="protocol"]')) || null,
+                { scale: 1 },
+                "<"
+              ).to(
+                ((H = e.nextElementSibling) == null ? void 0 : H.querySelector(
+                  '[data-scroll-id="image-circle"]'
+                )) || null,
+                { scale: 1, yPercent: 5 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+                { scale: 1, yPercent: -15 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+                { scale: 1, yPercent: -15 },
+                "<"
+              ).to(t, { height: 0, yPercent: 0 }, "<").to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
+                { scale: 0, yPercent: 200 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+                { scale: 0, yPercent: 200 },
+                "<"
+              )), z && (u.to(e, { height: c.offsetHeight + t.offsetHeight }).to(t, { height: t.offsetHeight }, "<").to(e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'), { scale: 1 }, "<").to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+                { scale: 1, yPercent: 5 },
+                "<"
+              ), x < h.length - 1 && u.to(e, { height: c.offsetHeight, delay: 0.5 }).to(
+                e.nextElementSibling,
+                { height: c.offsetHeight + t.offsetHeight },
+                "<"
+              ).to(
+                ((k = e.nextElementSibling) == null ? void 0 : k.querySelector(
+                  '[data-scroll-id="section-title"]'
+                )) || null,
+                { scale: 1, yPercent: 100 },
+                "<"
+              ).to(
+                ((T = e.nextElementSibling) == null ? void 0 : T.querySelector(
+                  '[data-scroll-id="section-index"]'
+                )) || null,
+                { scale: 1, yPercent: 100 },
+                "<"
+              ).to(
+                ((V = e.nextElementSibling) == null ? void 0 : V.querySelector('[data-scroll-id="content"]')) || null,
+                { height: t.offsetHeight, yPercent: 0 },
+                "<"
+              ).to(
+                ((w = e.nextElementSibling) == null ? void 0 : w.querySelector('[data-scroll-id="protocol"]')) || null,
+                { scale: 1 },
+                "<"
+              ).to(
+                ((A = e.nextElementSibling) == null ? void 0 : A.querySelector(
+                  '[data-scroll-id="image-circle"]'
+                )) || null,
+                { scale: 1, yPercent: 5 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="section-title"]'),
+                { scale: 1, yPercent: -15 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="section-index"]'),
+                { scale: 1, yPercent: -15 },
+                "<"
+              ).to(t, { height: 0, yPercent: 0 }, "<").to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="protocol"]'),
+                { scale: 0, yPercent: 200 },
+                "<"
+              ).to(
+                e == null ? void 0 : e.querySelector('[data-scroll-id="image-circle"]'),
+                { scale: 0, yPercent: 200 },
+                "<"
+              ));
+            }
+          );
         });
       };
-      a();
-      const s = k(() => {
-        a();
+      d();
+      const n = j(() => {
+        d();
       }, 200);
-      return window.addEventListener("resize", s), () => {
-        window.removeEventListener("resize", s), m.getAll().forEach((n) => n.kill()), i.killTweensOf("*");
+      return window.addEventListener("resize", n), () => {
+        window.removeEventListener("resize", n), y.getAll().forEach((h) => h.kill()), i.killTweensOf("*");
       };
     },
     {
-      scope: o,
-      dependencies: [o]
+      scope: s,
+      dependencies: [s]
     }
-  ), /* @__PURE__ */ t("div", { ref: o, className: `${l.root} ${l[u]}`, children: /* @__PURE__ */ c("div", { className: l.expandingDetailsWrapper, children: [
-    /* @__PURE__ */ c("header", { "data-scroll-id": "header", className: l.header, children: [
-      f && /* @__PURE__ */ t(h, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: f }),
-      /* @__PURE__ */ t(
-        W,
+  ), /* @__PURE__ */ a("div", { ref: s, className: `${l.root} ${l[f]}`, children: /* @__PURE__ */ o("div", { className: l.expandingDetailsWrapper, children: [
+    /* @__PURE__ */ o("header", { "data-scroll-id": "header", className: l.header, children: [
+      p && /* @__PURE__ */ a(m, { as: "div", defaultVariant: "labelSm", emphasis: !0, className: l.label, children: p }),
+      /* @__PURE__ */ a(
+        X,
         {
           as: "div",
           defaultVariant: "displayMd",
           mobileVariant: "headingXl",
-          colorScheme: u,
+          colorScheme: f,
           className: l.title,
-          title: w
+          title: M
         }
       )
     ] }),
-    /* @__PURE__ */ t("div", { "data-scroll-id": "sections", className: l.sections, children: T.map((a, s) => /* @__PURE__ */ c(
+    /* @__PURE__ */ a("div", { "data-scroll-id": "sections", className: l.sections, children: $.map((d, n) => /* @__PURE__ */ o(
       "div",
       {
-        id: `section-${s + 1}`,
+        id: `section-${n + 1}`,
         "data-scroll-id": "section",
         className: l.section,
         children: [
-          /* @__PURE__ */ c("div", { "data-scroll-id": "heading", className: l.heading, children: [
-            /* @__PURE__ */ t("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ t(h, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: a.title }) }),
-            /* @__PURE__ */ t("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ c(h, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
+          /* @__PURE__ */ o("div", { "data-scroll-id": "heading", className: l.heading, children: [
+            /* @__PURE__ */ a("div", { "data-scroll-id": "section-title", className: l.sectionTitleWrapper, children: /* @__PURE__ */ a(m, { as: "h3", defaultVariant: "headingSm", className: l.sectionTitle, children: d.title }) }),
+            /* @__PURE__ */ a("div", { "data-scroll-id": "section-index", className: l.sectionIndexWrapper, children: /* @__PURE__ */ o(m, { as: "p", defaultVariant: "headingSm", className: l.sectionIndex, children: [
               "(",
-              String(s + 1).padStart(2, "0"),
+              String(n + 1).padStart(2, "0"),
               ")"
             ] }) })
           ] }),
-          /* @__PURE__ */ c("div", { "data-scroll-id": "content", className: l.content, children: [
-            /* @__PURE__ */ c("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
-              a.subtitle && /* @__PURE__ */ t(h, { as: "h4", defaultVariant: "headingLg", mobileVariant: "headingXs", children: a.subtitle }),
-              /* @__PURE__ */ t(
-                h,
+          /* @__PURE__ */ o("div", { "data-scroll-id": "content", className: l.content, children: [
+            /* @__PURE__ */ o("div", { "data-scroll-id": "protocol", className: l.protocolWrapper, children: [
+              d.subtitle && /* @__PURE__ */ a(m, { as: "h4", defaultVariant: "headingLg", mobileVariant: "headingXs", children: d.subtitle }),
+              /* @__PURE__ */ a(
+                m,
                 {
                   className: l.description,
                   as: "div",
                   defaultVariant: "bodyMd",
-                  mobileVariant: "bodySm",
-                  children: a.description
+                  mobileVariant: "bodyXs",
+                  children: d.description
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ t("img", { src: a.image, alt: a.title }) })
+            /* @__PURE__ */ a("div", { "data-scroll-id": "image-circle", className: l.imageCircle, children: /* @__PURE__ */ a("img", { src: d.image, alt: d.title }) })
           ] }),
-          /* @__PURE__ */ t("div", { className: l.leftBorder }),
-          /* @__PURE__ */ t("div", { className: l.rightBorder })
+          /* @__PURE__ */ a("div", { className: l.leftBorder }),
+          /* @__PURE__ */ a("div", { className: l.rightBorder })
         ]
       },
-      a.title
+      d.title
     )) })
   ] }) });
 };
 export {
-  O as ExpandingDetails
+  Z as ExpandingDetails
 };

package/dist/pageComponents/HomepageHero/HomepageHero.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),t=require("../../components/Typography/Typography.cjs.js"),i=require("../../components/Button/Button.cjs.js"),n=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),o=require("../../utils/cn/cn.cjs.js"),a=require("./homepageHero.module.css.cjs.js");function s(){return e.jsxs("section",{className:a.default.root,"data-type":"hero",children:[e.jsx("div",{className:a.default.carouselArea,children:e.jsx(n.MiddleCarousel,{})}),e.jsxs("div",{className:a.default.contentContainer,children:[e.jsx("div",{className:a.default.headline,children:e.jsx(r.HighlightedTitle,{colorScheme:"dark",title:e.jsx(t.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:a.default.callAction,children:[e.jsx(t.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:a.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.desktop),children:e.jsx(i.Button,{as:"a",href:"/join",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:o.cn(a.default.buttonWrapper,a.default.mobile),children:e.jsx(i.Button,{as:"a",href:"/join",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),a=require("../../components/Typography/Typography.cjs.js"),r=require("../../components/Button/Button.cjs.js"),s=require("./components/MiddleCarousel/MiddleCarousel.cjs.js"),i=require("../../utils/cn/cn.cjs.js"),t=require("./homepageHero.module.css.cjs.js");function n(){return e.jsxs("section",{className:t.default.root,"data-type":"hero",children:[e.jsx("div",{className:t.default.carouselArea,children:e.jsx(s.MiddleCarousel,{})}),e.jsxs("div",{className:t.default.contentContainer,children:[e.jsx("div",{className:t.default.headline,children:e.jsx(o.HighlightedTitle,{colorScheme:"dark",title:e.jsx(a.Typography,{as:"div",defaultVariant:"displayXs",mobileVariant:"headingLg",children:e.jsxs("p",{children:[e.jsx("b",{children:"Transform your quality of living"})," through the science of aging."]})})})}),e.jsxs("div",{className:t.default.callAction,children:[e.jsx(a.Typography,{as:"p",defaultVariant:"bodyLg",mobileVariant:"bodySm",className:t.default.text,children:"Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking."}),e.jsx("div",{className:i.cn(t.default.buttonWrapper,t.default.desktop),children:e.jsx(r.Button,{as:"a",href:"https://app.gethealthspan.com/#/get-started",variant:"secondary",size:"lg",children:"Join Healthspan"})}),e.jsx("div",{className:i.cn(t.default.buttonWrapper,t.default.mobile),children:e.jsx(r.Button,{as:"a",href:"https://app.gethealthspan.com/#/get-started",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=n;

package/dist/pageComponents/HomepageHero/HomepageHero.es.js

@@ -1,28 +1,28 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { HighlightedTitle as t } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as r } from "../../components/Typography/Typography.es.js";
-import { Button as o } from "../../components/Button/Button.es.js";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as t } from "../../components/Typography/Typography.es.js";
+import { Button as i } from "../../components/Button/Button.es.js";
 import { MiddleCarousel as l } from "./components/MiddleCarousel/MiddleCarousel.es.js";
-import { cn as n } from "../../utils/cn/cn.es.js";
+import { cn as o } from "../../utils/cn/cn.es.js";
 import a from "./homepageHero.module.css.es.js";
 function f() {
-  return /* @__PURE__ */ i("section", { className: a.root, "data-type": "hero", children: [
+  return /* @__PURE__ */ r("section", { className: a.root, "data-type": "hero", children: [
     /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(l, {}) }),
-    /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
+    /* @__PURE__ */ r("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ e("div", { className: a.headline, children: /* @__PURE__ */ e(
-        t,
+        n,
         {
           colorScheme: "dark",
-          title: /* @__PURE__ */ e(r, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ i("p", { children: [
+          title: /* @__PURE__ */ e(t, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ r("p", { children: [
             /* @__PURE__ */ e("b", { children: "Transform your quality of living" }),
             " through the science of aging."
           ] }) })
         }
       ) }),
-      /* @__PURE__ */ i("div", { className: a.callAction, children: [
-        /* @__PURE__ */ e(r, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.text, children: "Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking." }),
-        /* @__PURE__ */ e("div", { className: n(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(o, { as: "a", href: "/join", variant: "secondary", size: "lg", children: "Join Healthspan" }) }),
-        /* @__PURE__ */ e("div", { className: n(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(o, { as: "a", href: "/join", variant: "secondary", size: "md", children: "Join Healthspan" }) })
+      /* @__PURE__ */ r("div", { className: a.callAction, children: [
+        /* @__PURE__ */ e(t, { as: "p", defaultVariant: "bodyLg", mobileVariant: "bodySm", className: a.text, children: "Defy your age with advanced longevity protocols tailored to you by clinical experts and optimized over time through ongoing labs, performance coaching, and results tracking." }),
+        /* @__PURE__ */ e("div", { className: o(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(i, { as: "a", href: "https://app.gethealthspan.com/#/get-started", variant: "secondary", size: "lg", children: "Join Healthspan" }) }),
+        /* @__PURE__ */ e("div", { className: o(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(i, { as: "a", href: "https://app.gethealthspan.com/#/get-started", variant: "secondary", size: "md", children: "Join Healthspan" }) })
       ] })
     ] })
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.1.140",
+    "version": "0.1.141",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",