@zenpatient-org/healthspan-marketing-ui 0.2.48 → 0.2.50

package/dist/modules/StillHaveQuestions/StillHaveQuestions.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+
+export type StillHaveQuestionsVariant = 'StillHaveQuestions' | 'JoinOurTeam';
+export type StillHaveQuestionsProps = {
+    variant?: StillHaveQuestionsVariant;
+    image?: string;
+    title?: ReactNode;
+    titleHighlight?: 'light' | 'dark';
+    description?: string;
+    button?: {
+        text: string;
+        link: string;
+    };
+    buttonColor?: 'secondary' | 'primary-invert' | 'primary';
+    colorScheme?: 'light' | 'dark';
+};
+export declare const StillHaveQuestions: ({ variant, image, title, titleHighlight, description, button, buttonColor, colorScheme, }: StillHaveQuestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/StillHaveQuestions/StillHaveQuestions.es.js

@@ -0,0 +1,52 @@
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import i from "../../modules/StillHaveQuestions/stillHaveQuestions.module.css";
+import { LEGACY_CONFIG as s } from "./constants.es.js";
+import { Typography as l } from "../../components/Typography/Typography.es.js";
+import { Button as g } from "../../components/Button/Button.es.js";
+const k = ({
+  variant: o,
+  image: c,
+  title: a,
+  titleHighlight: n,
+  description: d,
+  button: m,
+  buttonColor: p,
+  colorScheme: h
+}) => {
+  var r;
+  const t = o ? s[o] : a ? {
+    image: c || "https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",
+    title: a,
+    titleHighlight: n || "dark",
+    description: d,
+    button: m,
+    buttonColor: p || "secondary",
+    colorScheme: h || "dark"
+  } : s.StillHaveQuestions;
+  return /* @__PURE__ */ e("section", { className: i.root, "data-color-scheme": t.colorScheme, children: /* @__PURE__ */ e("div", { className: i.imageWrapper, style: { backgroundImage: `url(${t.image})` }, children: /* @__PURE__ */ u("div", { className: i.contentBox, children: [
+    /* @__PURE__ */ e("div", { className: i.title, "data-color-scheme": t.titleHighlight, children: /* @__PURE__ */ e(l, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: t.title }) }),
+    t.description && /* @__PURE__ */ e(
+      l,
+      {
+        className: i.description,
+        as: "p",
+        defaultVariant: "bodyLg",
+        mobileVariant: "bodyMd",
+        children: t.description
+      }
+    ),
+    ((r = t.button) == null ? void 0 : r.link) && /* @__PURE__ */ e("div", { className: i.button, children: /* @__PURE__ */ e(
+      g,
+      {
+        as: "a",
+        href: t.button.link,
+        variant: t.buttonColor || "secondary",
+        size: "lg",
+        children: t.button.text || "Contact Us"
+      }
+    ) })
+  ] }) }) });
+};
+export {
+  k as StillHaveQuestions
+};

