import { jsx as a, jsxs as e } from "react/jsx-runtime";
import s from "./assets/Container.png.es.js";
import o from "./assets/people.png.es.js";
import r from "../../pageComponents/HowItWorksHero/howItWorksHero.module.css";
import { Typography as i } from "../../components/Typography/Typography.es.js";
const n = () => /* @__PURE__ */ a("section", { className: r.root, "data-type": "hero", children: /* @__PURE__ */ e("div", { className: r.container, children: [
  /* @__PURE__ */ a(i, { className: r.headline, as: "h2", defaultVariant: "displayMd", mobileVariant: "headingXl", children: "Our simple process to slow the aging process." }),
  /* @__PURE__ */ a("img", { className: r.protGraphic, src: s, alt: "Measurement Graphics" }),
  /* @__PURE__ */ a("img", { className: r.heroFace, src: o, alt: "Aging Process Couple" }),
  /* @__PURE__ */ a("div", { className: r.rectShade })
] }) });
export {
  n as HowItWorksHero
};
