{"version":3,"sources":["webpack:///./src/components/shared/Banner/Banner.tsx","webpack:///./src/components/Attend/EventDetails/EventDetails.tsx","webpack:///./src/components/Attend/PastEvents/PastEvents.tsx","webpack:///./src/components/Attend/EventsList/MainEvent/MainEvent.tsx","webpack:///./src/components/Attend/EventsList/ListFilters/ListFilters.tsx","webpack:///./src/components/Attend/EventsList/EventsList.tsx","webpack:///./src/components/Attend/EventsList/EventList.hooks.ts","webpack:///./src/templates/AttendPage.tsx","webpack:///./src/components/shared/HeroSection/HeroSection.tsx","webpack:///./src/utils.ts"],"names":["BannerVariant","Banner","title","variant","subtitle","buttonText","buttonUrl","className","white","to","Button","red","ButtonVariant","outlineWhite","filledRedWithBG","EventDetails","location","description","slug","date","descriptionSplit","splitTextInTwo","dateConverted","moment","Lines","wider","displayName","city","format","PastEvents","pastEventsSectionTitle","pastEventsItems","map","pastEvent","index","key","count","sectionName","MainEvent","event","edition","category","hook","cover","fluid","image","mobile","alt","desktop","ListFilters","filtersList","changeFilter","activeFilter","onClick","filter","EventsList","events","categories","useState","setActiveFilter","filteredEvents","setFilteredEvents","usePagination","itemsToShow","changePage","currentPage","numberOfPages","useQueryParameters","qs","params","updateQueryParams","filterEvents","value","eventsFiltered","filterObject","eventKind","paramsString","stringify","useEffect","eventsToShow","useEventList","length","Card","coverDesktop","Pagination","AttendPageTemplate","props","Page","isCurrentEvent","HeroSection","heroTitle","featuredEvent","heroButtonText","button","text","heroButtonLink","link","heroButtonShow","show","heroBackgroundImage","heroBackgroundImageDesktop","heroBackgroundImageAlt","featuredButtonLink","fontMedium","ctaBannerText","ctaButtonText","ctaButtonLink","isHeroNewsletter","Newsletter","NewsletterVariant","black","newsletterTitle","newsletterMessage1","newsletterMessage2","newsletterBackgroundImage","newsletterBackgroundImageDesktop","joinSpeakers","sectionTitle","heroSubtitle","sectionSubtitle","sectionBackgroundImage","sectionBackgroundImageDesktop","sectionBackgroundImageAlt","sectionButtonText","sectionButtonLink","heroLinks","sectionLinks","onlyHorizontal","rehypePlugins","rehypeRaw","joinUsTitle","joinUsContent1","joinUsButtonUrl1","children","joinUsButton1","joinUsContent2","joinUsButtonUrl2","joinUsButton2","AttendPage","pageContext","centerContentVertically","BackgroundImage","imageDesktop","style","height","classNameChild","lineHeight","heroLink","href","path","words","split","nChars","i","j","slice","join"],"mappings":"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","file":"component---src-templates-attend-page-tsx-f2109c86cd6ae02c5442.js","sourcesContent":["import { Button, ButtonVariant } from \"@/components/shared/Button\";\nimport React from \"react\";\nimport { FixedObject } from \"gatsby-image\";\nimport { Link } from \"gatsby\";\n\nexport enum BannerVariant {\n  red = \"red\",\n  white = \"white\",\n}\n\ninterface BannerProps {\n  title: string;\n  variant?: BannerVariant;\n  subtitle?: string;\n  buttonText: string;\n  buttonUrl: string;\n  logo?: FixedObject;\n}\n\nexport const Banner = ({\n  title,\n  variant,\n  subtitle,\n  buttonText,\n  buttonUrl,\n}: BannerProps) => {\n  return <div className={`main-grid-full-span h-96 flex flex-row items-center justify-center ${\n          variant === BannerVariant.white ? \"bg-customLightGrey\" : \"bg-customRed\"\n      }`}\n  >\n    <div className={`text-center ${variant === BannerVariant.white ? \"\" : \"text-white\"}`}>\n      <h2 className=\"md:max-w-xl font-bold\">{title}</h2>\n      {subtitle && (\n          <p className={`${variant === BannerVariant.white ? \"\" : \"font-medium text-4xl\"}`}>\n            {subtitle}\n          </p>\n      )}\n\n      <div className=\"h-2\"/>\n      <Link to={buttonUrl}>\n        <Button\n            variant={\n              variant == null || variant === BannerVariant.red\n                  ? ButtonVariant.outlineWhite\n                  : ButtonVariant.filledRedWithBG\n            }\n            className=\"font-normal text-lg px-20 mt-6 hover:bg-white hover:text-customRed\"\n        >\n          {buttonText}\n        </Button>\n      </Link>\n    </div>\n  </div>\n};\n","import { splitTextInTwo } from \"@/utils\";\nimport { Link } from \"gatsby\";\nimport moment from \"moment\";\nimport React from \"react\";\nimport { HiMenuAlt2 } from \"react-icons/hi\";\nimport { Lines } from \"../../Lines/Lines\";\n\ninterface EventDetailsProps {\n  location: {\n    displayName: string;\n    city: string;\n  };\n  date: string;\n  time: string;\n  description: string;\n  slug: string;\n}\n\nexport const EventDetails = ({\n  location,\n  description,\n  slug,\n  date,\n}: EventDetailsProps) => {\n  const descriptionSplit = splitTextInTwo(description);\n  const dateConverted = moment(date, \"DD/MM/YYYY\");\n\n  return (\n    <div className=\"main-grid-full-span relative\">\n      <Lines wider={true} />\n      <div className=\"main-grid\">\n        <div className=\"inner-grid py-10 relative\">\n          <div className=\"gap-0 inner-grid z-10\">\n            <div className=\"col-start-1 row-start-1 flex flex-col\">\n              <span className=\"font-bold\">WHERE</span>\n              <span className=\"md:hidden\">\n                {location.displayName}, {location.city}\n              </span>\n              <span className=\"mt-3 font-bold\">WHEN</span>\n              <span className=\"mt-3 md:hidden\">\n                {dateConverted.format(\"MMM Do, YYYY\")}\n              </span>\n            </div>\n\n            <div className=\"col-start-2 col-end-5 row-start-1 hidden md:flex flex-col\">\n              <span>\n                {location.displayName}, {location.city}\n              </span>\n              <span className=\"mt-3\">\n                {dateConverted.format(\"D MMMM YYYY\")}\n              </span>\n            </div>\n          </div>\n          <p className=\"xl:block hidden\">{descriptionSplit[0]}</p>\n          <div className=\"z-10\">\n            <p className=\"xl:block hidden mb-5\">{descriptionSplit[1]}</p>\n            <p className=\"xl:hidden mt-5 md:mt-0 mb-5\">{description}</p>\n            <Link to={`/event/${slug}`}>\n              <span className=\"text-customRed hover:opacity-50\">\n                Read more <HiMenuAlt2 className=\"inline w-6 h-6\" />\n              </span>\n            </Link>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { Lines } from \"../../Lines/Lines\";\n\nexport interface PastEventsProps {\n  pastEventsSectionTitle: string;\n  pastEventsItems: {\n    count: number;\n    sectionName: string;\n    description: string;\n  }[];\n}\n\nexport const PastEvents = ({\n  pastEventsSectionTitle,\n  pastEventsItems,\n}: PastEventsProps) => (\n  <div className=\"main-grid-full-span relative\">\n    <Lines wider={true} />\n\n    <div className=\"main-grid py-16 relative\">\n      <h2 className=\"mb-5 xl:mb-10 font-bold\">{pastEventsSectionTitle}</h2>\n      <div className=\"inner-grid\">\n        <Lines wider={true} />\n        {pastEventsItems.map((pastEvent, index) => (\n          <div className=\"my-5 xl:my-0\" key={index}>\n            <span className=\"text-3xl md:text-4xl text-customRed font-bold\">\n              x{pastEvent.count}\n            </span>\n            <p className=\"my-5 font-bold\">{pastEvent.sectionName}</p>\n            <p>{pastEvent.description}</p>\n          </div>\n        ))}\n      </div>\n    </div>\n  </div>\n);\n","import React from \"react\";\nimport { splitTextInTwo } from \"@/utils\";\nimport { Link } from \"gatsby\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport moment from \"moment\";\nimport { HiMenuAlt2 } from \"react-icons/hi\";\n\ninterface MainEventProps {\n  event: {\n    displayName: string;\n    edition: string;\n    slug: string;\n    category: string;\n    date: string;\n    hook: string;\n    cover: {\n      image: {\n        desktop: FluidObject;\n        mobile: FluidObject;\n      };\n    };\n  };\n}\n\nexport const MainEvent = ({\n  event: { displayName, edition, slug, category, date, hook, cover },\n}: MainEventProps) => {\n  const dateConverted = moment(date, \"DD/MM/YYYY\");\n\n  return (\n    <div className=\"inner-grid col-start-1 col-end-2 md:col-end-3 xl:col-end-4 mb-10\">\n      <div className=\"col-start-1 md:col-end-2 xl:col-end-3\">\n        <Link to={`/event/${slug}`}>\n          <div className=\"relative h-full z-10\">\n            <Img\n              className=\"h-full md:hidden\"\n              fluid={cover.image.mobile}\n              alt=\"Slider item image\"\n            />\n            <Img\n              className=\"w-full h-full hidden md:block\"\n              fluid={cover.image.desktop}\n              alt=\"Slider item image\"\n            />\n          </div>\n        </Link>\n      </div>\n      <div className=\"md:col-start-2 md:col-end-3 xl:col-start-3 xl:col-end-full flex flex-col space-y-6 z-10\">\n        <div className=\"mt-5 md:mt-0\">\n          <span className=\"text-white uppercase text-sm px-3 bg-customDarkGrey md:py-1 mr-3 font-bold\">\n            <Link to={`/event/${slug}`}>{category}</Link>\n          </span>\n          <span>{dateConverted.format(\"D MMMM YYYY\")}</span>\n        </div>\n        <h2 className=\"my-5 xl:my-0\">\n          {displayName}\n          <p className=\"font-bold\">{edition}</p>\n        </h2>\n\n        <p>{hook}</p>\n        <div className=\"flex-grow\" />\n        <div>\n          <Link\n            to={`/event/${slug}`}\n            className=\"text-customRed text-sm flex hover:opacity-50 items-center my-5 xl:my-0\"\n          >\n            <span className=\"text-customRed font-bold\">\n              Read more <HiMenuAlt2 className=\"inline w-6 h-6\" />\n            </span>\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\n\ninterface ListFiltersProps {\n  filtersList: string[];\n  changeFilter: (filter: string) => void;\n  activeFilter: string;\n}\n\nexport const ListFilters = ({\n  filtersList,\n  changeFilter,\n  activeFilter,\n}: ListFiltersProps) => (\n  <div className=\"flex items-center flex-wrap my-5 font-semibold gap-y-5\">\n    <span className=\"text-customRed mr-7 z-10\">Filter</span>\n    <span\n      className={`py-2 px-6 mx-2 rounded-md cursor-pointer z-10 ${\n        activeFilter === \"all\"\n          ? \"bg-customDarkGrey text-white\"\n          : \"bg-white text-black border border-1\"\n      }`}\n      onClick={() => changeFilter(\"all\")}\n    >\n      All Events\n    </span>\n    {filtersList.map((filter) => (\n      <span\n        className={`py-2 px-6 mx-2 rounded-md cursor-pointer z-10 ${\n          activeFilter === filter\n            ? \"bg-customDarkGrey text-white\"\n            : \"bg-white text-black border border-1\"\n        }`}\n        key={filter}\n        onClick={() => changeFilter(filter)}\n      >\n        {filter}\n      </span>\n    ))}\n  </div>\n);\n","import React from \"react\";\nimport { MainEvent } from \"./MainEvent\";\nimport { EventsListProps } from \"@/components/Attend/EventsList\";\nimport { ListFilters } from \"@/components/Attend/EventsList/ListFilters\";\nimport { CardEventAttend } from \"@/components/shared/Card\";\nimport { useEventList } from \"./EventList.hooks\";\nimport { Pagination } from \"../../shared/Pagination\";\nimport { Lines } from \"../../Lines/Lines\";\n\nexport const EventsList = ({ events, categories }: EventsListProps) => {\n  const {\n    filterEvents,\n    activeFilter,\n    eventsToShow,\n    currentPage,\n    numberOfPages,\n    changePage,\n  } = useEventList(events);\n\n  return (\n    <div className=\"main-grid-full-span relative\">\n      <Lines wider={true} />\n      <div className=\"main-grid\">\n        <div className=\"py-10 relative\">\n          <ListFilters\n            filtersList={categories}\n            changeFilter={filterEvents}\n            activeFilter={activeFilter}\n          />\n          {eventsToShow && eventsToShow.length > 0 && (\n            <>\n              <div className=\"my-10 inner-grid gap-5\">\n                {eventsToShow.map((event, index) => {\n                  if (index === 0 && currentPage === 1) {\n                    return (\n                      <MainEvent\n                        event={event}\n                        key={event.displayName + index}\n                      />\n                    );\n                  } else {\n                    return (\n                      <CardEventAttend\n                        key={event.displayName + event.edition}\n                        slug={event.slug}\n                        cover={event.cover.image.mobile}\n                        coverDesktop={event.cover.image.desktop}\n                        displayName={event.displayName}\n                        edition={event.edition}\n                        date={event.date}\n                        category={event.category}\n                      />\n                    );\n                  }\n                })}\n              </div>\n            </>\n          )}\n\n          {numberOfPages - 1 > 1 && (\n            <Pagination\n              numberOfPages={numberOfPages}\n              changePage={changePage}\n              currentPage={currentPage}\n            />\n          )}\n        </div>\n      </div>\n    </div>\n  );\n};\n","import { useState, useEffect } from \"react\";\nimport { usePagination } from \"@/components/shared/Pagination\";\nimport { useQueryParameters } from \"@/hooks/useQueryParameters\";\n\nexport const useEventList = (events) => {\n  const [activeFilter, setActiveFilter] = useState(\"all\");\n  const [filteredEvents, setFilteredEvents] = useState(events);\n  const { itemsToShow, changePage, currentPage, numberOfPages } = usePagination(\n    filteredEvents,\n    9,\n    1\n  );\n\n  const { qs, params, updateQueryParams } = useQueryParameters();\n\n  const filterEvents = (value: string) => {\n    setActiveFilter(value);\n    let eventsFiltered = [...events];\n    if (value !== \"all\") {\n      eventsFiltered = events.filter((event) => event.category === value);\n    }\n    setFilteredEvents(eventsFiltered);\n\n    const filterObject = {\n      eventKind: value,\n    };\n    const paramsString = qs.stringify(filterObject);\n    updateQueryParams(paramsString);\n  };\n\n  useEffect(() => {\n    if (params.eventKind) {\n      filterEvents(params.eventKind);\n    }\n  }, [params]);\n\n  return {\n    activeFilter,\n    filterEvents,\n    eventsToShow: itemsToShow,\n    currentPage,\n    changePage,\n    numberOfPages,\n  };\n};\n","import React from \"react\";\nimport { FluidObject } from \"gatsby-image\";\nimport { Page } from \"./Page\";\nimport { HeroSection } from \"@/components/shared/HeroSection\";\nimport {\n  Newsletter,\n  NewsletterProps,\n  NewsletterVariant,\n} from \"@/components/shared/Newsletter\";\nimport { JoinSpeakersSectionProps } from \"@/queries/globalQueries/JoinSpeakersQuery\";\nimport { Banner, BannerVariant } from \"@/components/shared/Banner\";\nimport { EventDetails } from \"@/components/Attend/EventDetails\";\nimport { PastEvents, PastEventsProps } from \"@/components/Attend/PastEvents\";\nimport { EventsList, EventsListProps } from \"@/components/Attend/EventsList\";\nimport { Button } from \"../components/shared/Button\";\nimport rehypeRaw from \"rehype-raw\";\nimport ReactMarkdown from \"react-markdown\";\nimport { Link } from \"gatsby\";\nimport { Lines } from \"../components/Lines/Lines\";\n\nexport interface Props\n  extends NewsletterProps,\n    PastEventsProps,\n    EventsListProps {\n  isHeroNewsletter: boolean;\n  isCurrentEvent: boolean;\n  featuredEvent?: {\n    slug: string;\n    hook: string;\n    displayName: string;\n    description: string;\n    location: {\n      displayName: string;\n      city: string;\n    };\n    date: string;\n    cover: {\n      button: {\n        text: string;\n        show: boolean;\n        link: string;\n      };\n      image: {\n        desktop: FluidObject;\n        mobile: FluidObject;\n      };\n    };\n  };\n  joinSpeakers: JoinSpeakersSectionProps;\n  ctaBannerText: string;\n  ctaButtonText: string;\n  ctaButtonLink: string;\n  joinUsTitle: string;\n  joinUsContent1: string;\n  joinUsContent2: string;\n  joinUsButton1: string;\n  joinUsButton2: string;\n  joinUsButtonUrl1: string;\n  joinUsButtonUrl2: string;\n}\n\nexport const AttendPageTemplate = (props: Props) => (\n  <Page>\n    {props.isCurrentEvent && (\n      <>\n        <HeroSection\n          heroTitle={props.featuredEvent.hook}\n          heroButtonText={props.featuredEvent.cover.button.text}\n          heroButtonLink={props.featuredEvent.cover.button.link}\n          heroButtonShow={props.featuredEvent.cover.button.show}\n          heroBackgroundImage={props.featuredEvent.cover.image.mobile}\n          heroBackgroundImageDesktop={props.featuredEvent.cover.image.desktop}\n          heroBackgroundImageAlt=\"Feature event hero\"\n          featuredButtonLink={`/event/${props.featuredEvent.slug}`}\n          fontMedium\n        />\n        <EventDetails\n          location={props.featuredEvent.location}\n          description={props.featuredEvent.description}\n          date={props.featuredEvent.date}\n          slug={props.featuredEvent.slug}\n        />\n        <Banner\n          title={props.ctaBannerText}\n          variant={BannerVariant.white}\n          buttonText={props.ctaButtonText}\n          buttonUrl={props.ctaButtonLink}\n        />\n      </>\n    )}\n\n    {props.isHeroNewsletter && !props.isCurrentEvent && (\n      <Newsletter\n        variant={NewsletterVariant.black}\n        newsletterTitle={props.newsletterTitle}\n        newsletterMessage1={props.newsletterMessage1}\n        newsletterMessage2={props.newsletterMessage2}\n        newsletterBackgroundImage={props.newsletterBackgroundImage}\n        newsletterBackgroundImageDesktop={\n          props.newsletterBackgroundImageDesktop\n        }\n      />\n    )}\n\n    {!props.isHeroNewsletter && !props.isCurrentEvent && (\n      <>\n        <HeroSection\n          heroTitle={props.joinSpeakers.sectionTitle}\n          heroSubtitle={props.joinSpeakers.sectionSubtitle}\n          heroBackgroundImage={props.joinSpeakers.sectionBackgroundImage}\n          heroBackgroundImageDesktop={\n            props.joinSpeakers.sectionBackgroundImageDesktop\n          }\n          heroBackgroundImageAlt={props.joinSpeakers.sectionBackgroundImageAlt}\n          heroButtonText={props.joinSpeakers.sectionButtonText}\n          heroButtonLink={props.joinSpeakers.sectionButtonLink}\n          heroLinks={props.joinSpeakers.sectionLinks}\n          fontMedium\n        />\n        <Newsletter\n          variant={NewsletterVariant.white}\n          newsletterTitle={props.newsletterTitle}\n          newsletterMessage1={props.newsletterMessage1}\n          newsletterMessage2={props.newsletterMessage2}\n        />\n      </>\n    )}\n\n    <PastEvents\n      pastEventsSectionTitle={props.pastEventsSectionTitle}\n      pastEventsItems={props.pastEventsItems}\n    />\n\n    <EventsList events={props.events} categories={props.categories} />\n\n    <div className=\"main-grid-full-span bg-customLightGrey pt-10 pb-20 relative\">\n      <div className=\"flex main-grid\">\n        <Lines onlyHorizontal={true} />\n        <div className=\"px-5 md:px-0 \">\n          <div className=\"inner-grid md:text-left text-center\">\n            <div className=\"block\">\n              <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                {props.joinUsTitle}\n              </ReactMarkdown>\n            </div>\n            <div className=\"block mt-12 md:mt-0\">\n              <div>\n                <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                  {props.joinUsContent1}\n                </ReactMarkdown>\n              </div>\n              <Link to={props.joinUsButtonUrl1}>\n                <Button\n                  children={<span>{props.joinUsButton1}</span>}\n                  className=\"mt-10 hover:bg-white hover:text-customRed\"\n                />\n              </Link>\n            </div>\n            <div className=\"block mt-12 md:mt-0\">\n              <div>\n                <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                  {props.joinUsContent2}\n                </ReactMarkdown>\n              </div>\n              <Link to={props.joinUsButtonUrl2}>\n                <Button\n                  children={<span>{props.joinUsButton2}</span>}\n                  className=\"mt-10 hover:bg-white hover:text-customRed\"\n                />\n              </Link>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </Page>\n);\n\nconst AttendPage = ({ pageContext }) => {\n  return <AttendPageTemplate {...pageContext.props} />;\n};\n\nexport default AttendPage;\n","import React from \"react\";\nimport { HeroSectionProps } from \"./HeroSection.types\";\nimport { BackgroundImage } from \"@/components/shared/BackgroundImage\";\nimport { Button } from \"@/components/shared/Button\";\nimport { HiMenuAlt2 } from \"react-icons/hi\";\nimport { Link } from \"gatsby\";\nimport rehypeRaw from \"rehype-raw\";\nimport ReactMarkdown from \"react-markdown\";\n\nexport const HeroSection = ({\n  heroTitle,\n  heroSubtitle,\n  heroBackgroundImage,\n  heroBackgroundImageDesktop,\n  heroBackgroundImageAlt,\n  heroButtonText,\n  heroButtonLink,\n  heroButtonShow,\n  heroLinks,\n  featuredButtonLink,\n  fontMedium,\n  centerContentVertically,\n}: HeroSectionProps) => {\n  return (\n    <div className=\"main-grid-full-span\">\n      <BackgroundImage\n        image={heroBackgroundImage}\n        imageDesktop={heroBackgroundImageDesktop}\n        alt={heroBackgroundImageAlt}\n        style={{ height: \"40rem\" }}\n        classNameChild={`left-gradient flex flex-col ${\n          centerContentVertically ? \"justify-center\" : \"justify-end\"\n        } justify-end md:justify-center`}\n      >\n        <div className=\"main-grid\">\n          <div className=\"flex flex-col\">\n            <div\n              className={`text-white  text-3xl  mb-7 w-4/5 md:w-1/2 ${\n                fontMedium ? \"\" : \"md:text-5xl font-bold\"\n              }`}\n            >\n              <ReactMarkdown rehypePlugins={[rehypeRaw]}>\n                {heroTitle}\n              </ReactMarkdown>\n            </div>\n            {heroSubtitle && (\n              <p\n                className=\"text-white text-sm md:text-lg md:font-light mb-10 md:mb-7 w-4/5 md:w-1/2\"\n                style={{ lineHeight: \"30px\" }}\n              >\n                {heroSubtitle}\n              </p>\n            )}\n\n            <div className=\"flex flex-col md:flex-row md:align-center md:space-x-5\">\n              {heroButtonText && (heroButtonShow ?? true) && (\n                <Link to={heroButtonLink} className=\"mb-5 md:mb-0\">\n                  <Button className={\"hover:bg-white hover:text-customRed\"}>\n                    {heroButtonText}\n                  </Button>\n                </Link>\n              )}\n              {heroLinks?.map((heroLink) => (\n                <a\n                  href={heroLink.path}\n                  className=\"text-white flex hover:opacity-50 mb-10 md:mb-0 items-center\"\n                  key={heroLink.displayName}\n                >\n                  <span className=\"my-auto flex items-center\">\n                    {heroLink.displayName + \" ->\"}\n                  </span>\n                </a>\n              ))}\n              {featuredButtonLink && (\n                <div className=\"text-customRed font-medium flex flex-row items-center hover:text-white mb-10 md:mb-0\">\n                  <Link to={featuredButtonLink}>\n                    <span>\n                      Read more <HiMenuAlt2 className=\"inline w-6 h-6\" />\n                    </span>\n                  </Link>\n                </div>\n              )}\n            </div>\n          </div>\n        </div>\n      </BackgroundImage>\n    </div>\n  );\n};\n","export const splitTextInTwo = (text: string): [string, string] => {\n  const words = text.split(\" \");\n  const nChars = text.length - (words.length - 1);\n  var i = 0;\n  var j = 0;\n  for (const word of words) {\n    i += word.length;\n    j += 1;\n    if (i >= nChars / 2) {\n      break;\n    }\n  }\n  return [words.slice(0, j).join(\" \"), words.slice(j, words.length).join(\" \")];\n};\n\nexport const debug = <T>(obj: T): T => {\n  return obj;\n};\n"],"sourceRoot":""}