@zenpatient-org/healthspan-marketing-ui 0.1.139 → 0.1.141
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/healthspan-marketing-ui.css +1 -1
- package/dist/modules/CallToAction/CallToAction.cjs.js +1 -1
- package/dist/modules/CallToAction/CallToAction.es.js +1 -1
- package/dist/modules/ExpandingDetails/ExpandingDetails.cjs.js +1 -1
- package/dist/modules/ExpandingDetails/ExpandingDetails.es.js +184 -111
- package/dist/pageComponents/Footer/Footer.cjs.js +1 -1
- package/dist/pageComponents/Footer/Footer.es.js +23 -23
- package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterAbout/FooterAbout.es.js +29 -20
- package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterAbout/footerAbout.module.css.es.js +8 -6
- package/dist/pageComponents/Footer/components/FooterLinksBlock/FooterLinksBlock.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/FooterLinksBlock/FooterLinksBlock.es.js +16 -16
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js +1 -1
- package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.es.js +37 -34
- package/dist/pageComponents/HomepageHero/HomepageHero.cjs.js +1 -1
- package/dist/pageComponents/HomepageHero/HomepageHero.es.js +13 -13
- package/package.json +1 -1
|
@@ -1,13 +1,15 @@
|
|
|
1
|
-
const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD",
|
|
1
|
+
const o = "footerAbout-module__root___G9z5j", t = "footerAbout-module__contentImg___UN0eD", _ = "footerAbout-module__container___N-gju", e = "footerAbout-module__item___dlSsF", n = "footerAbout-module__link___nrXpE", r = {
|
|
2
2
|
root: o,
|
|
3
3
|
contentImg: t,
|
|
4
|
-
container:
|
|
5
|
-
|
|
4
|
+
container: _,
|
|
5
|
+
item: e,
|
|
6
|
+
link: n
|
|
6
7
|
};
|
|
7
8
|
export {
|
|
8
|
-
|
|
9
|
+
_ as container,
|
|
9
10
|
t as contentImg,
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
r as default,
|
|
12
|
+
e as item,
|
|
13
|
+
n as link,
|
|
12
14
|
o as root
|
|
13
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./footerLinksBlock.module.css.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./footerLinksBlock.module.css.cjs.js"),n=require("../AccordionFooter/AccordionFooter.cjs.js"),r=require("../LinksColumn/LinksColumn.cjs.js"),i=[{title:"ABOUT",content:[{title:"Our Company",href:"/our-company"},{title:"Our Mission",href:"/our-mission"},{title:"How It Works",href:"/how-it-works"}]},{title:"SCIENCE",content:[{title:"Articles",href:"/research"},{title:"Senescence",href:"/science/senescence"},{title:"Metabolism",href:"/science/metabolism"},{title:"Energy",href:"/science/energy"}]},{title:"SUPPORT",content:[{title:"Contact Us",href:"/contact-us"},{title:"FAQs",href:"/faqs"},{title:"Community",href:"https://community.gethealthspan.com"},{title:"Log In",href:"https://app.gethealthspan.com/#/login"}]}],l=({disableLinks:s=!1})=>e.jsxs("div",{className:t.default.root,children:[e.jsx("div",{className:t.default.desktop,children:i.map(o=>e.jsx(r.LinksColumn,{title:o.title,links:o.content,className:t.default.column,disableLinks:s},o.title))}),e.jsx("div",{className:t.default.mobile,children:e.jsx(n.AccordionFooter,{items:i})})]});exports.FooterLinksBlock=l;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as n, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import e from "./footerLinksBlock.module.css.es.js";
|
|
3
|
-
import { AccordionFooter as
|
|
3
|
+
import { AccordionFooter as r } from "../AccordionFooter/AccordionFooter.es.js";
|
|
4
4
|
import { LinksColumn as l } from "../LinksColumn/LinksColumn.es.js";
|
|
5
5
|
const o = [
|
|
6
6
|
{
|
|
7
7
|
title: "ABOUT",
|
|
8
8
|
content: [
|
|
9
|
-
{ title: "Our Company", href: "/company" },
|
|
10
|
-
{ title: "Our Mission", href: "/mission" },
|
|
11
|
-
{ title: "How It Works", href: "/how" }
|
|
9
|
+
{ title: "Our Company", href: "/our-company" },
|
|
10
|
+
{ title: "Our Mission", href: "/our-mission" },
|
|
11
|
+
{ title: "How It Works", href: "/how-it-works" }
|
|
12
12
|
]
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
title: "SCIENCE",
|
|
16
16
|
content: [
|
|
17
|
-
{ title: "Articles", href: "/
|
|
18
|
-
{ title: "Senescence", href: "/senescence" },
|
|
19
|
-
{ title: "Metabolism", href: "/metabolism" },
|
|
20
|
-
{ title: "Energy", href: "/energy" }
|
|
17
|
+
{ title: "Articles", href: "/research" },
|
|
18
|
+
{ title: "Senescence", href: "/science/senescence" },
|
|
19
|
+
{ title: "Metabolism", href: "/science/metabolism" },
|
|
20
|
+
{ title: "Energy", href: "/science/energy" }
|
|
21
21
|
]
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
title: "SUPPORT",
|
|
25
25
|
content: [
|
|
26
|
-
{ title: "Contact Us", href: "/contact" },
|
|
26
|
+
{ title: "Contact Us", href: "/contact-us" },
|
|
27
27
|
{ title: "FAQs", href: "/faqs" },
|
|
28
|
-
{ title: "Community", href: "
|
|
29
|
-
{ title: "Log In", href: "
|
|
28
|
+
{ title: "Community", href: "https://community.gethealthspan.com" },
|
|
29
|
+
{ title: "Log In", href: "https://app.gethealthspan.com/#/login" }
|
|
30
30
|
]
|
|
31
31
|
}
|
|
32
|
-
],
|
|
32
|
+
], f = ({ disableLinks: s = !1 }) => /* @__PURE__ */ n("div", { className: e.root, children: [
|
|
33
33
|
/* @__PURE__ */ t("div", { className: e.desktop, children: o.map((i) => /* @__PURE__ */ t(
|
|
34
34
|
l,
|
|
35
35
|
{
|
|
36
36
|
title: i.title,
|
|
37
37
|
links: i.content,
|
|
38
38
|
className: e.column,
|
|
39
|
-
disableLinks:
|
|
39
|
+
disableLinks: s
|
|
40
40
|
},
|
|
41
41
|
i.title
|
|
42
42
|
)) }),
|
|
43
|
-
/* @__PURE__ */ t("div", { className: e.mobile, children: /* @__PURE__ */ t(
|
|
43
|
+
/* @__PURE__ */ t("div", { className: e.mobile, children: /* @__PURE__ */ t(r, { items: o }) })
|
|
44
44
|
] });
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
f as FooterLinksBlock
|
|
47
47
|
};
|
package/dist/pageComponents/Footer/components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),_=require("../../../../components/Button/Button.cjs.js"),f=require("../../../../components/Icon/constants.cjs.js"),d=require("../../../../components/Typography/Typography.cjs.js"),g=require("../../../../components/Icon/Icon.cjs.js"),a=require("./topTreatmentsSlider.module.css.cjs.js"),C=({title:x,products:n})=>{const[t,m]=i.useState(0),[r,c]=i.useState(1),[l,o]=i.useState(!1),j=i.useMemo(()=>{if(n.length===2){const h=(t-1+n.length)%n.length,u=(t+1)%n.length;return[n[h],n[t===h?u:t],n[u]].filter((p,T,b)=>b.findIndex(S=>S.name===p.name)===T)}const s=(t-1+n.length)%n.length,I=(t+1)%n.length;return[n[s],n[t],n[I]]},[t,n]),N=i.useCallback(s=>{s.stopPropagation(),!l&&(o(!0),c(2))},[l]),v=i.useCallback(s=>{s.stopPropagation(),!l&&(o(!0),c(0))},[l]),y=()=>{r===2?m(s=>(s+1)%n.length):r===0&&m(s=>(s-1+n.length)%n.length),c(1),o(!1)};return e.jsxs("div",{className:a.default.root,children:[e.jsx(d.Typography,{as:"span",defaultVariant:"labelSm",mobileVariant:"labelXs",weight:"regular",emphasis:!0,className:a.default.title,children:x}),e.jsxs("div",{className:a.default.sliderContainer,children:[e.jsx("div",{className:a.default.sliderTrack,style:{transform:`translateX(calc(-${r*100}% - ${r*10}px))`,transition:l?"transform 0.3s cubic-bezier(0.4,0,0.2,1)":"none"},onTransitionEnd:y,children:j.map(s=>e.jsx("a",{href:s.link,className:a.default.slide,children:e.jsxs("div",{className:a.default.productCard,children:[e.jsx("div",{className:a.default.imageWrapper,children:e.jsx("img",{src:s.image,alt:s.name,className:a.default.image})}),e.jsxs("div",{className:a.default.rightSide,children:[e.jsxs("div",{className:a.default.headerSplit,children:[e.jsx("div",{className:a.default.nameContainer,children:e.jsx(d.Typography,{defaultVariant:"headingXs",children:s.name})}),e.jsx(d.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",className:a.default.price,children:`Starting at ${s.price}/mo`})]}),e.jsx("div",{className:a.default.actions,children:e.jsx("div",{className:a.default.btnLearnMore,children:e.jsx(_.Button,{size:"sm",variant:"primary-invert",children:"Learn More"})})})]})]})},s.name))}),e.jsxs("div",{className:a.default.switchers,children:[e.jsx("div",{className:a.default.arrowIcon,onClick:v,children:e.jsx(g.Icon,{name:f.EIconName.ARROW_BACK})}),e.jsx("div",{className:a.default.arrowIcon,onClick:N,children:e.jsx(g.Icon,{name:f.EIconName.ARROW_FORWARD})})]})]})]})};exports.TopTreatmentsSlider=C;
|
|
@@ -1,34 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useState as o, useMemo as
|
|
4
|
-
import { Button as
|
|
5
|
-
import { EIconName as
|
|
6
|
-
import { Typography as
|
|
2
|
+
import { jsxs as l, jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { useState as o, useMemo as k, useCallback as N } from "react";
|
|
4
|
+
import { Button as V } from "../../../../components/Button/Button.es.js";
|
|
5
|
+
import { EIconName as v } from "../../../../components/Icon/constants.es.js";
|
|
6
|
+
import { Typography as d } from "../../../../components/Typography/Typography.es.js";
|
|
7
7
|
import { Icon as x } from "../../../../components/Icon/Icon.es.js";
|
|
8
8
|
import n from "./topTreatmentsSlider.module.css.es.js";
|
|
9
9
|
const j = ({ title: b, products: e }) => {
|
|
10
|
-
const [
|
|
10
|
+
const [r, h] = o(0), [t, m] = o(1), [s, c] = o(!1), I = k(() => {
|
|
11
11
|
if (e.length === 2) {
|
|
12
|
-
const g = (
|
|
13
|
-
return [e[g], e[
|
|
14
|
-
(A, R
|
|
12
|
+
const g = (r - 1 + e.length) % e.length, f = (r + 1) % e.length;
|
|
13
|
+
return [e[g], e[r === g ? f : r], e[f]].filter(
|
|
14
|
+
(S, A, R) => R.findIndex((T) => T.name === S.name) === A
|
|
15
15
|
);
|
|
16
16
|
}
|
|
17
|
-
const a = (
|
|
18
|
-
return [e[a], e[
|
|
19
|
-
}, [
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
17
|
+
const a = (r - 1 + e.length) % e.length, y = (r + 1) % e.length;
|
|
18
|
+
return [e[a], e[r], e[y]];
|
|
19
|
+
}, [r, e]), C = N(
|
|
20
|
+
(a) => {
|
|
21
|
+
a.stopPropagation(), !s && (c(!0), m(2));
|
|
22
|
+
},
|
|
23
|
+
[s]
|
|
24
|
+
), p = N(
|
|
25
|
+
(a) => {
|
|
26
|
+
a.stopPropagation(), !s && (c(!0), m(0));
|
|
27
|
+
},
|
|
28
|
+
[s]
|
|
29
|
+
), w = () => {
|
|
30
|
+
t === 2 ? h((a) => (a + 1) % e.length) : t === 0 && h((a) => (a - 1 + e.length) % e.length), m(1), c(!1);
|
|
31
|
+
};
|
|
32
|
+
return /* @__PURE__ */ l("div", { className: n.root, children: [
|
|
30
33
|
/* @__PURE__ */ i(
|
|
31
|
-
|
|
34
|
+
d,
|
|
32
35
|
{
|
|
33
36
|
as: "span",
|
|
34
37
|
defaultVariant: "labelSm",
|
|
@@ -39,7 +42,7 @@ const j = ({ title: b, products: e }) => {
|
|
|
39
42
|
children: b
|
|
40
43
|
}
|
|
41
44
|
),
|
|
42
|
-
/* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ l("div", { className: n.sliderContainer, children: [
|
|
43
46
|
/* @__PURE__ */ i(
|
|
44
47
|
"div",
|
|
45
48
|
{
|
|
@@ -48,14 +51,14 @@ const j = ({ title: b, products: e }) => {
|
|
|
48
51
|
transform: `translateX(calc(-${t * 100}% - ${t * 10}px))`,
|
|
49
52
|
transition: s ? "transform 0.3s cubic-bezier(0.4,0,0.2,1)" : "none"
|
|
50
53
|
},
|
|
51
|
-
onTransitionEnd:
|
|
52
|
-
children: I.map((a) => /* @__PURE__ */ i("
|
|
54
|
+
onTransitionEnd: w,
|
|
55
|
+
children: I.map((a) => /* @__PURE__ */ i("a", { href: a.link, className: n.slide, children: /* @__PURE__ */ l("div", { className: n.productCard, children: [
|
|
53
56
|
/* @__PURE__ */ i("div", { className: n.imageWrapper, children: /* @__PURE__ */ i("img", { src: a.image, alt: a.name, className: n.image }) }),
|
|
54
|
-
/* @__PURE__ */
|
|
55
|
-
/* @__PURE__ */
|
|
56
|
-
/* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(
|
|
57
|
+
/* @__PURE__ */ l("div", { className: n.rightSide, children: [
|
|
58
|
+
/* @__PURE__ */ l("div", { className: n.headerSplit, children: [
|
|
59
|
+
/* @__PURE__ */ i("div", { className: n.nameContainer, children: /* @__PURE__ */ i(d, { defaultVariant: "headingXs", children: a.name }) }),
|
|
57
60
|
/* @__PURE__ */ i(
|
|
58
|
-
|
|
61
|
+
d,
|
|
59
62
|
{
|
|
60
63
|
defaultVariant: "bodyMd",
|
|
61
64
|
mobileVariant: "bodySm",
|
|
@@ -64,14 +67,14 @@ const j = ({ title: b, products: e }) => {
|
|
|
64
67
|
}
|
|
65
68
|
)
|
|
66
69
|
] }),
|
|
67
|
-
/* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(
|
|
70
|
+
/* @__PURE__ */ i("div", { className: n.actions, children: /* @__PURE__ */ i("div", { className: n.btnLearnMore, children: /* @__PURE__ */ i(V, { size: "sm", variant: "primary-invert", children: "Learn More" }) }) })
|
|
68
71
|
] })
|
|
69
72
|
] }) }, a.name))
|
|
70
73
|
}
|
|
71
74
|
),
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick:
|
|
74
|
-
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick:
|
|
75
|
+
/* @__PURE__ */ l("div", { className: n.switchers, children: [
|
|
76
|
+
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: p, children: /* @__PURE__ */ i(x, { name: v.ARROW_BACK }) }),
|
|
77
|
+
/* @__PURE__ */ i("div", { className: n.arrowIcon, onClick: C, children: /* @__PURE__ */ i(x, { name: v.ARROW_FORWARD }) })
|
|
75
78
|
] })
|
|
76
79
|
] })
|
|
77
80
|
] });
|
|
@@ -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"),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;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { HighlightedTitle as
|
|
3
|
-
import { Typography as
|
|
4
|
-
import { Button as
|
|
1
|
+
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { HighlightedTitle as n } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
|
+
import { Typography as t } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { Button as i } 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 o } from "../../utils/cn/cn.es.js";
|
|
7
7
|
import a from "./homepageHero.module.css.es.js";
|
|
8
8
|
function f() {
|
|
9
|
-
return /* @__PURE__ */
|
|
9
|
+
return /* @__PURE__ */ r("section", { className: a.root, "data-type": "hero", children: [
|
|
10
10
|
/* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(l, {}) }),
|
|
11
|
-
/* @__PURE__ */
|
|
11
|
+
/* @__PURE__ */ r("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(t, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ r("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
|
-
/* @__PURE__ */ e("div", { className:
|
|
22
|
+
/* @__PURE__ */ r("div", { className: a.callAction, children: [
|
|
23
|
+
/* @__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." }),
|
|
24
|
+
/* @__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" }) }),
|
|
25
|
+
/* @__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" }) })
|
|
26
26
|
] })
|
|
27
27
|
] })
|
|
28
28
|
] });
|