@zenpatient-org/healthspan-marketing-ui 0.1.138 → 0.1.140
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/FollowTheScience/FollowTheScience.cjs.js +1 -1
- package/dist/modules/FollowTheScience/FollowTheScience.es.js +15 -15
- package/dist/modules/ImageWithText/ImageWithText.cjs.js +1 -1
- package/dist/modules/ImageWithText/ImageWithText.d.ts +1 -1
- package/dist/modules/ImageWithText/ImageWithText.es.js +75 -38
- package/dist/modules/ImageWithText/constants.cjs.js +1 -0
- package/dist/modules/ImageWithText/constants.d.ts +6 -0
- package/dist/modules/ImageWithText/constants.es.js +9 -0
- package/dist/modules/ImageWithText/imageWithText.module.css.cjs.js +1 -1
- package/dist/modules/ImageWithText/imageWithText.module.css.es.js +15 -11
- package/dist/modules/ImageWithText/types.d.ts +4 -0
- 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/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");;/* empty css */;/* empty css */;/* empty css */const w=require("../../node_modules/swiper/modules/navigation.cjs.js"),c=require("../../node_modules/swiper/swiper-react.cjs.js"),g=require("../../components/Benefit/Benefit.cjs.js"),_=require("../../components/Icon/constants.cjs.js"),f=require("../../components/Label/Label.cjs.js"),a=require("../../components/ProgressButton/ProgressButton.cjs.js"),q=require("../../components/TextButton/TextButton.cjs.js"),B=require("../../utils/useSwiper/useSwiper.cjs.js"),s=require("./followTheScience.module.css.cjs.js"),j=[w.default];function v({labelText:d,benefits:u}){const{setIsEnd:h,isEnd:t,isBeginning:n,hideNav:o,handleSlideChange:p,handlePrevClick:r,handleNextClick:l,onSwiperInit:m,handleSwiperResize:x}=B.useSwiper();return e.jsxs("section",{className:s.default.container,children:[e.jsxs("div",{className:s.default.heading,children:[e.jsx(f.Label,{color:"white",size:"lg",children:d}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"desktop",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:n},right:{disabled:t,onClick:l}})})]}),e.jsx("div",{className:s.default.content,children:e.jsx(c.Swiper,{onSwiper:m,onResize:x,onSlideChange:p,onReachEnd:()=>h(!0),modules:j,spaceBetween:0,slidesPerView:"auto",className:s.default.swiper,children:u.map((i,S)=>e.jsx(c.SwiperSlide,{className:s.default.swiperSlide,children:e.jsx(g.Benefit,{title:i.title,description:i.description,button:i.link&&i.buttonText?e.jsx(q.TextButton,{as:"a",size:"sm",color:"white",suffixIcon:_.EIconName.ARROW_FORWARD,href:i.link,children:i.buttonText}):void 0})},S))})}),!o&&e.jsx("div",{className:s.default.progressButtons,"data-device":"mobile",children:e.jsx(a.ProgressButton,{left:{onClick:r,disabled:n},right:{onClick:l,disabled:t}})})]})}exports.FollowTheScience=v;
|
|
@@ -3,17 +3,17 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
5
5
|
/* empty css */
|
|
6
|
-
import
|
|
6
|
+
import f from "../../node_modules/swiper/modules/navigation.es.js";
|
|
7
7
|
import { Swiper as g, SwiperSlide as N } from "../../node_modules/swiper/swiper-react.es.js";
|
|
8
8
|
import { Benefit as v } from "../../components/Benefit/Benefit.es.js";
|
|
9
9
|
import { EIconName as k } from "../../components/Icon/constants.es.js";
|
|
10
|
-
import { Label as
|
|
10
|
+
import { Label as x } from "../../components/Label/Label.es.js";
|
|
11
11
|
import { ProgressButton as a } from "../../components/ProgressButton/ProgressButton.es.js";
|
|
12
12
|
import { TextButton as C } from "../../components/TextButton/TextButton.es.js";
|
|
13
|
-
import { useSwiper as
|
|
13
|
+
import { useSwiper as R } from "../../utils/useSwiper/useSwiper.es.js";
|
|
14
14
|
import i from "./followTheScience.module.css.es.js";
|
|
15
|
-
const
|
|
16
|
-
function
|
|
15
|
+
const B = [f];
|
|
16
|
+
function _({ labelText: c, benefits: m }) {
|
|
17
17
|
const {
|
|
18
18
|
setIsEnd: p,
|
|
19
19
|
isEnd: r,
|
|
@@ -23,11 +23,11 @@ function U({ labelText: c, benefits: m }) {
|
|
|
23
23
|
handlePrevClick: n,
|
|
24
24
|
handleNextClick: l,
|
|
25
25
|
onSwiperInit: u,
|
|
26
|
-
handleSwiperResize:
|
|
27
|
-
} =
|
|
26
|
+
handleSwiperResize: w
|
|
27
|
+
} = R();
|
|
28
28
|
return /* @__PURE__ */ d("section", { className: i.container, children: [
|
|
29
29
|
/* @__PURE__ */ d("div", { className: i.heading, children: [
|
|
30
|
-
/* @__PURE__ */ e(
|
|
30
|
+
/* @__PURE__ */ e(x, { color: "white", size: "lg", children: c }),
|
|
31
31
|
!s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "desktop", children: /* @__PURE__ */ e(
|
|
32
32
|
a,
|
|
33
33
|
{
|
|
@@ -46,19 +46,19 @@ function U({ labelText: c, benefits: m }) {
|
|
|
46
46
|
g,
|
|
47
47
|
{
|
|
48
48
|
onSwiper: u,
|
|
49
|
-
onResize:
|
|
49
|
+
onResize: w,
|
|
50
50
|
onSlideChange: h,
|
|
51
51
|
onReachEnd: () => p(!0),
|
|
52
|
-
modules:
|
|
52
|
+
modules: B,
|
|
53
53
|
spaceBetween: 0,
|
|
54
54
|
slidesPerView: "auto",
|
|
55
55
|
className: i.swiper,
|
|
56
|
-
children: m.map((o,
|
|
56
|
+
children: m.map((o, S) => /* @__PURE__ */ e(N, { className: i.swiperSlide, children: /* @__PURE__ */ e(
|
|
57
57
|
v,
|
|
58
58
|
{
|
|
59
59
|
title: o.title,
|
|
60
60
|
description: o.description,
|
|
61
|
-
button: o.link ? /* @__PURE__ */ e(
|
|
61
|
+
button: o.link && o.buttonText ? /* @__PURE__ */ e(
|
|
62
62
|
C,
|
|
63
63
|
{
|
|
64
64
|
as: "a",
|
|
@@ -66,11 +66,11 @@ function U({ labelText: c, benefits: m }) {
|
|
|
66
66
|
color: "white",
|
|
67
67
|
suffixIcon: k.ARROW_FORWARD,
|
|
68
68
|
href: o.link,
|
|
69
|
-
children: o.buttonText
|
|
69
|
+
children: o.buttonText
|
|
70
70
|
}
|
|
71
71
|
) : void 0
|
|
72
72
|
}
|
|
73
|
-
) },
|
|
73
|
+
) }, S))
|
|
74
74
|
}
|
|
75
75
|
) }),
|
|
76
76
|
!s && /* @__PURE__ */ e("div", { className: i.progressButtons, "data-device": "mobile", children: /* @__PURE__ */ e(
|
|
@@ -89,5 +89,5 @@ function U({ labelText: c, benefits: m }) {
|
|
|
89
89
|
] });
|
|
90
90
|
}
|
|
91
91
|
export {
|
|
92
|
-
|
|
92
|
+
_ as FollowTheScience
|
|
93
93
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),f=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),s=require("../../components/Typography/Typography.cjs.js"),y=require("../../utils/cn/cn.cjs.js"),d=require("./constants.cjs.js"),e=require("./imageWithText.module.css.cjs.js"),x=({image:h,text:i,title:l,view:t,colorScheme:u,textColor:m,mobileTextColor:g,titleColor:n,mobileTitleColor:c,titleHighlightColor:r,mobileTitleHighlightColor:o,mobileImage:p})=>a.jsx("section",{className:e.default.root,"data-scheme":u,children:a.jsxs("div",{className:e.default.container,"data-view":t,children:[a.jsxs("div",{className:e.default.imageContainer,children:[a.jsx("img",{src:h,alt:"background image",className:e.default.image,"data-color":m}),a.jsx("img",{src:p||h,alt:"mobile background image",className:e.default.mobileImage})]}),a.jsxs("div",{className:y.cn(e.default.content,{[e.default.textAlignLeft]:t==="plain"||t==="plain_with_title",[e.default.textAlignRight]:t==="complex"}),"data-view":t,"data-text-color":m,"data-mobile-text-color":g,"data-title-color":n,"data-mobile-title-color":c,"data-title-highlight-color":r,"data-mobile-title-highlight-color":o,children:[t==="complex"&&a.jsxs("div",{className:e.default.richTextContainer,style:{"--highlight-color-custom":d.COLORS[n||"white"],"--highlight-emphasize-custom":d.COLORS[r||"white"],"--highlight-color-custom-mobile":d.COLORS[c||"white"],"--highlight-emphasize-custom-mobile":d.COLORS[o||"white"]},children:[l&&a.jsx(f.HighlightedTitle,{colorScheme:n||r||c||o?"custom":"dark",title:l,defaultVariant:"displayXs",mobileVariant:"headingLg"}),i&&a.jsx(s.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodySm",children:i})]}),t==="plain"&&i&&a.jsx("div",{className:e.default.textContainer,children:a.jsx(s.Typography,{defaultVariant:"displayXs",mobileVariant:"headingXs",children:i})}),t==="plain_with_title"&&a.jsxs("div",{className:e.default.plainWithTitleContainer,children:[l&&a.jsx(s.Typography,{defaultVariant:"displayMd",mobileVariant:"headingLg",className:e.default.titleOfPlainWithTitle,children:l}),i&&a.jsx(s.Typography,{defaultVariant:"bodyMd",mobileVariant:"bodyMd",className:e.default.textOfPlainWithTitle,children:i})]})]})]})});exports.ImageWithText=x;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TImageWithTextProps } from './types';
|
|
2
2
|
|
|
3
|
-
export declare const ImageWithText: ({ image, text, title, view, colorScheme, textColor, mobileTextColor, mobileImage, }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const ImageWithText: ({ image, text, title, view, colorScheme, textColor, mobileTextColor, titleColor, mobileTitleColor, titleHighlightColor, mobileTitleHighlightColor, mobileImage, }: TImageWithTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,54 +1,91 @@
|
|
|
1
|
-
import { jsx as i, jsxs as
|
|
2
|
-
import { HighlightedTitle as
|
|
3
|
-
import { Typography as
|
|
4
|
-
import { cn as
|
|
1
|
+
import { jsx as i, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { HighlightedTitle as u } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
|
|
3
|
+
import { Typography as n } from "../../components/Typography/Typography.es.js";
|
|
4
|
+
import { cn as y } from "../../utils/cn/cn.es.js";
|
|
5
|
+
import { COLORS as d } from "./constants.es.js";
|
|
5
6
|
import a from "./imageWithText.module.css.es.js";
|
|
6
|
-
const
|
|
7
|
-
image:
|
|
8
|
-
text:
|
|
9
|
-
title:
|
|
10
|
-
view:
|
|
11
|
-
colorScheme:
|
|
12
|
-
textColor:
|
|
13
|
-
mobileTextColor:
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
7
|
+
const W = ({
|
|
8
|
+
image: h,
|
|
9
|
+
text: e,
|
|
10
|
+
title: c,
|
|
11
|
+
view: t,
|
|
12
|
+
colorScheme: p,
|
|
13
|
+
textColor: g,
|
|
14
|
+
mobileTextColor: b,
|
|
15
|
+
titleColor: m,
|
|
16
|
+
mobileTitleColor: r,
|
|
17
|
+
titleHighlightColor: o,
|
|
18
|
+
mobileTitleHighlightColor: s,
|
|
19
|
+
mobileImage: f
|
|
20
|
+
}) => /* @__PURE__ */ i("section", { className: a.root, "data-scheme": p, children: /* @__PURE__ */ l("div", { className: a.container, "data-view": t, children: [
|
|
21
|
+
/* @__PURE__ */ l("div", { className: a.imageContainer, children: [
|
|
22
|
+
/* @__PURE__ */ i("img", { src: h, alt: "background image", className: a.image, "data-color": g }),
|
|
23
|
+
/* @__PURE__ */ i("img", { src: f || h, alt: "mobile background image", className: a.mobileImage })
|
|
19
24
|
] }),
|
|
20
|
-
/* @__PURE__ */
|
|
25
|
+
/* @__PURE__ */ l(
|
|
21
26
|
"div",
|
|
22
27
|
{
|
|
23
|
-
className:
|
|
24
|
-
[a.textAlignLeft]:
|
|
25
|
-
[a.textAlignRight]:
|
|
28
|
+
className: y(a.content, {
|
|
29
|
+
[a.textAlignLeft]: t === "plain" || t === "plain_with_title",
|
|
30
|
+
[a.textAlignRight]: t === "complex"
|
|
26
31
|
}),
|
|
27
|
-
"data-view":
|
|
28
|
-
"data-text-color":
|
|
29
|
-
"data-mobile-text-color":
|
|
32
|
+
"data-view": t,
|
|
33
|
+
"data-text-color": g,
|
|
34
|
+
"data-mobile-text-color": b,
|
|
35
|
+
"data-title-color": m,
|
|
36
|
+
"data-mobile-title-color": r,
|
|
37
|
+
"data-title-highlight-color": o,
|
|
38
|
+
"data-mobile-title-highlight-color": s,
|
|
30
39
|
children: [
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
40
|
+
t === "complex" && /* @__PURE__ */ l(
|
|
41
|
+
"div",
|
|
42
|
+
{
|
|
43
|
+
className: a.richTextContainer,
|
|
44
|
+
style: {
|
|
45
|
+
"--highlight-color-custom": d[m || "white"],
|
|
46
|
+
"--highlight-emphasize-custom": d[o || "white"],
|
|
47
|
+
"--highlight-color-custom-mobile": d[r || "white"],
|
|
48
|
+
"--highlight-emphasize-custom-mobile": d[s || "white"]
|
|
49
|
+
},
|
|
50
|
+
children: [
|
|
51
|
+
c && /* @__PURE__ */ i(
|
|
52
|
+
u,
|
|
53
|
+
{
|
|
54
|
+
colorScheme: m || o || r || s ? "custom" : "dark",
|
|
55
|
+
title: c,
|
|
56
|
+
defaultVariant: "displayXs",
|
|
57
|
+
mobileVariant: "headingLg"
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
e && /* @__PURE__ */ i(n, { defaultVariant: "bodyMd", mobileVariant: "bodySm", children: e })
|
|
61
|
+
]
|
|
62
|
+
}
|
|
63
|
+
),
|
|
64
|
+
t === "plain" && e && /* @__PURE__ */ i("div", { className: a.textContainer, children: /* @__PURE__ */ i(n, { defaultVariant: "displayXs", mobileVariant: "headingXs", children: e }) }),
|
|
65
|
+
t === "plain_with_title" && /* @__PURE__ */ l("div", { className: a.plainWithTitleContainer, children: [
|
|
66
|
+
c && /* @__PURE__ */ i(
|
|
67
|
+
n,
|
|
34
68
|
{
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
69
|
+
defaultVariant: "displayMd",
|
|
70
|
+
mobileVariant: "headingLg",
|
|
71
|
+
className: a.titleOfPlainWithTitle,
|
|
72
|
+
children: c
|
|
39
73
|
}
|
|
40
74
|
),
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
75
|
+
e && /* @__PURE__ */ i(
|
|
76
|
+
n,
|
|
77
|
+
{
|
|
78
|
+
defaultVariant: "bodyMd",
|
|
79
|
+
mobileVariant: "bodyMd",
|
|
80
|
+
className: a.textOfPlainWithTitle,
|
|
81
|
+
children: e
|
|
82
|
+
}
|
|
83
|
+
)
|
|
47
84
|
] })
|
|
48
85
|
]
|
|
49
86
|
}
|
|
50
87
|
)
|
|
51
88
|
] }) });
|
|
52
89
|
export {
|
|
53
|
-
|
|
90
|
+
W as ImageWithText
|
|
54
91
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={white:"var(--color-text-primary-inverted)",black:"var(--color-text-primary)",solar:"var(--color-text-primary-brand-solar)",indigo:"var(--color-text-primary-brand-indigo)"};exports.COLORS=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="imageWithText-module__root___Uq9G7",e="imageWithText-module__container___aRFfK",i="imageWithText-module__content___IKyX1",n="imageWithText-module__textAlignLeft___nxRQf",o="imageWithText-module__textAlignRight___ldGBP",_="imageWithText-module__textContainer___m5Jfs",a="imageWithText-module__richTextContainer___ochKF",l="imageWithText-module__plainWithTitleContainer___VPVtI",m="imageWithText-module__imageContainer___bcAmi",g="imageWithText-module__image___paWe4",h="imageWithText-module__mobileImage___hA0RB",x="imageWithText-module__textOfPlainWithTitle___tiIjl",r="imageWithText-module__titleOfPlainWithTitle___qLEdF",c={root:t,container:e,content:i,textAlignLeft:n,textAlignRight:o,textContainer:_,richTextContainer:a,plainWithTitleContainer:l,imageContainer:m,image:g,mobileImage:h,textOfPlainWithTitle:x,titleOfPlainWithTitle:r};exports.container=e;exports.content=i;exports.default=c;exports.image=g;exports.imageContainer=m;exports.mobileImage=h;exports.plainWithTitleContainer=l;exports.richTextContainer=a;exports.root=t;exports.textAlignLeft=n;exports.textAlignRight=o;exports.textContainer=_;exports.textOfPlainWithTitle=x;exports.titleOfPlainWithTitle=r;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF",
|
|
1
|
+
const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__container___aRFfK", i = "imageWithText-module__content___IKyX1", n = "imageWithText-module__textAlignLeft___nxRQf", _ = "imageWithText-module__textAlignRight___ldGBP", o = "imageWithText-module__textContainer___m5Jfs", a = "imageWithText-module__richTextContainer___ochKF", l = "imageWithText-module__plainWithTitleContainer___VPVtI", m = "imageWithText-module__imageContainer___bcAmi", g = "imageWithText-module__image___paWe4", h = "imageWithText-module__mobileImage___hA0RB", x = "imageWithText-module__textOfPlainWithTitle___tiIjl", c = "imageWithText-module__titleOfPlainWithTitle___qLEdF", T = {
|
|
2
2
|
root: t,
|
|
3
3
|
container: e,
|
|
4
4
|
content: i,
|
|
@@ -6,22 +6,26 @@ const t = "imageWithText-module__root___Uq9G7", e = "imageWithText-module__conta
|
|
|
6
6
|
textAlignRight: _,
|
|
7
7
|
textContainer: o,
|
|
8
8
|
richTextContainer: a,
|
|
9
|
-
plainWithTitleContainer:
|
|
10
|
-
imageContainer:
|
|
11
|
-
image:
|
|
12
|
-
mobileImage:
|
|
9
|
+
plainWithTitleContainer: l,
|
|
10
|
+
imageContainer: m,
|
|
11
|
+
image: g,
|
|
12
|
+
mobileImage: h,
|
|
13
|
+
textOfPlainWithTitle: x,
|
|
14
|
+
titleOfPlainWithTitle: c
|
|
13
15
|
};
|
|
14
16
|
export {
|
|
15
17
|
e as container,
|
|
16
18
|
i as content,
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
19
|
+
T as default,
|
|
20
|
+
g as image,
|
|
21
|
+
m as imageContainer,
|
|
22
|
+
h as mobileImage,
|
|
23
|
+
l as plainWithTitleContainer,
|
|
22
24
|
a as richTextContainer,
|
|
23
25
|
t as root,
|
|
24
26
|
n as textAlignLeft,
|
|
25
27
|
_ as textAlignRight,
|
|
26
|
-
o as textContainer
|
|
28
|
+
o as textContainer,
|
|
29
|
+
x as textOfPlainWithTitle,
|
|
30
|
+
c as titleOfPlainWithTitle
|
|
27
31
|
};
|
|
@@ -7,6 +7,10 @@ export type TImageWithTextProps = {
|
|
|
7
7
|
mobileImage?: string;
|
|
8
8
|
textColor?: 'black' | 'white' | 'solar' | 'indigo';
|
|
9
9
|
mobileTextColor?: 'black' | 'white' | 'solar' | 'indigo';
|
|
10
|
+
titleColor?: 'black' | 'white' | 'solar' | 'indigo';
|
|
11
|
+
mobileTitleColor?: 'black' | 'white' | 'solar' | 'indigo';
|
|
12
|
+
titleHighlightColor?: 'black' | 'white' | 'solar' | 'indigo';
|
|
13
|
+
mobileTitleHighlightColor?: 'black' | 'white' | 'solar' | 'indigo';
|
|
10
14
|
title?: ReactNode;
|
|
11
15
|
text?: ReactNode;
|
|
12
16
|
view: TImageWithTextView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const o=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("../../components/Icon/Icon.cjs.js");const o=require("../../components/Icon/constants.cjs.js"),s=require("../../components/IconButton/IconButton.cjs.js"),i=require("./components/FooterAbout/FooterAbout.cjs.js"),c=require("./components/FooterLinksBlock/FooterLinksBlock.cjs.js"),a=require("./components/NewsLetter/NewsLetter.cjs.js");require("react");require("../../components/Button/Button.cjs.js");const m=require("./components/TopTreatmentsSlider/TopTreatmentsSlider.cjs.js"),u=require("./components/LinksColumn/LinksColumn.cjs.js"),f=require("./assets/CompanyName.svg.cjs.js"),r=require("./footer.module.css.cjs.js"),l={title:"Treatments",content:[{title:"All Treatments",href:"/treatments"},{title:"Personalized Protocols",href:"/personalized-protocols"},{title:"Labs",href:"/labs"},{title:"Medications",href:"/medications"},{title:"Supplements",href:"/supplements"}]},h=({socialMedia:t,products:n})=>e.jsx("footer",{className:r.default.root,children:e.jsxs("div",{className:r.default.container,children:[e.jsxs("div",{className:r.default.content,children:[e.jsx("div",{className:r.default.footerLeft,children:e.jsx(a.NewsLetter,{})}),e.jsxs("div",{className:r.default.footerRight,children:[e.jsxs("div",{className:r.default.columns,children:[e.jsx(u.LinksColumn,{title:l.title,links:l.content},l.title),n&&(n==null?void 0:n.length)>0&&e.jsx(m.TopTreatmentsSlider,{title:"Top Treatments",products:n})]}),e.jsx("div",{className:r.default.footerLinks,children:e.jsx(c.FooterLinksBlock,{})}),e.jsxs("div",{className:r.default.about,children:[e.jsx(i.FooterAbout,{}),e.jsxs("div",{className:r.default.socials,children:[(t==null?void 0:t.facebook)&&e.jsx("a",{href:t.facebook,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.FACEBOOK,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.instagram)&&e.jsx("a",{href:t.instagram,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.INSTAGRAM,variant:"muted-invert",size:"lg"})}),(t==null?void 0:t.twitter)&&e.jsx("a",{href:t.twitter,target:"_blank",rel:"noopener noreferrer",children:e.jsx(s.IconButton,{iconName:o.EIconName.X,variant:"muted-invert",size:"lg"})})]})]})]})]}),e.jsx("div",{className:r.default.img,children:e.jsx(f.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})});exports.Footer=h;
|
|
@@ -1,47 +1,47 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
3
3
|
import "../../components/Icon/Icon.es.js";
|
|
4
|
-
import { EIconName as
|
|
5
|
-
import { IconButton as
|
|
6
|
-
import { FooterAbout as
|
|
7
|
-
import { FooterLinksBlock as
|
|
8
|
-
import { NewsLetter as
|
|
4
|
+
import { EIconName as m } from "../../components/Icon/constants.es.js";
|
|
5
|
+
import { IconButton as i } from "../../components/IconButton/IconButton.es.js";
|
|
6
|
+
import { FooterAbout as s } from "./components/FooterAbout/FooterAbout.es.js";
|
|
7
|
+
import { FooterLinksBlock as a } from "./components/FooterLinksBlock/FooterLinksBlock.es.js";
|
|
8
|
+
import { NewsLetter as f } from "./components/NewsLetter/NewsLetter.es.js";
|
|
9
9
|
import "react";
|
|
10
10
|
import "../../components/Button/Button.es.js";
|
|
11
|
-
import { TopTreatmentsSlider as
|
|
12
|
-
import { LinksColumn as
|
|
13
|
-
import
|
|
11
|
+
import { TopTreatmentsSlider as h } from "./components/TopTreatmentsSlider/TopTreatmentsSlider.es.js";
|
|
12
|
+
import { LinksColumn as c } from "./components/LinksColumn/LinksColumn.es.js";
|
|
13
|
+
import p from "./assets/CompanyName.svg.es.js";
|
|
14
14
|
import r from "./footer.module.css.es.js";
|
|
15
|
-
const
|
|
15
|
+
const l = {
|
|
16
16
|
title: "Treatments",
|
|
17
17
|
content: [
|
|
18
|
-
{ title: "All Treatments", href: "/
|
|
19
|
-
{ title: "Personalized Protocols", href: "/personalized" },
|
|
18
|
+
{ title: "All Treatments", href: "/treatments" },
|
|
19
|
+
{ title: "Personalized Protocols", href: "/personalized-protocols" },
|
|
20
20
|
{ title: "Labs", href: "/labs" },
|
|
21
21
|
{ title: "Medications", href: "/medications" },
|
|
22
22
|
{ title: "Supplements", href: "/supplements" }
|
|
23
23
|
]
|
|
24
|
-
},
|
|
24
|
+
}, F = ({ socialMedia: t, products: o }) => /* @__PURE__ */ e("footer", { className: r.root, children: /* @__PURE__ */ n("div", { className: r.container, children: [
|
|
25
25
|
/* @__PURE__ */ n("div", { className: r.content, children: [
|
|
26
|
-
/* @__PURE__ */
|
|
26
|
+
/* @__PURE__ */ e("div", { className: r.footerLeft, children: /* @__PURE__ */ e(f, {}) }),
|
|
27
27
|
/* @__PURE__ */ n("div", { className: r.footerRight, children: [
|
|
28
28
|
/* @__PURE__ */ n("div", { className: r.columns, children: [
|
|
29
|
-
/* @__PURE__ */
|
|
30
|
-
|
|
29
|
+
/* @__PURE__ */ e(c, { title: l.title, links: l.content }, l.title),
|
|
30
|
+
o && (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ e(h, { title: "Top Treatments", products: o })
|
|
31
31
|
] }),
|
|
32
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ e("div", { className: r.footerLinks, children: /* @__PURE__ */ e(a, {}) }),
|
|
33
33
|
/* @__PURE__ */ n("div", { className: r.about, children: [
|
|
34
|
-
/* @__PURE__ */
|
|
34
|
+
/* @__PURE__ */ e(s, {}),
|
|
35
35
|
/* @__PURE__ */ n("div", { className: r.socials, children: [
|
|
36
|
-
(
|
|
37
|
-
(
|
|
38
|
-
(
|
|
36
|
+
(t == null ? void 0 : t.facebook) && /* @__PURE__ */ e("a", { href: t.facebook, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.FACEBOOK, variant: "muted-invert", size: "lg" }) }),
|
|
37
|
+
(t == null ? void 0 : t.instagram) && /* @__PURE__ */ e("a", { href: t.instagram, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.INSTAGRAM, variant: "muted-invert", size: "lg" }) }),
|
|
38
|
+
(t == null ? void 0 : t.twitter) && /* @__PURE__ */ e("a", { href: t.twitter, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ e(i, { iconName: m.X, variant: "muted-invert", size: "lg" }) })
|
|
39
39
|
] })
|
|
40
40
|
] })
|
|
41
41
|
] })
|
|
42
42
|
] }),
|
|
43
|
-
/* @__PURE__ */
|
|
43
|
+
/* @__PURE__ */ e("div", { className: r.img, children: /* @__PURE__ */ e(p, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
|
|
44
44
|
] }) });
|
|
45
45
|
export {
|
|
46
|
-
|
|
46
|
+
F as Footer
|
|
47
47
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../../../utils/cn/cn.cjs.js"),s=require("../../../../components/Typography/Typography.cjs.js"),l=require("../../assets/logo.png.cjs.js"),e=require("./footerAbout.module.css.cjs.js"),c=[{title:"(Terms of Use)",hasBrackets:!0,href:"/policy/terms-condition"},{title:"(privacy policy)",hasBrackets:!0,href:"/policy/privacy-policy"},{title:"(telehealth consent policy)",hasBrackets:!0,href:"/policy/telehealth-consent"},{title:"©2025 Healthspan.",hasBrackets:!1,href:"/"},{title:"All rights reserved.",hasBrackets:!1}],i=t=>t.href?a.jsx("a",{href:t.href,className:r.cn(e.default.item,e.default.link),children:a.jsx(s.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:t.hasBrackets?e.default.titleWithBrackets:e.default.title,children:t.title})},t.title):a.jsx("div",{className:e.default.item,children:a.jsx(s.Typography,{as:"span",defaultVariant:"labelXs",emphasis:!0,className:t.hasBrackets?e.default.titleWithBrackets:e.default.title,children:t.title})},t.title),o=()=>a.jsxs("div",{className:e.default.root,children:[a.jsx("img",{src:l.default,alt:"contentImg",className:e.default.contentImg}),a.jsx("div",{className:e.default.container,children:c.map(i)})]});exports.FooterAbout=o;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { Typography as
|
|
1
|
+
import { jsxs as a, jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { cn as l } from "../../../../utils/cn/cn.es.js";
|
|
3
|
+
import { Typography as s } from "../../../../components/Typography/Typography.es.js";
|
|
4
|
+
import i from "../../assets/logo.png.es.js";
|
|
4
5
|
import e from "./footerAbout.module.css.es.js";
|
|
5
|
-
const
|
|
6
|
+
const c = [
|
|
6
7
|
{
|
|
7
8
|
title: "(Terms of Use)",
|
|
8
9
|
hasBrackets: !0,
|
|
@@ -21,26 +22,34 @@ const i = [
|
|
|
21
22
|
{
|
|
22
23
|
title: "©2025 Healthspan.",
|
|
23
24
|
hasBrackets: !1,
|
|
24
|
-
href: "
|
|
25
|
+
href: "/"
|
|
25
26
|
},
|
|
26
27
|
{
|
|
27
28
|
title: "All rights reserved.",
|
|
28
|
-
hasBrackets: !1
|
|
29
|
-
|
|
29
|
+
hasBrackets: !1
|
|
30
|
+
}
|
|
31
|
+
], o = (t) => t.href ? /* @__PURE__ */ r("a", { href: t.href, className: l(e.item, e.link), children: /* @__PURE__ */ r(
|
|
32
|
+
s,
|
|
33
|
+
{
|
|
34
|
+
as: "span",
|
|
35
|
+
defaultVariant: "labelXs",
|
|
36
|
+
emphasis: !0,
|
|
37
|
+
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
38
|
+
children: t.title
|
|
39
|
+
}
|
|
40
|
+
) }, t.title) : /* @__PURE__ */ r("div", { className: e.item, children: /* @__PURE__ */ r(
|
|
41
|
+
s,
|
|
42
|
+
{
|
|
43
|
+
as: "span",
|
|
44
|
+
defaultVariant: "labelXs",
|
|
45
|
+
emphasis: !0,
|
|
46
|
+
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
47
|
+
children: t.title
|
|
30
48
|
}
|
|
31
|
-
|
|
32
|
-
/* @__PURE__ */
|
|
33
|
-
/* @__PURE__ */
|
|
34
|
-
l,
|
|
35
|
-
{
|
|
36
|
-
as: "span",
|
|
37
|
-
defaultVariant: "labelXs",
|
|
38
|
-
emphasis: !0,
|
|
39
|
-
className: t.hasBrackets ? e.titleWithBrackets : e.title,
|
|
40
|
-
children: t.title
|
|
41
|
-
}
|
|
42
|
-
) }, t.title)) })
|
|
49
|
+
) }, t.title), d = () => /* @__PURE__ */ a("div", { className: e.root, children: [
|
|
50
|
+
/* @__PURE__ */ r("img", { src: i, alt: "contentImg", className: e.contentImg }),
|
|
51
|
+
/* @__PURE__ */ r("div", { className: e.container, children: c.map(o) })
|
|
43
52
|
] });
|
|
44
53
|
export {
|
|
45
|
-
|
|
54
|
+
d as FooterAbout
|
|
46
55
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o="footerAbout-module__root___G9z5j",t="footerAbout-module__contentImg___UN0eD",e="footerAbout-module__container___N-gju",n="footerAbout-module__item___dlSsF",_="footerAbout-module__link___nrXpE",r={root:o,contentImg:t,container:e,item:n,link:_};exports.container=e;exports.contentImg=t;exports.default=r;exports.item=n;exports.link=_;exports.root=o;
|
|
@@ -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
|
};
|