@zenpatient-org/healthspan-marketing-ui 0.1.143 → 0.1.144
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/modules/FeaturedIn/FeaturedIn.cjs.js +1 -1
- package/dist/modules/FeaturedIn/FeaturedIn.es.js +12 -5
- package/dist/pageComponents/HomepageHero/HomepageHero.cjs.js +1 -1
- package/dist/pageComponents/HomepageHero/HomepageHero.es.js +31 -13
- package/dist/pageComponents/PersonalizedProtocolHero/PersonalizedProtocolHero.cjs.js +1 -1
- package/dist/pageComponents/PersonalizedProtocolHero/PersonalizedProtocolHero.es.js +34 -34
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function i({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),o=require("../../components/InfiniteScroll/InfiniteScroll.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),s=require("../../utils/cn/cn.cjs.js"),a=require("./featuredIn.module.css.cjs.js");function i({media:n}){return e.jsx("div",{className:a.default.mediaFeaturedInBlock,children:n.filter(r=>!!r.logo).map(({logo:r,url:t},d)=>{const u=t?"a":"div";return e.jsx(u,{href:t,target:"_blank",rel:"noopener noreferrer",className:a.default.mediaFeaturedInImageContainer,children:e.jsx("div",{className:a.default.mediaFeaturedInImage,style:{backgroundImage:`url(${r})`}})},`${t}_${d}`)})})}function f({quote:n}){return e.jsx("div",{className:a.default.quoteFeaturedInBlock,children:e.jsxs(l.Typography,{as:"p",defaultVariant:"headingSm",mobileVariant:"headingXxs",className:a.default.quoteFeaturedInText,children:["“",n,"”"]})})}function m({button_label:n}){return e.jsx("a",{href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",className:a.default.ctaFeaturedIn,children:e.jsx("p",{className:a.default.ctaFeaturedInText,children:n})})}function p({label:n,content:r}){return e.jsxs("section",{className:a.default.container,children:[e.jsx("p",{className:s.cn(a.default.title,a.default.customTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"displayMd",className:s.cn(a.default.title,a.default.defaultTitle),children:"(Featured In)"}),e.jsx(l.Typography,{as:"p",defaultVariant:"labelMd",mobileVariant:"labelSm",className:a.default.label,children:n}),e.jsx(o.InfiniteScroll,{items:r,contentClassName:a.default.content,itemClassName:a.default.item,rootClassName:a.default.scrollRoot,renderItem:t=>e.jsxs(c.Fragment,{children:[t.type==="media"&&e.jsx(i,{media:t.media}),t.type==="quote"&&e.jsx(f,{quote:t.quote}),t.type==="cta"&&e.jsx(m,{button_label:t.button_label}),e.jsx("div",{className:a.default.spacer})]},t.type)})]})}exports.FeaturedIn=p;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsxs as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { Fragment as
|
|
2
|
+
import { Fragment as s } from "react";
|
|
3
3
|
import { InfiniteScroll as c } from "../../components/InfiniteScroll/InfiniteScroll.es.js";
|
|
4
4
|
import { Typography as o } from "../../components/Typography/Typography.es.js";
|
|
5
5
|
import { cn as i } from "../../utils/cn/cn.es.js";
|
|
6
6
|
import e from "./featuredIn.module.css.es.js";
|
|
7
7
|
function m({ media: r }) {
|
|
8
|
-
return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t },
|
|
8
|
+
return /* @__PURE__ */ a("div", { className: e.mediaFeaturedInBlock, children: r.filter((n) => !!n.logo).map(({ logo: n, url: t }, d) => /* @__PURE__ */ a(
|
|
9
9
|
t ? "a" : "div",
|
|
10
10
|
{
|
|
11
11
|
href: t,
|
|
@@ -14,7 +14,7 @@ function m({ media: r }) {
|
|
|
14
14
|
className: e.mediaFeaturedInImageContainer,
|
|
15
15
|
children: /* @__PURE__ */ a("div", { className: e.mediaFeaturedInImage, style: { backgroundImage: `url(${n})` } })
|
|
16
16
|
},
|
|
17
|
-
`${t}_${
|
|
17
|
+
`${t}_${d}`
|
|
18
18
|
)) });
|
|
19
19
|
}
|
|
20
20
|
function u({ quote: r }) {
|
|
@@ -34,7 +34,14 @@ function u({ quote: r }) {
|
|
|
34
34
|
) });
|
|
35
35
|
}
|
|
36
36
|
function p({ button_label: r }) {
|
|
37
|
-
return /* @__PURE__ */ a(
|
|
37
|
+
return /* @__PURE__ */ a(
|
|
38
|
+
"a",
|
|
39
|
+
{
|
|
40
|
+
href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
|
|
41
|
+
className: e.ctaFeaturedIn,
|
|
42
|
+
children: /* @__PURE__ */ a("p", { className: e.ctaFeaturedInText, children: r })
|
|
43
|
+
}
|
|
44
|
+
);
|
|
38
45
|
}
|
|
39
46
|
function y({ label: r, content: n }) {
|
|
40
47
|
return /* @__PURE__ */ l("section", { className: e.container, children: [
|
|
@@ -48,7 +55,7 @@ function y({ label: r, content: n }) {
|
|
|
48
55
|
contentClassName: e.content,
|
|
49
56
|
itemClassName: e.item,
|
|
50
57
|
rootClassName: e.scrollRoot,
|
|
51
|
-
renderItem: (t) => /* @__PURE__ */ l(
|
|
58
|
+
renderItem: (t) => /* @__PURE__ */ l(s, { children: [
|
|
52
59
|
t.type === "media" && /* @__PURE__ */ a(m, { media: t.media }),
|
|
53
60
|
t.type === "quote" && /* @__PURE__ */ a(u, { quote: t.quote }),
|
|
54
61
|
t.type === "cta" && /* @__PURE__ */ a(p, { button_label: t.button_label }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
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:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",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:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"md",children:"Join Healthspan"})})]})]})]})}exports.HomepageHero=s;
|
|
@@ -1,32 +1,50 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
|
-
import { Typography as
|
|
4
|
-
import { Button as
|
|
3
|
+
import { Typography as r } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { Button as o } from "../../components/Button/Button.es.js";
|
|
5
5
|
import { MiddleCarousel as l } from "./components/MiddleCarousel/MiddleCarousel.es.js";
|
|
6
|
-
import { cn as
|
|
6
|
+
import { cn as t } from "../../utils/cn/cn.es.js";
|
|
7
7
|
import a from "./homepageHero.module.css.es.js";
|
|
8
|
-
function
|
|
9
|
-
return /* @__PURE__ */
|
|
8
|
+
function u() {
|
|
9
|
+
return /* @__PURE__ */ i("section", { className: a.root, "data-type": "hero", children: [
|
|
10
10
|
/* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(l, {}) }),
|
|
11
|
-
/* @__PURE__ */
|
|
11
|
+
/* @__PURE__ */ i("div", { className: a.contentContainer, children: [
|
|
12
12
|
/* @__PURE__ */ e("div", { className: a.headline, children: /* @__PURE__ */ e(
|
|
13
13
|
n,
|
|
14
14
|
{
|
|
15
15
|
colorScheme: "dark",
|
|
16
|
-
title: /* @__PURE__ */ e(
|
|
16
|
+
title: /* @__PURE__ */ e(r, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ i("p", { children: [
|
|
17
17
|
/* @__PURE__ */ e("b", { children: "Transform your quality of living" }),
|
|
18
18
|
" through the science of aging."
|
|
19
19
|
] }) })
|
|
20
20
|
}
|
|
21
21
|
) }),
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */ e(
|
|
24
|
-
/* @__PURE__ */ e("div", { className:
|
|
25
|
-
|
|
22
|
+
/* @__PURE__ */ i("div", { className: a.callAction, children: [
|
|
23
|
+
/* @__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." }),
|
|
24
|
+
/* @__PURE__ */ e("div", { className: t(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(
|
|
25
|
+
o,
|
|
26
|
+
{
|
|
27
|
+
as: "a",
|
|
28
|
+
href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
|
|
29
|
+
variant: "secondary",
|
|
30
|
+
size: "lg",
|
|
31
|
+
children: "Join Healthspan"
|
|
32
|
+
}
|
|
33
|
+
) }),
|
|
34
|
+
/* @__PURE__ */ e("div", { className: t(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(
|
|
35
|
+
o,
|
|
36
|
+
{
|
|
37
|
+
as: "a",
|
|
38
|
+
href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
|
|
39
|
+
variant: "secondary",
|
|
40
|
+
size: "md",
|
|
41
|
+
children: "Join Healthspan"
|
|
42
|
+
}
|
|
43
|
+
) })
|
|
26
44
|
] })
|
|
27
45
|
] })
|
|
28
46
|
] });
|
|
29
47
|
}
|
|
30
48
|
export {
|
|
31
|
-
|
|
49
|
+
u as HomepageHero
|
|
32
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),x=require("./assets/prod1.png.cjs.js"),v=require("./assets/prod2.png.cjs.js"),y=require("./assets/prod3.png.cjs.js"),N=require("./assets/pill1.jpg.cjs.js"),j=require("./assets/pill2.jpg.cjs.js"),b=require("./assets/pill3.jpg.cjs.js"),T=require("./assets/graph1.svg.cjs.js"),V=require("./assets/graph2.svg.cjs.js"),I=require("./assets/graph3.svg.cjs.js"),e=require("./personalizedProtocolHero.module.css.cjs.js"),n=[{pill:N.default,product:x.default,protocol:"ENERGY",dosage:{text:"Oxytocin Nasal Spray",value:"3MG"},goal:"REDUCE STRESS",svg:T.default},{pill:j.default,product:v.default,protocol:"METABOLISM",dosage:{text:"Metformin",value:"3MG"},goal:"AUTOPHAGY INDUCTION",svg:V.default},{pill:b.default,product:y.default,protocol:"SENESCENCE",dosage:{text:"Rapamycin",value:"3MG"},goal:"LONGEVITY",svg:I.default}],q=()=>{const[i,f]=r.useState(0),[h,g]=r.useState(0),[s,u]=r.useState(!1);r.useEffect(()=>{const c=setInterval(()=>{const o=(i+1)%n.length;f(o),setTimeout(()=>{u(!0),setTimeout(()=>{g(o),u(!1)},200)},200)},2500);return()=>clearInterval(c)},[i]);const d=n[h];return a.jsx("section",{className:e.default.root,"data-type":"hero",children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.leftContent,children:[a.jsx("div",{className:e.default.title,children:a.jsx(m.HighlightedTitle,{as:"p",colorScheme:"dark",defaultVariant:"displayMd",mobileVariant:"displayXs",title:a.jsxs(a.Fragment,{children:["A longevity protocol that's ",a.jsx("b",{children:"all you"})]})})}),a.jsx(l.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:"There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals."}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.mobile),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),l=require("../../components/Typography/Typography.cjs.js"),p=require("../../components/Button/Button.cjs.js"),t=require("../../utils/cn/cn.cjs.js"),x=require("./assets/prod1.png.cjs.js"),v=require("./assets/prod2.png.cjs.js"),y=require("./assets/prod3.png.cjs.js"),N=require("./assets/pill1.jpg.cjs.js"),j=require("./assets/pill2.jpg.cjs.js"),b=require("./assets/pill3.jpg.cjs.js"),T=require("./assets/graph1.svg.cjs.js"),V=require("./assets/graph2.svg.cjs.js"),I=require("./assets/graph3.svg.cjs.js"),e=require("./personalizedProtocolHero.module.css.cjs.js"),n=[{pill:N.default,product:x.default,protocol:"ENERGY",dosage:{text:"Oxytocin Nasal Spray",value:"3MG"},goal:"REDUCE STRESS",svg:T.default},{pill:j.default,product:v.default,protocol:"METABOLISM",dosage:{text:"Metformin",value:"3MG"},goal:"AUTOPHAGY INDUCTION",svg:V.default},{pill:b.default,product:y.default,protocol:"SENESCENCE",dosage:{text:"Rapamycin",value:"3MG"},goal:"LONGEVITY",svg:I.default}],q=()=>{const[i,f]=r.useState(0),[h,g]=r.useState(0),[s,u]=r.useState(!1);r.useEffect(()=>{const c=setInterval(()=>{const o=(i+1)%n.length;f(o),setTimeout(()=>{u(!0),setTimeout(()=>{g(o),u(!1)},200)},200)},2500);return()=>clearInterval(c)},[i]);const d=n[h];return a.jsx("section",{className:e.default.root,"data-type":"hero",children:a.jsxs("div",{className:e.default.container,children:[a.jsxs("div",{className:e.default.leftContent,children:[a.jsx("div",{className:e.default.title,children:a.jsx(m.HighlightedTitle,{as:"p",colorScheme:"dark",defaultVariant:"displayMd",mobileVariant:"displayXs",title:a.jsxs(a.Fragment,{children:["A longevity protocol that's ",a.jsx("b",{children:"all you"})]})})}),a.jsx(l.Typography,{className:e.default.description,as:"p",defaultVariant:"bodyMd",mobileVariant:"bodySm",children:"There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals."}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.mobile),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"md",children:"Join Healthspan"})}),a.jsx("div",{className:t.cn(e.default.buttonWrap,e.default.desktop),children:a.jsx(p.Button,{as:"a",href:"https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",variant:"secondary",size:"lg",children:"Join Healthspan"})})]}),a.jsx("div",{className:e.default.pillContainer,children:n.map((c,o)=>a.jsx("img",{src:c.pill,className:t.cn(e.default.pillImage,o===i&&e.default.active,o===(i-1+n.length)%n.length&&e.default.exiting),alt:"Pill"},o))}),a.jsxs("div",{className:e.default.textContainer,children:[a.jsxs("div",{className:e.default.protocolContainer,children:[a.jsx(l.Typography,{className:e.default.protocolText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Protocol"}),a.jsx("div",{className:t.cn(e.default.protocolFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.protocolValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.protocol})})]}),a.jsxs("div",{className:e.default.dosageContainer,children:[a.jsx("div",{className:t.cn(e.default.dosageImageFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx("img",{src:d.product,className:e.default.dosageItem,alt:"Product"})}),a.jsxs("div",{className:e.default.dosageTextBlock,children:[a.jsx("div",{className:t.cn(e.default.dosageTextFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:d.dosage.text})}),a.jsx("div",{className:t.cn(e.default.dosageValueFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.dosageValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.dosage.value})})]})]}),a.jsxs("div",{className:e.default.goalContainer,children:[a.jsx(l.Typography,{className:e.default.goalText,as:"p",defaultVariant:"labelMd",mobileVariant:"labelXs",children:"Goal"}),a.jsx("div",{className:t.cn(e.default.goalFade,s?e.default.fadeOut:e.default.fadeIn),children:a.jsx(l.Typography,{className:e.default.goalValue,as:"p",defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,children:d.goal})})]}),a.jsx("div",{className:e.default.svgContainer,children:a.jsx("div",{className:t.cn(e.default.svgFade,s?e.default.fadeOut:e.default.fadeIn),children:r.createElement(d.svg,{className:e.default.svg})})})]})]})})};exports.PersonalizedProtocolHero=q;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as e, jsxs as t, Fragment as v } from "react/jsx-runtime";
|
|
3
3
|
import N, { useState as m, useEffect as b } from "react";
|
|
4
4
|
import { HighlightedTitle as x } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
5
5
|
import { Typography as o } from "../../components/Typography/Typography.es.js";
|
|
@@ -14,7 +14,7 @@ import C from "./assets/pill3.jpg.es.js";
|
|
|
14
14
|
import E from "./assets/graph1.svg.es.js";
|
|
15
15
|
import M from "./assets/graph2.svg.es.js";
|
|
16
16
|
import O from "./assets/graph3.svg.es.js";
|
|
17
|
-
import
|
|
17
|
+
import a from "./personalizedProtocolHero.module.css.es.js";
|
|
18
18
|
const n = [
|
|
19
19
|
{
|
|
20
20
|
pill: T,
|
|
@@ -54,9 +54,9 @@ const n = [
|
|
|
54
54
|
return () => clearInterval(c);
|
|
55
55
|
}, [d]);
|
|
56
56
|
const s = n[g];
|
|
57
|
-
return /* @__PURE__ */
|
|
58
|
-
/* @__PURE__ */ t("div", { className:
|
|
59
|
-
/* @__PURE__ */
|
|
57
|
+
return /* @__PURE__ */ e("section", { className: a.root, "data-type": "hero", children: /* @__PURE__ */ t("div", { className: a.container, children: [
|
|
58
|
+
/* @__PURE__ */ t("div", { className: a.leftContent, children: [
|
|
59
|
+
/* @__PURE__ */ e("div", { className: a.title, children: /* @__PURE__ */ e(
|
|
60
60
|
x,
|
|
61
61
|
{
|
|
62
62
|
as: "p",
|
|
@@ -65,61 +65,61 @@ const n = [
|
|
|
65
65
|
mobileVariant: "displayXs",
|
|
66
66
|
title: /* @__PURE__ */ t(v, { children: [
|
|
67
67
|
"A longevity protocol that's ",
|
|
68
|
-
/* @__PURE__ */
|
|
68
|
+
/* @__PURE__ */ e("b", { children: "all you" })
|
|
69
69
|
] })
|
|
70
70
|
}
|
|
71
71
|
) }),
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */
|
|
72
|
+
/* @__PURE__ */ e(o, { className: a.description, as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", children: "There's nothing more personal than your health, which is why your Healthspan care team works closely with you — using lab testing, data, and coaching — to design and optimize a protocol to fit your unique goals." }),
|
|
73
|
+
/* @__PURE__ */ e("div", { className: l(a.buttonWrap, a.mobile), children: /* @__PURE__ */ e(
|
|
74
74
|
h,
|
|
75
75
|
{
|
|
76
76
|
as: "a",
|
|
77
|
-
href: "https://app.gethealthspan.com/#/product/signup/
|
|
77
|
+
href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
|
|
78
78
|
variant: "secondary",
|
|
79
79
|
size: "md",
|
|
80
80
|
children: "Join Healthspan"
|
|
81
81
|
}
|
|
82
82
|
) }),
|
|
83
|
-
/* @__PURE__ */
|
|
83
|
+
/* @__PURE__ */ e("div", { className: l(a.buttonWrap, a.desktop), children: /* @__PURE__ */ e(
|
|
84
84
|
h,
|
|
85
85
|
{
|
|
86
86
|
as: "a",
|
|
87
|
-
href: "https://app.gethealthspan.com/#/product/signup/
|
|
87
|
+
href: "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948",
|
|
88
88
|
variant: "secondary",
|
|
89
89
|
size: "lg",
|
|
90
90
|
children: "Join Healthspan"
|
|
91
91
|
}
|
|
92
92
|
) })
|
|
93
93
|
] }),
|
|
94
|
-
/* @__PURE__ */
|
|
94
|
+
/* @__PURE__ */ e("div", { className: a.pillContainer, children: n.map((c, i) => /* @__PURE__ */ e(
|
|
95
95
|
"img",
|
|
96
96
|
{
|
|
97
97
|
src: c.pill,
|
|
98
98
|
className: l(
|
|
99
|
-
|
|
100
|
-
i === d &&
|
|
101
|
-
i === (d - 1 + n.length) % n.length &&
|
|
99
|
+
a.pillImage,
|
|
100
|
+
i === d && a.active,
|
|
101
|
+
i === (d - 1 + n.length) % n.length && a.exiting
|
|
102
102
|
),
|
|
103
103
|
alt: "Pill"
|
|
104
104
|
},
|
|
105
105
|
i
|
|
106
106
|
)) }),
|
|
107
|
-
/* @__PURE__ */ t("div", { className:
|
|
108
|
-
/* @__PURE__ */ t("div", { className:
|
|
109
|
-
/* @__PURE__ */
|
|
107
|
+
/* @__PURE__ */ t("div", { className: a.textContainer, children: [
|
|
108
|
+
/* @__PURE__ */ t("div", { className: a.protocolContainer, children: [
|
|
109
|
+
/* @__PURE__ */ e(
|
|
110
110
|
o,
|
|
111
111
|
{
|
|
112
|
-
className:
|
|
112
|
+
className: a.protocolText,
|
|
113
113
|
as: "p",
|
|
114
114
|
defaultVariant: "labelMd",
|
|
115
115
|
mobileVariant: "labelXs",
|
|
116
116
|
children: "Protocol"
|
|
117
117
|
}
|
|
118
118
|
),
|
|
119
|
-
/* @__PURE__ */
|
|
119
|
+
/* @__PURE__ */ e("div", { className: l(a.protocolFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
|
|
120
120
|
o,
|
|
121
121
|
{
|
|
122
|
-
className:
|
|
122
|
+
className: a.protocolValue,
|
|
123
123
|
as: "p",
|
|
124
124
|
defaultVariant: "labelSm",
|
|
125
125
|
mobileVariant: "labelXs",
|
|
@@ -128,23 +128,23 @@ const n = [
|
|
|
128
128
|
}
|
|
129
129
|
) })
|
|
130
130
|
] }),
|
|
131
|
-
/* @__PURE__ */ t("div", { className:
|
|
132
|
-
/* @__PURE__ */
|
|
133
|
-
/* @__PURE__ */ t("div", { className:
|
|
134
|
-
/* @__PURE__ */
|
|
131
|
+
/* @__PURE__ */ t("div", { className: a.dosageContainer, children: [
|
|
132
|
+
/* @__PURE__ */ e("div", { className: l(a.dosageImageFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e("img", { src: s.product, className: a.dosageItem, alt: "Product" }) }),
|
|
133
|
+
/* @__PURE__ */ t("div", { className: a.dosageTextBlock, children: [
|
|
134
|
+
/* @__PURE__ */ e("div", { className: l(a.dosageTextFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
|
|
135
135
|
o,
|
|
136
136
|
{
|
|
137
|
-
className:
|
|
137
|
+
className: a.dosageText,
|
|
138
138
|
as: "p",
|
|
139
139
|
defaultVariant: "labelMd",
|
|
140
140
|
mobileVariant: "labelXs",
|
|
141
141
|
children: s.dosage.text
|
|
142
142
|
}
|
|
143
143
|
) }),
|
|
144
|
-
/* @__PURE__ */
|
|
144
|
+
/* @__PURE__ */ e("div", { className: l(a.dosageValueFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
|
|
145
145
|
o,
|
|
146
146
|
{
|
|
147
|
-
className:
|
|
147
|
+
className: a.dosageValue,
|
|
148
148
|
as: "p",
|
|
149
149
|
defaultVariant: "labelSm",
|
|
150
150
|
mobileVariant: "labelXs",
|
|
@@ -154,12 +154,12 @@ const n = [
|
|
|
154
154
|
) })
|
|
155
155
|
] })
|
|
156
156
|
] }),
|
|
157
|
-
/* @__PURE__ */ t("div", { className:
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
/* @__PURE__ */
|
|
157
|
+
/* @__PURE__ */ t("div", { className: a.goalContainer, children: [
|
|
158
|
+
/* @__PURE__ */ e(o, { className: a.goalText, as: "p", defaultVariant: "labelMd", mobileVariant: "labelXs", children: "Goal" }),
|
|
159
|
+
/* @__PURE__ */ e("div", { className: l(a.goalFade, r ? a.fadeOut : a.fadeIn), children: /* @__PURE__ */ e(
|
|
160
160
|
o,
|
|
161
161
|
{
|
|
162
|
-
className:
|
|
162
|
+
className: a.goalValue,
|
|
163
163
|
as: "p",
|
|
164
164
|
defaultVariant: "labelSm",
|
|
165
165
|
mobileVariant: "labelXs",
|
|
@@ -168,8 +168,8 @@ const n = [
|
|
|
168
168
|
}
|
|
169
169
|
) })
|
|
170
170
|
] }),
|
|
171
|
-
/* @__PURE__ */
|
|
172
|
-
className:
|
|
171
|
+
/* @__PURE__ */ e("div", { className: a.svgContainer, children: /* @__PURE__ */ e("div", { className: l(a.svgFade, r ? a.fadeOut : a.fadeIn), children: N.createElement(s.svg, {
|
|
172
|
+
className: a.svg
|
|
173
173
|
}) }) })
|
|
174
174
|
] })
|
|
175
175
|
] }) });
|