package/dist/modules/StillHaveQuestions/constants.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e={StillHaveQuestions:{title:t.jsxs(t.Fragment,{children:["Still have ",t.jsx("b",{children:"questions?"})]}),button:{text:"Contact Us",link:"https://www.gethealthspan.com/contact-us"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"},JoinOurTeam:{title:t.jsxs(t.Fragment,{children:["Have a passion for ",t.jsx("b",{children:"longevity science?"})]}),button:{text:"Join Our Team",link:"https://careers.gethealthspan.com/"},image:"https://methodical-vitality-96814f361f.media.strapiapp.com/join_Our_Team_32a787012e.jpg",titleHighlight:"light",description:"",buttonColor:"secondary",colorScheme:"light"}};exports.LEGACY_CONFIG=e;

package/dist/modules/StillHaveQuestions/constants.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { StillHaveQuestionsVariant } from './StillHaveQuestions';
+
+export declare const LEGACY_CONFIG: Record<StillHaveQuestionsVariant, {
+    title: ReactNode;
+    button: {
+        text: string;
+        link: string;
+    };
+    image: string;
+    titleHighlight: 'light' | 'dark';
+    description: string;
+    buttonColor: 'secondary' | 'primary-invert' | 'primary';
+    colorScheme: 'light' | 'dark';
+}>;

package/dist/modules/StillHaveQuestions/constants.es.js

@@ -0,0 +1,36 @@
+import { jsxs as t, Fragment as e, jsx as i } from "react/jsx-runtime";
+const a = {
+  StillHaveQuestions: {
+    title: /* @__PURE__ */ t(e, { children: [
+      "Still have ",
+      /* @__PURE__ */ i("b", { children: "questions?" })
+    ] }),
+    button: {
+      text: "Contact Us",
+      link: "https://www.gethealthspan.com/contact-us"
+    },
+    image: "https://methodical-vitality-96814f361f.media.strapiapp.com/still_Have_Questions_e6cfc3cba3.jpg",
+    titleHighlight: "light",
+    description: "",
+    buttonColor: "secondary",
+    colorScheme: "light"
+  },
+  JoinOurTeam: {
+    title: /* @__PURE__ */ t(e, { children: [
+      "Have a passion for ",
+      /* @__PURE__ */ i("b", { children: "longevity science?" })
+    ] }),
+    button: {
+      text: "Join Our Team",
+      link: "https://careers.gethealthspan.com/"
+    },
+    image: "https://methodical-vitality-96814f361f.media.strapiapp.com/join_Our_Team_32a787012e.jpg",
+    titleHighlight: "light",
+    description: "",
+    buttonColor: "secondary",
+    colorScheme: "light"
+  }
+};
+export {
+  a as LEGACY_CONFIG
+};

package/dist/modules/StillHaveQuestions/index.d.ts

@@ -0,0 +1,2 @@
+export { StillHaveQuestions } from './StillHaveQuestions';
+export type { StillHaveQuestionsProps, StillHaveQuestionsVariant } from './StillHaveQuestions';

package/dist/{pageComponents → modules}/StillHaveQuestions/stillHaveQuestions.module.css

@@ -1,63 +1,66 @@
 .root {
+    width: 100%;
     display: flex;
     align-items: center;
-    padding: 64px;
-    width: 100%;
     justify-content: center;
+    padding: 64px;
+    justify-self: center;
+}
+
+.root[data-color-scheme='dark'] {
+    background-color: var(--color-bg-fill-primary);
 }
 
 .imageWrapper {
-    justify-content: center;
+    max-width: var(--content-max-width);
     position: relative;
-    display: flex;
-    padding: 96px 64px;
     border-radius: var(--border-radius-xl);
     width: 100%;
-    max-width: var(--content-max-width);
-    background-position: center 45%;
-    background-size: 250%;
+    background-size: cover;
+    background-position: center;
     background-repeat: no-repeat;
+    padding: 96px 64px;
 }
 
 .contentBox {
-    position: relative;
     display: flex;
-    align-items: center;
-    text-align: center;
+    position: relative;
     flex-direction: column;
+    align-items: center;
+    justify-content: center;
     gap: 32px;
 }
 
-.joinOurTeam.imageWrapper {
-    background-size: cover;
-    background-position: center center;
+.title,
+.description {
+    text-align: center;
+    color: var(--color-text-primary-inverted);
+}
+
+.title[data-color-scheme='dark'] b,
+.title[data-color-scheme='dark'] strong {
+    color: var(--color-text-primary-brand-solar);
+}
+
+.title[data-color-scheme='light'] b,
+.title[data-color-scheme='light'] strong {
+    color: var(--color-text-primary-brand-indigo);
 }
 
-.joinOurTeam.contentBox {
-    gap: 36px;
+.description {
+    max-width: 730px;
 }
 
-@media screen and (width <= 768px) {
+@media (width <= 768px) {
     .root {
         padding: 40px 20px;
     }
 
     .imageWrapper {
         padding: 180px 28px;
-        border-radius: var(--border-radius-lg);
-        background-size: 300%;
     }
 
     .contentBox {
         gap: 20px;
     }
-
-    .joinOurTeam.imageWrapper {
-        padding: 120px 28px;
-        background-size: cover;
-    }
-
-    .joinOurTeam.contentBox {
-        gap: 32px;
-    }
 }

package/dist/utils/useSwiper/useSwiper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),h=()=>{const[n,s]=e.useState(null),[u,r]=e.useState(0),[a,l]=e.useState(!0),[f,c]=e.useState(!1),[d,o]=e.useState(!1),i=e.useCallback(t=>{r(t.activeIndex),c(t.isEnd),l(t.isBeginning)},[]),b=e.useCallback(()=>{n&&(n.slidePrev(),i(n))},[n,i]),v=e.useCallback(()=>{n&&(n.slideNext(),i(n))},[n,i]),S=e.useCallback(t=>{n&&(n.slideTo(t),i(n))},[n,i]),g=t=>{s(t),o(t==null?void 0:t.isLocked),i(t)},k=e.useCallback(t=>{c(t.isEnd),o(t==null?void 0:t.isLocked),i(t)},[i]),C=e.useCallback(()=>{c(!0),l(!1)},[]),E=e.useCallback(()=>{l(!0),c(!1)},[]);return{swiper:n,setSwiper:s,activeIndex:u,setActiveIndex:r,isEnd:f,setIsEnd:c,hideNav:d,handleSlideChange:i,handlePrevClick:b,handleNextClick:v,handleSlideTo:S,onSwiperInit:g,handleSwiperResize:k,isBeginning:a,setIsBeginning:l,handleReachEnd:C,handleReachBeginning:E}},y=(n=3e3)=>{const s=h(),[u,r]=e.useState(!0),a=e.useRef(null),l=e.useCallback(()=>{r(!1),a.current&&(clearInterval(a.current),a.current=null)},[]),f=e.useCallback(()=>{r(!0)},[]),c=e.useCallback(()=>{l()},[l]);return e.useEffect(()=>{if(!(!u||!s.swiper||s.swiper.slides.length<=1))return a.current=setInterval(()=>{s.swiper&&(s.isEnd?s.swiper.slideTo(0):s.swiper.slideNext())},n),()=>{a.current&&(clearInterval(a.current),a.current=null)}},[u,s.swiper,s.isEnd,n]),e.useEffect(()=>{const d=()=>l(),o=()=>{document.hidden&&l()};return window.addEventListener("beforeunload",d),document.addEventListener("visibilitychange",o),()=>{window.removeEventListener("beforeunload",d),document.removeEventListener("visibilitychange",o)}},[l]),{...s,isAutoPlay:u,stopAutoPlay:l,startAutoPlay:f,handleUserInteraction:c}};exports.useSwiper=h;exports.useSwiperWithAutoPlay=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),S=()=>{const[n,s]=t.useState(null),[u,o]=t.useState(0),[c,l]=t.useState(!0),[f,i]=t.useState(!1),[r,d]=t.useState(!1),[b,h]=t.useState(!1),a=t.useCallback(e=>{o(e.activeIndex),i(e.isEnd),l(e.isBeginning)},[]),k=t.useCallback(()=>{n&&(n.slidePrev(),a(n))},[n,a]),v=t.useCallback(()=>{n&&(n.slideNext(),a(n))},[n,a]),g=t.useCallback(e=>{n&&(n.slideTo(e),a(n))},[n,a]),C=e=>{s(e),d(e==null?void 0:e.isLocked),h(e==null?void 0:e.isLocked),a(e)},E=t.useCallback(e=>{i(e.isEnd),d(e==null?void 0:e.isLocked),h(e==null?void 0:e.isLocked),a(e)},[a]),y=t.useCallback(()=>{i(!0),l(!1)},[]),L=t.useCallback(()=>{l(!0),i(!1)},[]);return{swiper:n,setSwiper:s,activeIndex:u,setActiveIndex:o,isEnd:f,setIsEnd:i,hideNav:r,handleSlideChange:a,handlePrevClick:k,handleNextClick:v,handleSlideTo:g,onSwiperInit:C,handleSwiperResize:E,isBeginning:c,isLocked:b,setIsBeginning:l,handleReachEnd:y,handleReachBeginning:L}},I=(n=3e3)=>{const s=S(),[u,o]=t.useState(!0),c=t.useRef(null),l=t.useCallback(()=>{o(!1),c.current&&(clearInterval(c.current),c.current=null)},[]),f=t.useCallback(()=>{o(!0)},[]),i=t.useCallback(()=>{l()},[l]);return t.useEffect(()=>{if(!(!u||!s.swiper||s.swiper.slides.length<=1))return c.current=setInterval(()=>{s.swiper&&(s.isEnd?s.swiper.slideTo(0):s.swiper.slideNext())},n),()=>{c.current&&(clearInterval(c.current),c.current=null)}},[u,s.swiper,s.isEnd,n]),t.useEffect(()=>{const r=()=>l(),d=()=>{document.hidden&&l()};return window.addEventListener("beforeunload",r),document.addEventListener("visibilitychange",d),()=>{window.removeEventListener("beforeunload",r),document.removeEventListener("visibilitychange",d)}},[l]),{...s,isAutoPlay:u,stopAutoPlay:l,startAutoPlay:f,handleUserInteraction:i}};exports.useSwiper=S;exports.useSwiperWithAutoPlay=I;

package/dist/utils/useSwiper/useSwiper.es.js

@@ -1,78 +1,79 @@
-import { useState as c, useCallback as r, useRef as y, useEffect as v } from "react";
+import { useState as d, useCallback as o, useRef as y, useEffect as g } from "react";
 const A = () => {
-  const [n, t] = c(null), [d, a] = c(0), [l, i] = c(!0), [h, o] = c(!1), [f, u] = c(!1), s = r((e) => {
-    a(e.activeIndex), o(e.isEnd), i(e.isBeginning);
-  }, []), g = r(() => {
-    n && (n.slidePrev(), s(n));
-  }, [n, s]), E = r(() => {
-    n && (n.slideNext(), s(n));
-  }, [n, s]), S = r(
+  const [n, t] = d(null), [r, a] = d(0), [c, s] = d(!0), [h, l] = d(!1), [f, u] = d(!1), [E, v] = d(!1), i = o((e) => {
+    a(e.activeIndex), l(e.isEnd), s(e.isBeginning);
+  }, []), L = o(() => {
+    n && (n.slidePrev(), i(n));
+  }, [n, i]), k = o(() => {
+    n && (n.slideNext(), i(n));
+  }, [n, i]), I = o(
     (e) => {
-      n && (n.slideTo(e), s(n));
+      n && (n.slideTo(e), i(n));
     },
-    [n, s]
-  ), m = (e) => {
-    t(e), u(e == null ? void 0 : e.isLocked), s(e);
-  }, I = r(
+    [n, i]
+  ), S = (e) => {
+    t(e), u(e == null ? void 0 : e.isLocked), v(e == null ? void 0 : e.isLocked), i(e);
+  }, m = o(
     (e) => {
-      o(e.isEnd), u(e == null ? void 0 : e.isLocked), s(e);
+      l(e.isEnd), u(e == null ? void 0 : e.isLocked), v(e == null ? void 0 : e.isLocked), i(e);
     },
-    [s]
-  ), b = r(() => {
-    o(!0), i(!1);
-  }, []), x = r(() => {
-    i(!0), o(!1);
+    [i]
+  ), b = o(() => {
+    l(!0), s(!1);
+  }, []), x = o(() => {
+    s(!0), l(!1);
   }, []);
   return {
     swiper: n,
     setSwiper: t,
-    activeIndex: d,
+    activeIndex: r,
     setActiveIndex: a,
     isEnd: h,
-    setIsEnd: o,
+    setIsEnd: l,
     hideNav: f,
-    handleSlideChange: s,
-    handlePrevClick: g,
-    handleNextClick: E,
-    handleSlideTo: S,
-    onSwiperInit: m,
-    handleSwiperResize: I,
-    isBeginning: l,
-    setIsBeginning: i,
+    handleSlideChange: i,
+    handlePrevClick: L,
+    handleNextClick: k,
+    handleSlideTo: I,
+    onSwiperInit: S,
+    handleSwiperResize: m,
+    isBeginning: c,
+    isLocked: E,
+    setIsBeginning: s,
     handleReachEnd: b,
     handleReachBeginning: x
   };
-}, P = (n = 3e3) => {
-  const t = A(), [d, a] = c(!0), l = y(null), i = r(() => {
-    a(!1), l.current && (clearInterval(l.current), l.current = null);
-  }, []), h = r(() => {
+}, B = (n = 3e3) => {
+  const t = A(), [r, a] = d(!0), c = y(null), s = o(() => {
+    a(!1), c.current && (clearInterval(c.current), c.current = null);
+  }, []), h = o(() => {
     a(!0);
-  }, []), o = r(() => {
-    i();
-  }, [i]);
-  return v(() => {
-    if (!(!d || !t.swiper || t.swiper.slides.length <= 1))
-      return l.current = setInterval(() => {
+  }, []), l = o(() => {
+    s();
+  }, [s]);
+  return g(() => {
+    if (!(!r || !t.swiper || t.swiper.slides.length <= 1))
+      return c.current = setInterval(() => {
         t.swiper && (t.isEnd ? t.swiper.slideTo(0) : t.swiper.slideNext());
       }, n), () => {
-        l.current && (clearInterval(l.current), l.current = null);
+        c.current && (clearInterval(c.current), c.current = null);
       };
-  }, [d, t.swiper, t.isEnd, n]), v(() => {
-    const f = () => i(), u = () => {
-      document.hidden && i();
+  }, [r, t.swiper, t.isEnd, n]), g(() => {
+    const f = () => s(), u = () => {
+      document.hidden && s();
     };
     return window.addEventListener("beforeunload", f), document.addEventListener("visibilitychange", u), () => {
       window.removeEventListener("beforeunload", f), document.removeEventListener("visibilitychange", u);
     };
-  }, [i]), {
+  }, [s]), {
     ...t,
-    isAutoPlay: d,
-    stopAutoPlay: i,
+    isAutoPlay: r,
+    stopAutoPlay: s,
     startAutoPlay: h,
-    handleUserInteraction: o
+    handleUserInteraction: l
   };
 };
 export {
   A as useSwiper,
-  P as useSwiperWithAutoPlay
+  B as useSwiperWithAutoPlay
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@zenpatient-org/healthspan-marketing-ui",
-    "version": "0.2.48",
+    "version": "0.2.50",
     "description": "Design system",
     "main": "dist/index.cjs.js",
     "module": "dist/index.es.js",
@@ -261,6 +261,11 @@
             "import": "./dist/components/Accordion/Accordion.es.js",
             "require": "./dist/components/Accordion/Accordion.cjs.js"
         },
+        "./AdvancedGallery": {
+            "types": "./dist/components/AdvancedGallery/AdvancedGallery.d.ts",
+            "import": "./dist/components/AdvancedGallery/AdvancedGallery.es.js",
+            "require": "./dist/components/AdvancedGallery/AdvancedGallery.cjs.js"
+        },
         "./FAQComponent": {
             "types": "./dist/components/FAQComponent/FAQComponent.d.ts",
             "import": "./dist/components/FAQComponent/FAQComponent.es.js",
@@ -642,9 +647,9 @@
             "require": "./dist/pageComponents/Gradient/Gradient.cjs.js"
         },
         "./StillHaveQuestions": {
-            "types": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts",
-            "import": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js",
-            "require": "./dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js"
+            "types": "./dist/modules/StillHaveQuestions/StillHaveQuestions.d.ts",
+            "import": "./dist/modules/StillHaveQuestions/StillHaveQuestions.es.js",
+            "require": "./dist/modules/StillHaveQuestions/StillHaveQuestions.cjs.js"
         },
         "./HomepageHero": {
             "types": "./dist/pageComponents/HomepageHero/HomepageHero.d.ts",

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../components/Button/Button.cjs.js"),n=require("../../utils/cn/cn.cjs.js"),t=require("../../src/pageComponents/StillHaveQuestions/stillHaveQuestions.module.css"),u=require("./assets/stillHaveQuestions.jpg.cjs.js"),d=require("./assets/joinOurTeam.jpg.cjs.js"),m=require("../../components/HighlightedTitle/HighlightedTitle.cjs.js"),h=require("../../components/Typography/Typography.cjs.js"),g=({variant:i="StillHaveQuestions"})=>{const s={StillHaveQuestions:{title:e.jsxs(e.Fragment,{children:["Still have ",e.jsx("b",{children:"questions?"})]}),buttonText:"Contact Us",buttonLink:"/contact-us",image:u.default},JoinOurTeam:{title:e.jsxs(e.Fragment,{children:["Have a passion for ",e.jsx("b",{children:"longevity science?"})]}),buttonText:"Join Our Team",buttonLink:"https://careers.gethealthspan.com/",image:d.default}},{title:o,buttonText:r,buttonLink:a,image:l}=s[i];return e.jsx("section",{className:t.root,children:e.jsx("div",{className:n.cn(t.imageWrapper,{[t.joinOurTeam]:i==="JoinOurTeam"}),style:{backgroundImage:`url(${l})`},children:e.jsxs("div",{className:n.cn(t.contentBox,{[t.joinOurTeam]:i==="JoinOurTeam"}),children:[e.jsx(m.HighlightedTitle,{colorScheme:"dark",title:e.jsx(h.Typography,{as:"p",defaultVariant:"displayMd",mobileVariant:"displayXs",children:o})}),e.jsx("div",{className:t.actions,children:e.jsx(c.Button,{as:"a",href:a,variant:"secondary",size:"lg",children:r})})]})})})};exports.StillHaveQuestions=g;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.d.ts

@@ -1,5 +0,0 @@
-export interface StillHaveQuestionsProps {
-    variant?: StillHaveQuestionsVariant;
-}
-export type StillHaveQuestionsVariant = 'StillHaveQuestions' | 'JoinOurTeam';
-export declare const StillHaveQuestions: ({ variant }: StillHaveQuestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/pageComponents/StillHaveQuestions/StillHaveQuestions.es.js

@@ -1,52 +0,0 @@
-import { jsxs as o, jsx as t, Fragment as n } from "react/jsx-runtime";
-import { Button as u } from "../../components/Button/Button.es.js";
-import { cn as r } from "../../utils/cn/cn.es.js";
-import e from "../../pageComponents/StillHaveQuestions/stillHaveQuestions.module.css";
-import d from "./assets/stillHaveQuestions.jpg.es.js";
-import h from "./assets/joinOurTeam.jpg.es.js";
-import { HighlightedTitle as p } from "../../components/HighlightedTitle/HighlightedTitle.es.js";
-import { Typography as g } from "../../components/Typography/Typography.es.js";
-const H = ({ variant: i = "StillHaveQuestions" }) => {
-  const a = {
-    StillHaveQuestions: {
-      title: /* @__PURE__ */ o(n, { children: [
-        "Still have ",
-        /* @__PURE__ */ t("b", { children: "questions?" })
-      ] }),
-      buttonText: "Contact Us",
-      buttonLink: "/contact-us",
-      image: d
-    },
-    JoinOurTeam: {
-      title: /* @__PURE__ */ o(n, { children: [
-        "Have a passion for ",
-        /* @__PURE__ */ t("b", { children: "longevity science?" })
-      ] }),
-      buttonText: "Join Our Team",
-      buttonLink: "https://careers.gethealthspan.com/",
-      image: h
-    }
-  }, { title: s, buttonText: l, buttonLink: m, image: c } = a[i];
-  return /* @__PURE__ */ t("section", { className: e.root, children: /* @__PURE__ */ t(
-    "div",
-    {
-      className: r(e.imageWrapper, { [e.joinOurTeam]: i === "JoinOurTeam" }),
-      style: {
-        backgroundImage: `url(${c})`
-      },
-      children: /* @__PURE__ */ o("div", { className: r(e.contentBox, { [e.joinOurTeam]: i === "JoinOurTeam" }), children: [
-        /* @__PURE__ */ t(
-          p,
-          {
-            colorScheme: "dark",
-            title: /* @__PURE__ */ t(g, { as: "p", defaultVariant: "displayMd", mobileVariant: "displayXs", children: s })
-          }
-        ),
-        /* @__PURE__ */ t("div", { className: e.actions, children: /* @__PURE__ */ t(u, { as: "a", href: m, variant: "secondary", size: "lg", children: l }) })
-      ] })
-    }
-  ) });
-};
-export {
-  H as StillHaveQuestions
-};