import { jsx as a, jsxs as s } from "react/jsx-runtime";
import { cn as t } from "../../utils/cn/cn.es.js";
import e from "../../pageComponents/ContactUs/contactUs.module.css";
import { Typography as i } from "../../components/Typography/Typography.es.js";
import { Button as n } from "../../components/Button/Button.es.js";
const c = () => /* @__PURE__ */ a("div", { className: e.root, children: /* @__PURE__ */ s("div", { className: e.container, children: [
  /* @__PURE__ */ s("div", { className: e.headline, children: [
    /* @__PURE__ */ a(i, { as: "h2", defaultVariant: "displayLg", mobileVariant: "displayXs", children: "Contact Us" }),
    /* @__PURE__ */ a(i, { defaultVariant: "headingXl", mobileVariant: "headingXs", children: "From general questions to specific issues, we're eager to chat with you about any aspect of Healthspan." })
  ] }),
  /* @__PURE__ */ s("div", { className: e.itemContainer, children: [
    /* @__PURE__ */ a(i, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Message Us" }),
    /* @__PURE__ */ s("div", { className: e.messageBlock, children: [
      /* @__PURE__ */ a(i, { className: e.messageResponse, defaultVariant: "labelMd", mobileVariant: "labelSm", children: "RESPONSE TYPICALLY WITHIN 24 HOURS" }),
      /* @__PURE__ */ s(
        i,
        {
          className: e.messageDescription,
          defaultVariant: "headingMd",
          mobileVariant: "headingXs",
          children: [
            "Current and former members are welcome to get in touch at anytime, for any reason.",
            /* @__PURE__ */ a("br", {}),
            /* @__PURE__ */ a("br", {}),
            " Simply log in to your account and send us a message — we're here to help."
          ]
        }
      ),
      /* @__PURE__ */ a("div", { className: t(e.messageButton, e.mobile), children: /* @__PURE__ */ a(
        n,
        {
          as: "a",
          href: "https://app.gethealthspan.com/#/login?redirectPath=/messages",
          variant: "primary",
          size: "md",
          children: "Log In"
        }
      ) }),
      /* @__PURE__ */ a("div", { className: t(e.messageButton, e.desktop), children: /* @__PURE__ */ a(
        n,
        {
          as: "a",
          href: "https://app.gethealthspan.com/#/login?redirectPath=/messages",
          variant: "primary",
          size: "lg",
          children: "Log In"
        }
      ) })
    ] }),
    /* @__PURE__ */ a("div", { className: e.leftBorder }),
    /* @__PURE__ */ a("div", { className: e.rightBorder })
  ] }),
  /* @__PURE__ */ s("div", { className: e.itemContainer, children: [
    /* @__PURE__ */ a(i, { defaultVariant: "headingLg", mobileVariant: "headingSm", children: "Submit Question" }),
    /* @__PURE__ */ s("div", { className: e.questionBlock, children: [
      /* @__PURE__ */ a(i, { className: e.questionResponse, defaultVariant: "labelMd", mobileVariant: "labelSm", children: "RESPONSE TYPICALLY 24-72 HOURS" }),
      /* @__PURE__ */ a(
        i,
        {
          className: e.questionDescription,
          defaultVariant: "headingMd",
          mobileVariant: "headingXs",
          children: "Have a question about Healthspan but you're not a member? Let's talk!"
        }
      ),
      /* @__PURE__ */ s("div", { className: e.buttonWrap, children: [
        /* @__PURE__ */ a("div", { className: t(e.questionButton, e.mobile), children: /* @__PURE__ */ a(
          n,
          {
            as: "a",
            href: "https://healthspan.zendesk.com/hc/en-us/requests/new",
            variant: "primary",
            size: "md",
            children: "Send A Message"
          }
        ) }),
        /* @__PURE__ */ a("div", { className: t(e.questionButton, e.desktop), children: /* @__PURE__ */ a(
          n,
          {
            as: "a",
            href: "https://healthspan.zendesk.com/hc/en-us/requests/new",
            variant: "primary",
            size: "lg",
            children: "Send a Message"
          }
        ) }),
        /* @__PURE__ */ a("div", { className: t(e.phoneButton, e.mobile), children: /* @__PURE__ */ a(n, { as: "a", href: "tel:6505638696", variant: "muted", size: "md", children: "call (650) 563-8696" }) }),
        /* @__PURE__ */ a("div", { className: t(e.phoneButton, e.desktop), children: /* @__PURE__ */ a(n, { as: "a", href: "tel:6505638696", variant: "muted", size: "lg", children: "call (650) 563-8696" }) })
      ] })
    ] }),
    /* @__PURE__ */ a("div", { className: e.leftBorder }),
    /* @__PURE__ */ a("div", { className: e.rightBorder })
  ] })
] }) });
export {
  c as ContactUs
};
