@zenpatient-org/healthspan-marketing-ui 0.1.170 → 0.2.0

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

@@ -1,41 +1,44 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { HighlightedTitle as c } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as r } from "../../components/Typography/Typography.es.js";
-import { Button as n } from "../../components/Button/Button.es.js";
-import { MiddleCarousel as s } from "./components/MiddleCarousel/MiddleCarousel.es.js";
-import { cn as l } from "../../utils/cn/cn.es.js";
-import a from "./homepageHero.module.css.es.js";
-import { EAnalyticsEventType as d, EAnalyticsEvent as p } from "../../types/analytics/analytics.es.js";
-function N() {
-  const t = "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948", o = {
-    event: p.ctaClicked,
-    type: d.interaction,
+import { jsxs as t, jsx as e, Fragment as l } from "react/jsx-runtime";
+import { Button as r } from "../../components/Button/Button.es.js";
+import { MiddleCarousel as c } from "./components/MiddleCarousel/MiddleCarousel.es.js";
+import { cn as n } from "../../utils/cn/cn.es.js";
+import { EAnalyticsEventType as s, EAnalyticsEvent as d } from "../../types/analytics/analytics.es.js";
+import a from "../../pageComponents/HomepageHero/homepageHero.module.css";
+import { HighlightedTitle as m } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
+import { Typography as p } from "../../components/Typography/Typography.es.js";
+function H() {
+  const i = "https://app.gethealthspan.com/#/product/signup/6896e50bc0af7d4d26738948", o = {
+    event: d.ctaClicked,
+    type: s.interaction,
     component: "HomepageHero",
     payload: {
-      ctaLink: t
+      ctaLink: i
     }
   };
-  return /* @__PURE__ */ i("section", { className: a.root, "data-type": "hero", children: [
-    /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(s, {}) }),
-    /* @__PURE__ */ i("div", { className: a.contentContainer, children: [
+  return /* @__PURE__ */ t("section", { className: a.root, "data-type": "hero", children: [
+    /* @__PURE__ */ e("div", { className: a.carouselArea, children: /* @__PURE__ */ e(c, {}) }),
+    /* @__PURE__ */ t("div", { className: a.contentContainer, children: [
       /* @__PURE__ */ e("div", { className: a.headline, children: /* @__PURE__ */ e(
-        c,
+        m,
         {
           colorScheme: "dark",
-          title: /* @__PURE__ */ e(r, { as: "div", defaultVariant: "displayXs", mobileVariant: "headingLg", children: /* @__PURE__ */ i("p", { children: [
+          as: "h1",
+          defaultVariant: "displayXs",
+          mobileVariant: "headingLg",
+          title: /* @__PURE__ */ t(l, { 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: l(a.buttonWrapper, a.desktop), children: /* @__PURE__ */ e(n, { as: "a", href: t, variant: "secondary", size: "lg", analyticsProps: o, children: "Join Healthspan" }) }),
-        /* @__PURE__ */ e("div", { className: l(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(n, { as: "a", href: t, variant: "secondary", size: "md", analyticsProps: o, children: "Join Healthspan" }) })
+      /* @__PURE__ */ t("div", { className: a.callAction, children: [
+        /* @__PURE__ */ e(p, { as: "p", defaultVariant: "bodyMd", 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(r, { as: "a", href: i, variant: "secondary", size: "lg", analyticsProps: o, children: "Join Healthspan" }) }),
+        /* @__PURE__ */ e("div", { className: n(a.buttonWrapper, a.mobile), children: /* @__PURE__ */ e(r, { as: "a", href: i, variant: "secondary", size: "md", analyticsProps: o, children: "Join Healthspan" }) })
       ] })
     ] })
   ] });
 }
 export {
-  N as HomepageHero
+  H as HomepageHero
 };

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

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),d=require("./cards/Protocol.cjs.js"),u=require("./cards/Age.cjs.js"),f=require("./cards/Biomarker.cjs.js"),m=require("./cards/Facetime.cjs.js"),e=require("./middleCarousel.module.css.cjs.js"),C=[r.jsx(d.ProtocolCard,{},"protocol"),r.jsx(u.AgeCard,{},"age"),r.jsx(f.BiomarkerCard,{},"biomarker"),r.jsx(m.FacetimeCard,{},"facetime")];function x(){const[c,n]=i.useState(0),t=4;return i.useEffect(()=>{const o=setInterval(()=>{n(l=>(l+1)%t)},2500);return()=>clearInterval(o)},[t]),r.jsx("div",{className:e.default.carousel,children:C.map((o,l)=>{let a=(l-c+t)%t;a===t-1&&(a=-1);let s;return a===-1?s=e.default.left:a===0?s=e.default.center:a===1?s=e.default.right:s=e.default.hidden,r.jsx("div",{className:`${e.default.card} ${s}`,children:r.jsx("div",{className:e.default.cardContent,children:o})},l)})})}exports.MiddleCarousel=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react"),d=require("./cards/Protocol.cjs.js"),u=require("./cards/Age.cjs.js"),m=require("./cards/Biomarker.cjs.js"),C=require("./cards/Facetime.cjs.js"),e=require("../../../../src/pageComponents/HomepageHero/components/MiddleCarousel/middleCarousel.module.css"),f=[r.jsx(d.ProtocolCard,{},"protocol"),r.jsx(u.AgeCard,{},"age"),r.jsx(m.BiomarkerCard,{},"biomarker"),r.jsx(C.FacetimeCard,{},"facetime")];function x(){const[i,l]=c.useState(0),t=4;return c.useEffect(()=>{const a=setInterval(()=>{l(o=>(o+1)%t)},2500);return()=>clearInterval(a)},[t]),r.jsx("div",{className:e.carousel,children:f.map((a,o)=>{let s=(o-i+t)%t;s===t-1&&(s=-1);let n;return s===-1?n=e.left:s===0?n=e.center:s===1?n=e.right:n=e.hidden,r.jsx("div",{className:`${e.card} ${n}`,children:r.jsx("div",{className:e.cardContent,children:a})},o)})})}exports.MiddleCarousel=x;

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

@@ -5,7 +5,7 @@ import { ProtocolCard as d } from "./cards/Protocol.es.js";
 import { AgeCard as f } from "./cards/Age.es.js";
 import { BiomarkerCard as p } from "./cards/Biomarker.es.js";
 import { FacetimeCard as u } from "./cards/Facetime.es.js";
-import e from "./middleCarousel.module.css.es.js";
+import e from "../../../../pageComponents/HomepageHero/components/MiddleCarousel/middleCarousel.module.css";
 const C = [
   /* @__PURE__ */ r(d, {}, "protocol"),
   /* @__PURE__ */ r(f, {}, "age"),

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Age.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../../../components/Typography/Typography.cjs.js"),r=require("../../../../../components/Icon/Icon.cjs.js"),t=require("../../../../../components/Icon/constants.cjs.js"),n=require("./assets/AgeGraph.svg.cjs.js"),a=require("./age.module.css.cjs.js");function l(){return e.jsxs("div",{className:a.default.ageCard,children:[e.jsxs("div",{className:a.default.topContainer,children:[e.jsx(s.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.default.textContainer,children:"BIOLOGICAL AGE"}),e.jsxs("div",{className:a.default.ageInfo,children:[e.jsx(s.Typography,{as:"p",defaultVariant:"displayMd",className:a.default.ageNumber,children:"31"}),e.jsxs("div",{className:a.default.ageUnit,children:[e.jsx(r.Icon,{name:t.EIconName.ARROW_OUTWARD,className:a.default.trendArrow}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.ageLabel,children:"years old"})]})]})]}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx(n.default,{className:a.default.graphSvg})})]})}exports.AgeCard=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./assets/AgeGraph.svg.cjs.js"),a=require("../../../../../src/pageComponents/HomepageHero/components/MiddleCarousel/cards/age.module.css"),s=require("../../../../../components/Typography/Typography.cjs.js"),n=require("../../../../../components/Icon/Icon.cjs.js"),t=require("../../../../../components/Icon/constants.cjs.js");function o(){return e.jsxs("div",{className:a.ageCard,children:[e.jsxs("div",{className:a.topContainer,children:[e.jsx(s.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.textContainer,children:"BIOLOGICAL AGE"}),e.jsxs("div",{className:a.ageInfo,children:[e.jsx(s.Typography,{as:"p",defaultVariant:"displayMd",className:a.ageNumber,children:"31"}),e.jsxs("div",{className:a.ageUnit,children:[e.jsx(n.Icon,{name:t.EIconName.ARROW_OUTWARD,className:a.trendArrow}),e.jsx(s.Typography,{as:"p",defaultVariant:"bodySm",className:a.ageLabel,children:"years old"})]})]})]}),e.jsx("div",{className:a.bottomContainer,children:e.jsx(r.default,{className:a.graphSvg})})]})}exports.AgeCard=o;

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Age.es.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import i from "./assets/AgeGraph.svg.es.js";
+import a from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/age.module.css";
 import { Typography as s } from "../../../../../components/Typography/Typography.es.js";
-import { Icon as i } from "../../../../../components/Icon/Icon.es.js";
-import { EIconName as m } from "../../../../../components/Icon/constants.es.js";
-import l from "./assets/AgeGraph.svg.es.js";
-import a from "./age.module.css.es.js";
+import { Icon as m } from "../../../../../components/Icon/Icon.es.js";
+import { EIconName as l } from "../../../../../components/Icon/constants.es.js";
 function h() {
   return /* @__PURE__ */ r("div", { className: a.ageCard, children: [
     /* @__PURE__ */ r("div", { className: a.topContainer, children: [
@@ -11,12 +11,12 @@ function h() {
       /* @__PURE__ */ r("div", { className: a.ageInfo, children: [
         /* @__PURE__ */ e(s, { as: "p", defaultVariant: "displayMd", className: a.ageNumber, children: "31" }),
         /* @__PURE__ */ r("div", { className: a.ageUnit, children: [
-          /* @__PURE__ */ e(i, { name: m.ARROW_OUTWARD, className: a.trendArrow }),
+          /* @__PURE__ */ e(m, { name: l.ARROW_OUTWARD, className: a.trendArrow }),
           /* @__PURE__ */ e(s, { as: "p", defaultVariant: "bodySm", className: a.ageLabel, children: "years old" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e(l, { className: a.graphSvg }) })
+    /* @__PURE__ */ e("div", { className: a.bottomContainer, children: /* @__PURE__ */ e(i, { className: a.graphSvg }) })
   ] });
 }
 export {

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Biomarker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../../components/Typography/Typography.cjs.js"),s=require("../../../../../components/Icon/Icon.cjs.js"),t=require("../../../../../components/Icon/constants.cjs.js"),o=require("./assets/BiomarkerGraph.svg.cjs.js"),a=require("./biomarker.module.css.cjs.js");function i(){return e.jsxs("div",{className:a.default.biomarkerCard,children:[e.jsxs("div",{className:a.default.topContainer,children:[e.jsx(r.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:a.default.textContainer,children:"BIOMARKER PROFILE"}),e.jsxs("div",{className:a.default.biomarkerInfo,children:[e.jsx(r.Typography,{as:"p",defaultVariant:"displayMd",children:"7.8"}),e.jsxs("div",{className:a.default.biomarkerUnit,children:[e.jsx(s.Icon,{name:t.EIconName.ARROW_OUTWARD,className:a.default.trendArrow}),e.jsx(r.Typography,{as:"p",defaultVariant:"bodySm",className:a.default.biomarkerLabel,children:"mg/dL"})]})]})]}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx(o.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})}exports.BiomarkerCard=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./assets/BiomarkerGraph.svg.cjs.js"),r=require("../../../../../src/pageComponents/HomepageHero/components/MiddleCarousel/cards/biomarker.module.css"),a=require("../../../../../components/Typography/Typography.cjs.js"),n=require("../../../../../components/Icon/Icon.cjs.js"),i=require("../../../../../components/Icon/constants.cjs.js");function o(){return e.jsxs("div",{className:r.biomarkerCard,children:[e.jsxs("div",{className:r.topContainer,children:[e.jsx(a.Typography,{as:"p",defaultVariant:"labelXs",emphasis:!0,className:r.textContainer,children:"BIOMARKER PROFILE"}),e.jsxs("div",{className:r.biomarkerInfo,children:[e.jsx(a.Typography,{as:"p",defaultVariant:"displayMd",children:"7.8"}),e.jsxs("div",{className:r.biomarkerUnit,children:[e.jsx(n.Icon,{name:i.EIconName.ARROW_OUTWARD,className:r.trendArrow}),e.jsx(a.Typography,{as:"p",defaultVariant:"bodySm",className:r.biomarkerLabel,children:"mg/dL"})]})]})]}),e.jsx("div",{className:r.bottomContainer,children:e.jsx(s.default,{width:"100%",height:"100%",preserveAspectRatio:"xMidYMid meet"})})]})}exports.BiomarkerCard=o;

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Biomarker.es.js

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import m from "./assets/BiomarkerGraph.svg.es.js";
+import r from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/biomarker.module.css";
 import { Typography as i } from "../../../../../components/Typography/Typography.es.js";
-import { Icon as m } from "../../../../../components/Icon/Icon.es.js";
-import { EIconName as o } from "../../../../../components/Icon/constants.es.js";
-import t from "./assets/BiomarkerGraph.svg.es.js";
-import r from "./biomarker.module.css.es.js";
+import { Icon as o } from "../../../../../components/Icon/Icon.es.js";
+import { EIconName as t } from "../../../../../components/Icon/constants.es.js";
 function h() {
   return /* @__PURE__ */ e("div", { className: r.biomarkerCard, children: [
     /* @__PURE__ */ e("div", { className: r.topContainer, children: [
@@ -11,12 +11,12 @@ function h() {
       /* @__PURE__ */ e("div", { className: r.biomarkerInfo, children: [
         /* @__PURE__ */ a(i, { as: "p", defaultVariant: "displayMd", children: "7.8" }),
         /* @__PURE__ */ e("div", { className: r.biomarkerUnit, children: [
-          /* @__PURE__ */ a(m, { name: o.ARROW_OUTWARD, className: r.trendArrow }),
+          /* @__PURE__ */ a(o, { name: t.ARROW_OUTWARD, className: r.trendArrow }),
           /* @__PURE__ */ a(i, { as: "p", defaultVariant: "bodySm", className: r.biomarkerLabel, children: "mg/dL" })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ a("div", { className: r.bottomContainer, children: /* @__PURE__ */ a(t, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
+    /* @__PURE__ */ a("div", { className: r.bottomContainer, children: /* @__PURE__ */ a(m, { width: "100%", height: "100%", preserveAspectRatio: "xMidYMid meet" }) })
   ] });
 }
 export {

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Facetime.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../../components/Typography/Typography.cjs.js"),a=require("./facetime.module.css.cjs.js"),r=()=>e.jsxs("div",{className:a.default.facetimeCard,children:[e.jsxs("div",{className:a.default.topContainer,children:[e.jsx(t.Typography,{defaultVariant:"labelXs",emphasis:!0,className:a.default.textContainer,children:"EXPERT COACHING"}),e.jsx("div",{className:a.default.facetimePic})]}),e.jsx("div",{className:a.default.bottomContainer,children:e.jsx("div",{className:a.default.callFrame})})]});exports.FacetimeCard=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../../../src/pageComponents/HomepageHero/components/MiddleCarousel/cards/facetime.module.css"),s=require("../../../../../components/Typography/Typography.cjs.js"),t=()=>e.jsxs("div",{className:a.facetimeCard,children:[e.jsxs("div",{className:a.topContainer,children:[e.jsx(s.Typography,{defaultVariant:"labelXs",emphasis:!0,className:a.textContainer,children:"EXPERT COACHING"}),e.jsx("div",{className:a.facetimePic})]}),e.jsx("div",{className:a.bottomContainer,children:e.jsx("div",{className:a.callFrame})})]});exports.FacetimeCard=t;

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Facetime.es.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import a from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/facetime.module.css";
 import { Typography as i } from "../../../../../components/Typography/Typography.es.js";
-import a from "./facetime.module.css.es.js";
 const c = () => /* @__PURE__ */ r("div", { className: a.facetimeCard, children: [
   /* @__PURE__ */ r("div", { className: a.topContainer, children: [
     /* @__PURE__ */ e(i, { defaultVariant: "labelXs", emphasis: !0, className: a.textContainer, children: "EXPERT COACHING" }),

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Protocol.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("../../../../../components/Typography/Typography.cjs.js"),o=require("../../../../../components/Icon/Icon.cjs.js"),r=require("../../../../../components/Icon/constants.cjs.js"),e=require("./protocol.module.css.cjs.js"),t=()=>a.jsxs("div",{className:e.default.protocolCard,children:[a.jsxs("div",{className:e.default.topContainer,children:[a.jsx(s.Typography,{defaultVariant:"labelXs",emphasis:!0,className:e.default.textContainer,children:"PERSONALIZED PROTOCOL"}),a.jsxs("div",{className:e.default.dosageInfo,children:[a.jsx(s.Typography,{defaultVariant:"displayMd",children:"5"}),a.jsxs("div",{className:e.default.dosageRate,children:[a.jsx(o.Icon,{name:r.EIconName.ARROW_OUTWARD,className:e.default.iconArrow}),a.jsx(s.Typography,{defaultVariant:"bodySm",className:e.default.dosageLabel,children:"mg/week"})]})]})]}),a.jsx("div",{className:e.default.bottomContainer,children:a.jsxs("div",{className:e.default.productCard,children:[a.jsx("div",{className:e.default.productImage}),a.jsxs("div",{className:e.default.productInfo,children:[a.jsx(s.Typography,{defaultVariant:"headingXs",className:e.default.productName,children:"Rapamycin"}),a.jsx(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:e.default.productDosage,children:"5MG PER WEEK"})]})]})})]});exports.ProtocolCard=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../../../../../src/pageComponents/HomepageHero/components/MiddleCarousel/cards/protocol.module.css"),s=require("../../../../../components/Typography/Typography.cjs.js"),r=require("../../../../../components/Icon/Icon.cjs.js"),o=require("../../../../../components/Icon/constants.cjs.js"),n=()=>a.jsxs("div",{className:e.protocolCard,children:[a.jsxs("div",{className:e.topContainer,children:[a.jsx(s.Typography,{defaultVariant:"labelXs",emphasis:!0,className:e.textContainer,children:"PERSONALIZED PROTOCOL"}),a.jsxs("div",{className:e.dosageInfo,children:[a.jsx(s.Typography,{defaultVariant:"displayMd",children:"5"}),a.jsxs("div",{className:e.dosageRate,children:[a.jsx(r.Icon,{name:o.EIconName.ARROW_OUTWARD,className:e.iconArrow}),a.jsx(s.Typography,{defaultVariant:"bodySm",className:e.dosageLabel,children:"mg/week"})]})]})]}),a.jsx("div",{className:e.bottomContainer,children:a.jsxs("div",{className:e.productCard,children:[a.jsx("div",{className:e.productImage}),a.jsxs("div",{className:e.productInfo,children:[a.jsx(s.Typography,{defaultVariant:"headingXs",className:e.productName,children:"Rapamycin"}),a.jsx(s.Typography,{defaultVariant:"labelSm",mobileVariant:"labelXs",emphasis:!0,className:e.productDosage,children:"5MG PER WEEK"})]})]})})]});exports.ProtocolCard=n;

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/Protocol.es.js

@@ -1,8 +1,8 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import a from "../../../../../pageComponents/HomepageHero/components/MiddleCarousel/cards/protocol.module.css";
 import { Typography as s } from "../../../../../components/Typography/Typography.es.js";
 import { Icon as l } from "../../../../../components/Icon/Icon.es.js";
 import { EIconName as o } from "../../../../../components/Icon/constants.es.js";
-import a from "./protocol.module.css.es.js";
 const n = () => /* @__PURE__ */ r("div", { className: a.protocolCard, children: [
   /* @__PURE__ */ r("div", { className: a.topContainer, children: [
     /* @__PURE__ */ e(s, { defaultVariant: "labelXs", emphasis: !0, className: a.textContainer, children: "PERSONALIZED PROTOCOL" }),

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/age.module.css

@@ -0,0 +1,77 @@
+.ageCard {
+    padding: 24px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+.topContainer {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.textContainer {
+    color: var(--color-solar-200);
+}
+
+.ageInfo {
+    color: var(--color-text-primary-inverted);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.ageUnit {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    height: 100%;
+}
+
+.ageLabel {
+    color: var(--color-text-secondary-disabled);
+    white-space: nowrap;
+}
+
+.trendArrow {
+    width: 48px;
+    height: 48px;
+    color: var(--color-solar-200);
+    transform: rotate(90deg);
+}
+
+/* Bottom Container with Graph */
+.bottomContainer {
+    height: 180px;
+    width: 100%;
+    margin-top: auto;
+}
+
+.graphSvg {
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+@media screen and (width <= 768px) {
+    .ageCard {
+        padding: 18px;
+        gap: 18px;
+    }
+
+    .bottomContainer {
+        height: 135px;
+        width: 234px;
+    }
+
+    .trendArrow {
+        width: 36px;
+        height: 36px;
+    }
+
+    .ageInfo {
+        gap: 6px;
+    }
+}

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/assets/AgeGraph.svg

@@ -0,0 +1,50 @@
+<svg width="312" height="191" viewBox="0 0 312 191" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="312" height="180" rx="12" fill="white" fill-opacity="0.05"/>
+<rect width="312" height="180" rx="12" fill="url(#paint0_linear_159_20054)" fill-opacity="0.2"/>
+<path opacity="0.5" d="M269.76 21.769C269.76 19.798 270.705 18.439 272.118 18.439C273.531 18.439 274.485 19.798 274.485 21.769C274.485 23.74 273.531 25.099 272.118 25.099C270.705 25.099 269.76 23.74 269.76 21.769ZM273.648 21.769C273.648 20.239 273.072 19.204 272.118 19.204C271.164 19.204 270.597 20.239 270.597 21.769C270.597 23.299 271.164 24.334 272.118 24.334C273.072 24.334 273.648 23.299 273.648 21.769ZM276.587 25V18.538H277.451V24.244H280.673V25H276.587ZM282.614 25V18.538H283.991C285.944 18.538 287.078 19.798 287.078 21.769C287.078 23.74 285.944 25 283.991 25H282.614ZM283.46 24.253H283.991C285.485 24.253 286.223 23.272 286.223 21.769C286.223 20.257 285.485 19.285 283.982 19.285H283.46V24.253ZM288.91 18.538H293.221V19.294H289.756V21.283H292.699V22.039H289.756V24.244H293.221V25H288.91V18.538ZM296.071 22.291V25H295.207V18.538H297.475C298.843 18.538 299.707 19.177 299.707 20.41C299.707 21.418 299.113 22.048 298.132 22.237L299.932 25H298.942L297.205 22.291H296.071ZM296.071 21.544H297.421C298.348 21.544 298.861 21.139 298.861 20.41C298.861 19.681 298.348 19.285 297.421 19.285H296.071V21.544Z" fill="white"/>
+<line opacity="0.3" x1="12.25" y1="55.5" x2="299.75" y2="55.5" stroke="white" stroke-width="0.5" stroke-linecap="round"/>
+<line opacity="0.3" x1="12.25" y1="89.75" x2="247.75" y2="89.75" stroke="url(#paint1_linear_159_20054)" stroke-width="0.5" stroke-linecap="round" stroke-dasharray="2 4"/>
+<path d="M259.021 87.038H260.02L262.045 93.5H261.172L260.65 91.799H258.373L257.851 93.5H257.005L259.021 87.038ZM259.507 88.073L258.598 91.043H260.416L259.507 88.073ZM263.994 93.5V87.038H264.858V92.744H268.08V93.5H263.994ZM274.377 92.744V93.5H269.859V92.744H271.686V87.794H269.859V87.038H274.377V87.794H272.55V92.744H274.377ZM279.989 93.5V92.537C279.773 93.131 279.224 93.599 278.45 93.599C277.064 93.599 276.056 92.249 276.056 90.287C276.056 88.316 277.109 86.939 278.54 86.939C279.638 86.939 280.358 87.623 280.646 88.73L279.863 89.009C279.674 88.19 279.215 87.704 278.54 87.704C277.577 87.704 276.911 88.748 276.911 90.278C276.911 91.799 277.541 92.825 278.522 92.825C279.35 92.825 279.899 92.051 279.908 90.899H278.423V90.143H280.691V93.5H279.989ZM286.808 87.038V93.5H285.998L283.424 88.424V93.5H282.614V87.038H283.505L285.998 91.898V87.038H286.808ZM288.91 87.038H293.221V87.794H289.756V89.783H292.699V90.539H289.756V92.744H293.221V93.5H288.91V87.038ZM295.207 93.5V87.038H296.584C298.537 87.038 299.671 88.298 299.671 90.269C299.671 92.24 298.537 93.5 296.584 93.5H295.207ZM296.053 92.753H296.584C298.078 92.753 298.816 91.772 298.816 90.269C298.816 88.757 298.078 87.785 296.575 87.785H296.053V92.753Z" fill="white"/>
+<line opacity="0.3" x1="12.25" y1="124" x2="299.75" y2="124" stroke="white" stroke-width="0.5" stroke-linecap="round"/>
+<path opacity="0.5" d="M259.534 158.508L261.28 155.538H262.189L259.957 159.282V162H259.093V159.282L256.852 155.538H257.788L259.534 158.508ZM263.463 158.769C263.463 156.798 264.408 155.439 265.821 155.439C267.234 155.439 268.188 156.798 268.188 158.769C268.188 160.74 267.234 162.099 265.821 162.099C264.408 162.099 263.463 160.74 263.463 158.769ZM267.351 158.769C267.351 157.239 266.775 156.204 265.821 156.204C264.867 156.204 264.3 157.239 264.3 158.769C264.3 160.299 264.867 161.334 265.821 161.334C266.775 161.334 267.351 160.299 267.351 158.769ZM272.118 162.09C270.786 162.09 269.949 161.28 269.949 159.552V155.538H270.813V159.516C270.813 160.776 271.29 161.298 272.118 161.298C272.946 161.298 273.423 160.776 273.423 159.516V155.538H274.287V159.552C274.287 161.28 273.45 162.09 272.118 162.09ZM280.511 155.538V162H279.701L277.127 156.924V162H276.317V155.538H277.208L279.701 160.398V155.538H280.511ZM286.286 162V161.037C286.07 161.631 285.521 162.099 284.747 162.099C283.361 162.099 282.353 160.749 282.353 158.787C282.353 156.816 283.406 155.439 284.837 155.439C285.935 155.439 286.655 156.123 286.943 157.23L286.16 157.509C285.971 156.69 285.512 156.204 284.837 156.204C283.874 156.204 283.208 157.248 283.208 158.778C283.208 160.299 283.838 161.325 284.819 161.325C285.647 161.325 286.196 160.551 286.205 159.399H284.72V158.643H286.988V162H286.286ZM288.91 155.538H293.221V156.294H289.756V158.283H292.699V159.039H289.756V161.244H293.221V162H288.91V155.538ZM296.071 159.291V162H295.207V155.538H297.475C298.843 155.538 299.707 156.177 299.707 157.41C299.707 158.418 299.113 159.048 298.132 159.237L299.932 162H298.942L297.205 159.291H296.071ZM296.071 158.544H297.421C298.348 158.544 298.861 158.139 298.861 157.41C298.861 156.681 298.348 156.285 297.421 156.285H296.071V158.544Z" fill="white"/>
+<path d="M121.233 102.336V100.896H126.481V102.336H121.233ZM129.323 97.664H127.819C127.905 96.64 128.299 95.808 129.003 95.168C129.707 94.5173 130.667 94.192 131.883 94.192C132.555 94.192 133.174 94.288 133.739 94.48C134.315 94.672 134.774 94.9867 135.115 95.424C135.467 95.8507 135.643 96.4213 135.643 97.136C135.643 97.7227 135.478 98.256 135.147 98.736C134.827 99.216 134.363 99.5787 133.755 99.824C134.331 100.005 134.779 100.251 135.099 100.56C135.419 100.859 135.643 101.195 135.771 101.568C135.899 101.941 135.963 102.331 135.963 102.736C135.963 103.515 135.766 104.16 135.371 104.672C134.987 105.184 134.475 105.568 133.835 105.824C133.195 106.08 132.507 106.208 131.771 106.208C130.865 106.208 130.113 106.043 129.515 105.712C128.929 105.371 128.481 104.923 128.171 104.368C127.873 103.813 127.697 103.216 127.643 102.576H129.147C129.233 103.291 129.489 103.872 129.915 104.32C130.353 104.768 130.977 104.992 131.787 104.992C132.555 104.992 133.185 104.8 133.675 104.416C134.166 104.021 134.411 103.467 134.411 102.752C134.411 102.197 134.262 101.76 133.963 101.44C133.665 101.12 133.259 100.891 132.747 100.752C132.246 100.613 131.686 100.544 131.067 100.544H130.827V99.216H131.019C132.033 99.216 132.801 99.0667 133.323 98.768C133.846 98.4693 134.107 97.9787 134.107 97.296C134.107 96.6667 133.883 96.1973 133.435 95.888C132.998 95.568 132.47 95.408 131.851 95.408C131.073 95.408 130.47 95.6213 130.043 96.048C129.627 96.464 129.387 97.0027 129.323 97.664ZM137.488 106V104.16H139.328V106H137.488ZM142.995 95.76L142.595 99.056C142.904 98.7573 143.277 98.5387 143.715 98.4C144.152 98.2507 144.611 98.176 145.091 98.176C145.773 98.176 146.403 98.3307 146.979 98.64C147.555 98.9493 148.019 99.4027 148.371 100C148.723 100.597 148.899 101.323 148.899 102.176C148.899 103.061 148.701 103.803 148.307 104.4C147.923 104.997 147.416 105.451 146.787 105.76C146.168 106.059 145.496 106.208 144.771 106.208C143.875 106.208 143.133 106.043 142.547 105.712C141.971 105.371 141.528 104.928 141.219 104.384C140.909 103.84 140.717 103.259 140.643 102.64H142.147C142.264 103.365 142.525 103.941 142.931 104.368C143.347 104.784 143.96 104.992 144.771 104.992C145.24 104.992 145.667 104.885 146.051 104.672C146.445 104.448 146.76 104.128 146.995 103.712C147.24 103.296 147.363 102.789 147.363 102.192C147.363 101.552 147.229 101.029 146.963 100.624C146.707 100.219 146.381 99.92 145.987 99.728C145.592 99.536 145.181 99.44 144.755 99.44C144.157 99.44 143.667 99.584 143.283 99.872C142.899 100.149 142.643 100.432 142.515 100.72L141.059 100.64L141.811 94.4H148.467V95.76H142.995ZM153.289 108.8V107.584H153.881C154.201 107.584 154.468 107.563 154.681 107.52C154.905 107.477 155.092 107.36 155.241 107.168C155.401 106.976 155.551 106.656 155.689 106.208L155.753 106L152.649 97.392H154.265L156.457 104.032L158.585 97.392H160.105L157.033 106.368C156.82 106.987 156.607 107.472 156.393 107.824C156.18 108.187 155.892 108.437 155.529 108.576C155.177 108.725 154.681 108.8 154.041 108.8H153.289ZM164.735 98.496C164.341 98.496 163.957 98.5707 163.583 98.72C163.221 98.8587 162.911 99.104 162.655 99.456C162.399 99.808 162.229 100.299 162.143 100.928H167.215C167.173 100.224 166.922 99.6427 166.463 99.184C166.005 98.7253 165.429 98.496 164.735 98.496ZM167.135 103.504H168.639C168.511 103.995 168.277 104.448 167.935 104.864C167.594 105.269 167.157 105.595 166.623 105.84C166.101 106.085 165.487 106.208 164.783 106.208C163.877 106.208 163.109 106.011 162.479 105.616C161.85 105.221 161.37 104.683 161.039 104C160.719 103.317 160.559 102.555 160.559 101.712C160.559 100.805 160.741 100.021 161.103 99.36C161.477 98.688 161.978 98.1707 162.607 97.808C163.247 97.4347 163.957 97.248 164.735 97.248C165.567 97.248 166.282 97.4507 166.879 97.856C167.487 98.2507 167.951 98.784 168.271 99.456C168.602 100.128 168.767 100.88 168.767 101.712C168.767 101.787 168.767 101.861 168.767 101.936C168.767 102 168.762 102.069 168.751 102.144H162.111C162.175 102.805 162.341 103.344 162.607 103.76C162.885 104.165 163.215 104.464 163.599 104.656C163.994 104.837 164.389 104.928 164.783 104.928C165.423 104.928 165.93 104.8 166.303 104.544C166.677 104.277 166.954 103.931 167.135 103.504ZM177.194 106H175.722C175.648 105.584 175.61 105.189 175.61 104.816C175.344 105.253 174.976 105.595 174.506 105.84C174.037 106.085 173.424 106.208 172.666 106.208C172.133 106.208 171.637 106.112 171.178 105.92C170.73 105.728 170.373 105.445 170.106 105.072C169.84 104.699 169.706 104.251 169.706 103.728C169.706 103.045 169.946 102.512 170.426 102.128C170.906 101.733 171.584 101.429 172.458 101.216C173.333 101.003 174.357 100.832 175.53 100.704V100.496C175.53 99.7067 175.338 99.1627 174.954 98.864C174.57 98.5547 174.112 98.4 173.578 98.4C172.981 98.4 172.512 98.5547 172.17 98.864C171.829 99.1627 171.642 99.5787 171.61 100.112H170.106C170.16 99.4933 170.352 98.9707 170.682 98.544C171.013 98.1067 171.434 97.776 171.946 97.552C172.458 97.328 172.997 97.216 173.562 97.216C174.746 97.216 175.61 97.5093 176.154 98.096C176.698 98.672 176.97 99.5627 176.97 100.768V102.752C176.97 103.467 176.986 104.085 177.018 104.608C177.061 105.131 177.12 105.595 177.194 106ZM175.642 102.4V101.856C174.768 101.941 174.005 102.053 173.354 102.192C172.704 102.331 172.202 102.517 171.85 102.752C171.498 102.987 171.322 103.301 171.322 103.696C171.322 104.101 171.466 104.432 171.754 104.688C172.053 104.933 172.464 105.056 172.986 105.056C173.445 105.056 173.872 104.976 174.266 104.816C174.672 104.656 175.002 104.384 175.258 104C175.514 103.605 175.642 103.072 175.642 102.4ZM179.073 106V97.392H180.497V98.896C180.711 98.4053 181.031 98.0267 181.457 97.76C181.884 97.4933 182.375 97.3547 182.929 97.344C183.004 97.344 183.073 97.344 183.137 97.344C183.212 97.344 183.287 97.3493 183.361 97.36V98.912C183.191 98.8907 183.041 98.8747 182.913 98.864C182.785 98.8533 182.663 98.848 182.545 98.848C181.873 98.848 181.367 99.0507 181.025 99.456C180.695 99.8613 180.529 100.539 180.529 101.488V106H179.073ZM186.792 100.736L188.008 100.976C188.531 101.072 189.016 101.216 189.464 101.408C189.912 101.6 190.27 101.867 190.536 102.208C190.814 102.539 190.952 102.981 190.952 103.536C190.952 104.101 190.798 104.587 190.488 104.992C190.179 105.387 189.758 105.691 189.224 105.904C188.702 106.107 188.11 106.208 187.448 106.208C186.702 106.208 186.062 106.064 185.528 105.776C184.995 105.488 184.579 105.115 184.28 104.656C183.982 104.197 183.806 103.717 183.752 103.216H185.288C185.406 103.771 185.64 104.203 185.992 104.512C186.344 104.821 186.84 104.976 187.48 104.976C188.035 104.976 188.504 104.864 188.888 104.64C189.283 104.405 189.48 104.091 189.48 103.696C189.48 103.259 189.304 102.939 188.952 102.736C188.611 102.523 188.206 102.368 187.736 102.272L186.456 102.016C186.072 101.931 185.688 101.808 185.304 101.648C184.931 101.488 184.622 101.253 184.376 100.944C184.131 100.624 184.008 100.208 184.008 99.696C184.008 99.1733 184.163 98.7307 184.472 98.368C184.782 97.9947 185.198 97.712 185.72 97.52C186.243 97.328 186.819 97.232 187.448 97.232C188.376 97.232 189.139 97.472 189.736 97.952C190.334 98.432 190.702 99.0827 190.84 99.904H189.32C189.214 99.392 188.974 99.0293 188.6 98.816C188.227 98.592 187.79 98.48 187.288 98.48C187.011 98.48 186.728 98.5173 186.44 98.592C186.163 98.6667 185.934 98.7893 185.752 98.96C185.571 99.1307 185.48 99.3547 185.48 99.632C185.48 99.952 185.592 100.197 185.816 100.368C186.051 100.528 186.376 100.651 186.792 100.736Z" fill="#FEEE5B"/>
+<g filter="url(#filter1_f_159_20054)">
+<circle cx="156" cy="121" r="40" fill="url(#paint2_radial_159_20054)"/>
+</g>
+<mask id="mask0_159_20054" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-28" y="90" width="185" height="40">
+<path d="M156 122.014C156 122.014 128.121 129.497 110.25 129.5C74.4845 129.505 54.5011 91.7733 18.75 99.5579C0.854172 103.455 -27 122.014 -27 122.014" stroke="white"/>
+<circle cx="128.5" cy="127.5" r="1.5" fill="white"/>
+<circle cx="98.5" cy="128" r="1.5" fill="white"/>
+<circle cx="68.5" cy="113.5" r="1.5" fill="white"/>
+<circle cx="38.5" cy="99.75" r="1.5" fill="white"/>
+<circle cx="8.5" cy="92" r="1.5" fill="white"/>
+</mask>
+<g mask="url(#mask0_159_20054)">
+<rect x="12" y="46.5" width="150" height="135" fill="url(#paint3_linear_159_20054)"/>
+</g>
+<circle opacity="0.3" cx="156" cy="122" r="8" fill="white"/>
+<circle cx="156" cy="122" r="4" fill="white"/>
+<defs>
+<filter id="filter1_f_159_20054" x="86" y="51" width="140" height="140" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="15" result="effect1_foregroundBlur_159_20054"/>
+</filter>
+<linearGradient id="paint0_linear_159_20054" x1="156" y1="0" x2="156" y2="180" gradientUnits="userSpaceOnUse">
+<stop offset="0.5" stop-color="#8FA1CD" stop-opacity="0"/>
+<stop offset="1" stop-color="#8FA1CD"/>
+</linearGradient>
+<linearGradient id="paint1_linear_159_20054" x1="12" y1="90.5" x2="248" y2="90.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<radialGradient id="paint2_radial_159_20054" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(156 121) rotate(90) scale(40)">
+<stop stop-color="#FEF38E"/>
+<stop offset="1" stop-color="#FEF38E" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint3_linear_159_20054" x1="12" y1="114" x2="162" y2="114" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+</defs>
+</svg>

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/assets/BiomarkerGraph.svg

@@ -0,0 +1,51 @@
+<svg width="312" height="184" viewBox="0 0 312 184" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="312" height="180" y="2" rx="12" fill="white" fill-opacity="0.05"/>
+    <rect width="312" height="180" y="2" rx="12" fill="url(#paint0_linear_159_20353)" fill-opacity="0.2"/>
+
+    <line x1="12.25" y1="55.5" x2="299.75" y2="55.5" stroke="white" stroke-width="0.5" stroke-linecap="round" opacity="0.3"/>
+    <line x1="12.25" y1="124" x2="299.75" y2="124" stroke="white" stroke-width="0.5" stroke-linecap="round" opacity="0.3"/>
+
+    <mask id="mask0_159_20353" maskUnits="userSpaceOnUse" x="12" y="77" width="231" height="66" style="mask-type:alpha">
+        <path d="M13 82.0113L70.4 79.5547L127.8 117.497L185.2 123.625L242.6 141.754" stroke="white"/>
+        <circle cx="129" cy="118" r="2" fill="white"/>
+        <circle cx="186" cy="124" r="2" fill="white"/>
+        <circle cx="70" cy="79" r="2" fill="white"/>
+        <circle cx="14" cy="82" r="2" fill="white"/>
+    </mask>
+    <g mask="url(#mask0_159_20353)">
+        <rect y="36.5" width="312" height="135" fill="url(#paint2_linear_159_20353)"/>
+    </g>
+
+    <circle cx="129" cy="118" r="4" fill="var(--color-solar-200)"/>
+    <circle cx="186" cy="124" r="4" fill="var(--color-solar-200)"/>
+    <circle cx="70" cy="79" r="4" fill="var(--color-solar-200)"/>
+    <circle cx="14" cy="82" r="4" fill="var(--color-solar-200)"/>
+
+    <path d="M224.206 118.334V116.894H229.454V118.334H224.206ZM235.305 122.206C234.281 122.206 233.433 121.961 232.761 121.47C232.099 120.979 231.603 120.286 231.273 119.39C230.953 118.483 230.793 117.417 230.793 116.19C230.793 114.963 230.953 113.902 231.273 113.006C231.603 112.11 232.099 111.417 232.761 110.926C233.433 110.435 234.281 110.19 235.305 110.19C236.339 110.19 237.187 110.435 237.849 110.926C238.51 111.417 239.001 112.11 239.321 113.006C239.651 113.902 239.817 114.963 239.817 116.19C239.817 117.417 239.651 118.483 239.321 119.39C239.001 120.286 238.51 120.979 237.849 121.47C237.187 121.961 236.339 122.206 235.305 122.206ZM235.305 120.99C236.222 120.99 236.942 120.595 237.465 119.806C237.998 119.006 238.265 117.801 238.265 116.19C238.265 114.579 237.998 113.379 237.465 112.59C236.942 111.801 236.222 111.406 235.305 111.406C234.398 111.406 233.678 111.801 233.145 112.59C232.611 113.379 232.345 114.579 232.345 116.19C232.345 117.801 232.611 119.006 233.145 119.806C233.678 120.595 234.398 120.99 235.305 120.99ZM240.993 121.998V120.158H242.833V121.998H240.993ZM245.499 121.998V112.926H242.811V111.934C243.366 111.913 243.835 111.865 244.219 111.79C244.614 111.705 244.95 111.555 245.227 111.342C245.504 111.129 245.75 110.814 245.963 110.398H246.955V121.998H245.499ZM251.007 111.758L250.607 115.054C250.917 114.755 251.29 114.537 251.727 114.398C252.165 114.249 252.623 114.174 253.103 114.174C253.786 114.174 254.415 114.329 254.991 114.638C255.567 114.947 256.031 115.401 256.383 115.998C256.735 116.595 256.911 117.321 256.911 118.174C256.911 119.059 256.714 119.801 256.319 120.398C255.935 120.995 255.429 121.449 254.799 121.758C254.181 122.057 253.509 122.206 252.783 122.206C251.887 122.206 251.146 122.041 250.559 121.71C249.983 121.369 249.541 120.926 249.231 120.382C248.922 119.838 248.73 119.257 248.655 118.638H250.159C250.277 119.363 250.538 119.939 250.943 120.366C251.359 120.782 251.973 120.99 252.783 120.99C253.253 120.99 253.679 120.883 254.063 120.67C254.458 120.446 254.773 120.126 255.007 119.71C255.253 119.294 255.375 118.787 255.375 118.19C255.375 117.55 255.242 117.027 254.975 116.622C254.719 116.217 254.394 115.918 253.999 115.726C253.605 115.534 253.194 115.438 252.767 115.438C252.17 115.438 251.679 115.582 251.295 115.87C250.911 116.147 250.655 116.43 250.527 116.718L249.071 116.638L249.823 110.398H256.479V111.758H251.007Z" fill="#FEEE5B"/>
+
+    <g filter="url(#filter1_f_159_20353)">
+        <circle cx="240" cy="140.998" r="40" fill="url(#paint1_radial_159_20353)"/>
+    </g>
+    <circle opacity="0.3" cx="240" cy="141.498" r="8" fill="white"/>
+    <circle cx="240" cy="141.498" r="4" fill="white"/>
+
+    <defs>
+        <filter id="filter1_f_159_20353" x="170" y="70.998" width="140" height="140" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="15" result="effect1_foregroundBlur_159_20353"/>
+        </filter>
+        <linearGradient id="paint0_linear_159_20353" x1="156" y1="0" x2="156" y2="180" gradientUnits="userSpaceOnUse">
+            <stop offset="0.5" stop-color="#8FA1CD" stop-opacity="0"/>
+            <stop offset="1" stop-color="#8FA1CD"/>
+        </linearGradient>
+        <radialGradient id="paint1_radial_159_20353" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(240 140.998) rotate(90) scale(40)">
+            <stop stop-color="#FEF38E"/>
+            <stop offset="1" stop-color="#FEF38E" stop-opacity="0"/>
+        </radialGradient>
+        <linearGradient id="paint2_linear_159_20353" x1="0" y1="104" x2="312" y2="104" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+    </defs>
+</svg>

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/biomarker.module.css

@@ -0,0 +1,65 @@
+.biomarkerCard {
+    padding: 24px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+.topContainer {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.textContainer {
+    color: var(--color-solar-200);
+}
+
+.biomarkerInfo {
+    color: var(--color-white);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.biomarkerUnit {
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    height: 100%;
+}
+
+.biomarkerLabel {
+    color: rgba(255, 255, 255, 0.7);
+    white-space: nowrap;
+}
+
+.trendArrow {
+    width: 48px;
+    height: 48px;
+    color: var(--color-solar-200);
+    transform: rotate(90deg);
+}
+
+.bottomContainer {
+    height: 180px;
+    width: 100%;
+    margin-top: auto;
+}
+
+@media screen and (width <= 768px) {
+    .biomarkerCard {
+        padding: 18px;
+        gap: 18px;
+    }
+
+    .biomarkerInfo {
+        gap: 6px;
+    }
+
+    .trendArrow {
+        width: 36px;
+        height: 36px;
+    }
+}

package/dist/pageComponents/HomepageHero/components/MiddleCarousel/cards/facetime.module.css

@@ -0,0 +1,71 @@
+.facetimeCard {
+    padding: 24px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+}
+
+.topContainer {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.textContainer {
+    color: var(--color-solar-200);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-size: 10px;
+}
+
+.facetimePic {
+    width: 90px;
+    height: 160px;
+    background-image: url('./assets/doctor.png');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+.bottomContainer {
+    display: flex;
+    padding: 16px 12px;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--border-radius-sm);
+    background:
+        linear-gradient(180deg, rgba(143, 161, 205, 0) 50%, rgba(143, 161, 205, 0.2) 100%), rgba(255, 255, 255, 0.05);
+    backdrop-filter: blur(10px);
+    margin-top: auto;
+    min-height: 72px;
+}
+
+.callFrame {
+    width: 100%;
+    height: 100%;
+    background-image: url('./assets/ft.png');
+    background-size: 288px 40px;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+@media screen and (width <= 768px) {
+    .facetimeCard {
+        padding: 18px;
+        gap: 18px;
+    }
+
+    .facetimePic {
+        width: 67.5px;
+        height: 120px;
+    }
+
+    .bottomContainer {
+        min-height: 54px;
+    }
+
+    .callFrame {
+        background-size: 216px 30px;
+    }
+}