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: i
    }
  };
  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(
        m,
        {
          colorScheme: "dark",
          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__ */ 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 {
  H as HomepageHero
};
