{"version":3,"sources":["webpack:///./src/components/Partners/PartnersContact/PartnersContact.tsx","webpack:///./src/templates/PartnersPage.tsx","webpack:///./src/components/shared/Recommendations/Recommendations.tsx","webpack:///./src/components/shared/Recommendations/RecommendationsSlider/RecommendationsSlider.tsx","webpack:///./src/components/shared/HeroSection/HeroSection.tsx","webpack:///./src/components/shared/Card/CardTalk/CardTalk.tsx","webpack:///./src/components/shared/Card/CardEvent/CardEvent.tsx","webpack:///./src/components/shared/Card/CardEventAttend/CardEventAttend.tsx","webpack:///./src/components/shared/Partners/Partners.tsx"],"names":["PartnersContact","props","className","Lines","partnersContactContent","partnersContacts","map","x","fluid","image","alt","name","title","email","phone","PartnersPageTemplate","Page","HeroSection","heroTitle","heroBackgroundImage","heroBackgroundImageDesktop","heroBackgroundImageAlt","centerContentVertically","partnerLogos","length","Partners","partnerSectionTitle","partnerLogosDesktop","Recommendations","recommendationsTitle","recommendations","Newsletter","variant","NewsletterVariant","black","newsletterTitle","newsletterMessage1","newsletterMessage2","newsletterBackgroundImage","newsletterBackgroundImageDesktop","PartnersPage","pageContext","wider","RecommendationsSlider","item","order","key","speaker","Card","slug","cover","coverDesktop","displayName","eventName","duration","eventCategory","date","children","numberOfSlides","useSlider","mobile","tablet","desktop","sliderRef","inputSliderPosition","inputSliderOnChange","nextSlide","prevSlide","slider","currentSlide","onClick","React","Children","child","type","Slider","heroSubtitle","heroButtonText","heroButtonLink","heroButtonShow","heroLinks","featuredButtonLink","fontMedium","BackgroundImage","imageDesktop","style","height","classNameChild","rehypePlugins","rehypeRaw","lineHeight","to","Button","heroLink","href","path","CardTalk","noBadge","ButtonVariant","filledRedWithBG","CardEvent","target","rel","width","CardEventAttend","edition","category","dateConverted","moment","format","showLinks","getToKnowOurPartnersText","getToKnowOurPartnersLink","joinOurPartnersText","joinOurPartnersLink","onlyHorizontal","fixed","idx"],"mappings":"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","file":"component---src-templates-partners-page-tsx-67e24766b52bba701579.js","sourcesContent":["import React from \"react\";\nimport Img, {FluidObject} from \"gatsby-image\";\nimport \"./PartnersContact.styled.css\";\nimport {Lines} from \"../../Lines/Lines\";\n\ninterface Contact {\n    image: FluidObject,\n    name: string,\n    title: string,\n    email: string,\n    phone: string\n}\n\nexport interface PartnersContactProps {\n    partnersContactContent: string,\n    partnersContacts: Array<Contact>\n}\n\nexport const PartnersContact = (props: PartnersContactProps) => (\n    <div className=\"main-grid-full-span bg-customLightGrey py-10 relative\">\n        <Lines />\n        <div className=\"flex main-grid z-10\">\n            <div className=\"px-5 md:px-0 \">\n                <div className=\"inner-grid\">\n                    <div className=\"block\">\n                        {props.partnersContactContent}\n                    </div>\n                    {props.partnersContacts.map(x => <div className=\"block mt-12 md:mt-0\">\n                        <Img\n                            className=\"image\"\n                            fluid={x.image}\n                            alt=\"Partners Contact\"\n                        />\n                        <div className={\"font-bold text-center text-2xl mt-4\"}>{x.name}</div>\n                        <div className={\"text-center\"}>{x.title}</div>\n                        <div className={\"font-bold text-center text-customRed\"}>{x.email}</div>\n                        <div className={\"font-bold text-center text-customRed\"}>{x.phone}</div>\n                    </div>)}\n                </div>\n            </div>\n        </div>\n    </div>\n);\n","import React from \"react\";\nimport { Page } from \"./Page\";\nimport { FluidObject } from \"gatsby-image\";\nimport { HeroSection } from \"@/components/shared/HeroSection\";\nimport {\n  Newsletter,\n  NewsletterProps,\n  NewsletterVariant,\n} from \"../components/shared/Newsletter\";\nimport {\n  Recommendations,\n  RecommendationsProps,\n} from \"../components/shared/Recommendations\";\nimport { Partners, PartnersProps } from \"../components/shared/Partners\";\nimport { PartnersContact } from \"../components/Partners/PartnersContact\";\nimport { PartnersContactProps } from \"../components/Partners/PartnersContact/PartnersContact\";\n\ninterface Props\n  extends NewsletterProps,\n    RecommendationsProps,\n    PartnersProps,\n    PartnersContactProps {\n  heroTitle: string;\n  heroBackgroundImage: FluidObject;\n  heroBackgroundImageDesktop: FluidObject;\n  heroBackgroundImageAlt: string;\n}\n\nexport const PartnersPageTemplate = (props: Props) => (\n  <Page>\n    <HeroSection\n      heroTitle={props.heroTitle}\n      heroBackgroundImage={props.heroBackgroundImage}\n      heroBackgroundImageDesktop={props.heroBackgroundImageDesktop}\n      heroBackgroundImageAlt={props.heroBackgroundImageAlt}\n      centerContentVertically={true}\n    />\n    <PartnersContact\n      partnersContactContent={props.partnersContactContent}\n      partnersContacts={props.partnersContacts}\n    />\n    {props.partnerLogos.length > 0 && (\n      <Partners\n        partnerSectionTitle={props.partnerSectionTitle}\n        partnerLogos={props.partnerLogos}\n        partnerLogosDesktop={props.partnerLogosDesktop}\n      />\n    )}\n    <Recommendations\n      recommendationsTitle={props.recommendationsTitle}\n      recommendations={props.recommendations}\n      className={\"mb-20\"}\n    />\n    <Newsletter\n      variant={NewsletterVariant.black}\n      newsletterTitle={props.newsletterTitle}\n      newsletterMessage1={props.newsletterMessage1}\n      newsletterMessage2={props.newsletterMessage2}\n      newsletterBackgroundImage={props.newsletterBackgroundImage}\n      newsletterBackgroundImageDesktop={props.newsletterBackgroundImageDesktop}\n    />\n  </Page>\n);\n\nconst PartnersPage = ({ pageContext }) => {\n  return <PartnersPageTemplate {...pageContext.props} />;\n};\n\nexport default PartnersPage;\n","import React from \"react\";\nimport { CardTalk, CardEvent } from \"@/components/shared/Card\";\nimport { RecommendationsSlider } from \"./RecommendationsSlider\";\nimport { RecommendationsProps } from \"./Recommendations.types\";\nimport \"./Recommendations.styled.css\";\nimport { Lines } from \"../../Lines/Lines\";\n\nexport const Recommendations = ({\n  recommendations,\n  recommendationsTitle,\n  className,\n}: RecommendationsProps) => {\n  return (\n    <div className={\"main-grid-full-span relative\"}>\n      <Lines wider={true} />\n      <div\n        className={`my-10 main-grid-full-span recommendations-container ${\n          className && className\n        }`}\n      >\n        <h2 className=\"font-bold\">\n          {recommendationsTitle\n            ? recommendationsTitle\n            : \"TEDxWarsaw Recommends\"}\n        </h2>\n        <RecommendationsSlider>\n          {recommendations.map(({ item, order }) => (\n            <div key={order} className=\"h-full card-container\">\n              {item?.speaker ? (\n                <CardTalk\n                  slug={item.slug}\n                  cover={item.cover}\n                  coverDesktop={item.coverDesktop}\n                  displayName={item.displayName}\n                  speaker={item.speaker}\n                  eventName={item.eventName}\n                  duration={item.duration}\n                />\n              ) : (\n                <CardEvent\n                  slug={item.slug}\n                  cover={item.cover}\n                  coverDesktop={item.coverDesktop}\n                  displayName={item.displayName}\n                  eventCategory={item.eventCategory}\n                  date={item.date}\n                />\n              )}\n            </div>\n          ))}\n        </RecommendationsSlider>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { BsChevronRight, BsChevronLeft } from \"react-icons/bs\";\nimport { Slider, SliderControls, useSlider } from \"@/components/shared/Slider\";\nimport \"./RecommendationsSlider.styled.css\";\n\nexport const RecommendationsSlider = ({ children }) => {\n  const numberOfSlides = children.length;\n  const slidesToShowDeskotop = 3;\n  const slidesToShowTablet = 2.2;\n  const {\n    sliderRef,\n    inputSliderPosition,\n    inputSliderOnChange,\n    nextSlide,\n    prevSlide,\n    slider,\n    currentSlide,\n  } = useSlider(\n    numberOfSlides,\n    {\n      mobile: 1.1,\n      tablet: slidesToShowTablet,\n      desktop: slidesToShowDeskotop,\n    },\n    { mobile: 10, tablet: 20, desktop: 54 }\n  );\n\n  return (\n    <>\n      <div className=\"slider-wrapper-recommendations max-w-full mt-10 relative\">\n        {slider && numberOfSlides > 2 && (\n          <div className=\"hidden md:block\">\n            <BsChevronLeft\n              className={`text-customRed hover:opacity-40 cursor-pointer stroke-1 text-3xl absolute left-0 top-1/3 z-10 xl:-left-10 ${\n                currentSlide <= 0 ? \"hidden\" : \"\"\n              }`}\n              onClick={prevSlide}\n            />\n            <BsChevronRight\n              className={`text-customRed hover:opacity-40 cursor-pointer stroke-1 text-3xl absolute right-0 top-1/3 z-10 xl:-right-10 hidden  ${\n                currentSlide >= numberOfSlides - slidesToShowDeskotop\n                  ? \"hidden\"\n                  : \"xl:block\"\n              }`}\n              onClick={nextSlide}\n            />\n            <BsChevronRight\n              className={`xl:hidden text-customRed hover:opacity-40 cursor-pointer stroke-1 text-3xl absolute right-0 top-1/3 z-10 xl:-right-10 ${\n                currentSlide >= numberOfSlides - slidesToShowTablet\n                  ? \"hidden\"\n                  : \"\"\n              }`}\n              onClick={nextSlide}\n            />\n          </div>\n        )}\n\n        {numberOfSlides < slidesToShowDeskotop ? (\n          <>\n            <div className=\"inner-grid slider-off-container\">\n              {React.Children.map(children || null, (child) => (\n                <div className=\"keen-slider__slide\" key={child.props.order}>\n                  <child.type {...child.props} />\n                </div>\n              ))}\n            </div>\n            <div className=\"md:hidden\">\n              <Slider sliderRef={sliderRef} children={children} />\n            </div>\n          </>\n        ) : (\n          <Slider sliderRef={sliderRef} children={children} />\n        )}\n      </div>\n      {numberOfSlides > 1 && (\n        <SliderControls\n          inputSliderPosition={inputSliderPosition}\n          inputSliderOnChange={inputSliderOnChange}\n          nextSlide={nextSlide}\n          prevSlide={prevSlide}\n          className=\"md:hidden\"\n        />\n      )}\n    </>\n  );\n};\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","import React from \"react\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport \"../Card.styled.css\";\nimport { Link } from \"gatsby\";\nimport { Button, ButtonVariant } from \"../../Button\";\n\ninterface CardTalkProps {\n  slug: string;\n  cover: FluidObject;\n  coverDesktop: FluidObject;\n  displayName: string;\n  speaker?: string;\n  eventName?: string;\n  duration?: string;\n  noBadge?: boolean;\n}\n\nexport const CardTalk = ({\n  slug,\n  cover,\n  coverDesktop,\n  speaker,\n  displayName,\n  eventName,\n  duration,\n  noBadge,\n}: CardTalkProps) => (\n  <Link to={`/talk/${slug}`}>\n    <div className=\"border-b-4 pb-5 pt-2 md:pt-3 border-customTransparent h-full flex flex-col card-container z-10\">\n      <div className=\"relative card-image-container\">\n        <Img\n          className=\"w-full h-full md:hidden\"\n          fluid={cover}\n          alt=\"Slider item image\"\n        />\n        <Img\n          className=\"w-full h-full hidden md:block\"\n          fluid={coverDesktop}\n          alt=\"Slider item image\"\n        />\n        <Button\n          variant={ButtonVariant.filledRedWithBG}\n          className={\"hoverButton hover:bg-white hover:text-customRed\"}\n        >\n          View Talk\n        </Button>\n        <span className=\"absolute right-2 bottom-2 bg-customDarkGrey text-white font-light text-xs px-2\">\n          {duration}\n        </span>\n      </div>\n      <span\n        className={`absolute font-bold left-0 top-0 bg-customDarkGrey text-white md:py-1 text-sm px-3 -left-2 ${\n          noBadge ? \"hidden\" : \"\"\n        }`}\n      >\n        TALK\n      </span>\n      <div className=\"md:flex justify-between items-end mb-2 mt-5 md:my-5\">\n        <div>\n          <span className=\"my-10\">{speaker}</span>\n          <h3 className=\"font-bold\">{displayName}</h3>\n        </div>\n      </div>\n      <p className=\"pb-1 mt-auto\">{eventName}</p>\n      <div className={\"red-border\"} />\n    </div>\n  </Link>\n);\n","import React from \"react\";\nimport { Button, ButtonVariant } from \"@/components/shared/Button\";\nimport { FaArrowRight } from \"react-icons/fa\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport \"../Card.styled.css\";\nimport { Link } from \"gatsby\";\n\ninterface CardEventProps {\n  slug: string;\n  cover: FluidObject;\n  coverDesktop: FluidObject;\n  displayName: string;\n  eventCategory: string;\n  date?: string;\n}\n\nexport const CardEvent = ({\n  slug,\n  cover,\n  coverDesktop,\n  displayName,\n  date,\n  eventCategory,\n}: CardEventProps) => (\n  <div className=\"pt-2 md:pt-3 pb-5 border-b-4 border-customTransparent h-full flex flex-col card-container\">\n    <Link to={`/event/${slug}`}>\n      <div className=\"relative card-image-container\">\n        <Img\n          className=\"w-full h-full md:hidden\"\n          fluid={cover}\n          alt=\"Slider item image\"\n        />\n        <Img\n          className=\"w-full h-full hidden md:block\"\n          fluid={coverDesktop}\n          alt=\"Slider item image\"\n        />\n        <Button\n          variant={ButtonVariant.filledRedWithBG}\n          className={\"hoverButton hover:bg-white hover:text-customRed\"}\n        >\n          View Event\n        </Button>\n      </div>\n    </Link>\n    <span className=\"absolute -left-2 top-0 font-bold text-white text-sm px-3 bg-customRed md:py-1\">\n      <Link to={`/event/${slug}`}>UPCOMING</Link>\n    </span>\n\n    <Link to={`/event/${slug}`}>\n      <div className=\"md:flex justify-between items-end mb-2 mt-5 md:my-5\">\n        <div>\n          <span className=\"font-bold my-10\">{eventCategory}</span>\n          <h3 className=\"min-h-10\">{displayName}</h3>\n        </div>\n        <p>{date}</p>\n      </div>\n    </Link>\n\n    <div className=\"flex items-center mt-auto\">\n      <Link\n        to={`/event/${slug}`}\n        className=\"text-sm\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <Button\n          variant={ButtonVariant.filledRedWithBG}\n          className={\"hover:bg-white hover:text-customRed\"}\n        >\n          Attend\n        </Button>\n      </Link>\n      <Link\n        to={`/event/${slug}`}\n        className=\"text-customRed text-sm flex hover:opacity-50 items-center ml-5\"\n        style={{ width: \"fit-content\" }}\n      >\n        <span className=\"my-auto flex items-center\">Learn more {\"->\"}</span>\n      </Link>\n    </div>\n    <div className={\"red-border\"} />\n  </div>\n);\n","import React from \"react\";\nimport Img, { FluidObject } from \"gatsby-image\";\nimport \"../Card.styled.css\";\nimport moment from \"moment\";\nimport { Link } from \"gatsby\";\nimport { HiMenuAlt2 } from \"react-icons/hi\";\n\ninterface CardEventAttendProps {\n  slug: string;\n  cover: FluidObject;\n  coverDesktop: FluidObject;\n  displayName: string;\n  edition: string;\n  date?: string;\n  category: string;\n}\n\nexport const CardEventAttend = ({\n  slug,\n  cover,\n  coverDesktop,\n  displayName,\n  edition,\n  date,\n  category,\n}: CardEventAttendProps) => {\n  const dateConverted = moment(date, \"DD/MM/YYYY\");\n\n  return (\n    <div className=\"relative pt-2 md:pt-3 pb-5 border-b-4 border-customTransparent h-full flex flex-col card-container z-10\">\n      <Link to={`/event/${slug}`}>\n        <div className=\"relative card-image-container\">\n          <Img\n            className=\"w-full h-full md:hidden\"\n            fluid={cover}\n            alt=\"Slider item image\"\n          />\n          <Img\n            className=\"w-full h-full hidden md:block\"\n            fluid={coverDesktop}\n            alt=\"Slider item image\"\n          />\n        </div>\n      </Link>\n      <span className=\"absolute -left-2 top-0  text-white text-sm px-3 bg-customDarkGrey md:py-1 uppercase font-bold\">\n        <Link to={`/event/${slug}`}>{category}</Link>\n      </span>\n\n      <Link to={`/event/${slug}`}>\n        <div className=\"md:flex justify-between items-end mb-2 mt-5 md:my-5\">\n          <div>\n            <span className=\"my-10\">{dateConverted.format(\"D MMMM YYYY\")}</span>\n            <h3 className=\"min-h-10 font-bold\">\n              {displayName + \" - \" + edition}\n            </h3>\n          </div>\n        </div>\n      </Link>\n\n      <div className=\"flex items-center mt-auto\">\n        <Link\n          to={`/watch?eventSlug=${slug}`}\n          className=\"text-customRed text-sm flex hover:opacity-50 items-center mr-6\"\n        >\n          <span className=\"text-customRed font-bold\">{\"Watch talks ->\"}</span>\n        </Link>\n        <Link\n          to={`/event/${slug}`}\n          className=\"text-customRed text-sm flex hover:opacity-50 items-center \"\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 className={\"red-border\"} />\n    </div>\n  );\n};\n","import React from \"react\";\nimport Img, { FixedObject } from \"gatsby-image\";\nimport { Button, ButtonVariant } from \"@/components/shared/Button\";\nimport { Link } from \"gatsby\";\nimport \"./Partners.styled.css\";\nimport { Lines } from \"../../Lines/Lines\";\n\nexport interface PartnersProps {\n  partnerSectionTitle: string;\n  partnerLogos: FixedObject[];\n  partnerLogosDesktop: FixedObject[];\n  showLinks?: boolean;\n  getToKnowOurPartnersText?: string;\n  getToKnowOurPartnersLink?: string;\n  joinOurPartnersText?: string;\n  joinOurPartnersLink?: string;\n}\n\nexport const Partners = ({\n  partnerSectionTitle,\n  showLinks,\n  getToKnowOurPartnersText,\n  getToKnowOurPartnersLink,\n  joinOurPartnersText,\n  joinOurPartnersLink,\n  partnerLogos,\n  partnerLogosDesktop,\n}: PartnersProps) => (\n  <div className=\"main-grid-full-span relative\">\n    <Lines onlyHorizontal={true} wider={true} />\n    <div className=\"relative main-grid\">\n      <div className=\"py-20 space-y-6\">\n        <div className=\"flex justify-between pb-6 z-10\">\n          <h2 className=\"font-medium\">{partnerSectionTitle}</h2>\n          {showLinks && (\n            <div className=\"flex items-center hidden xl:flex z-10\">\n              <Link\n                to={getToKnowOurPartnersLink}\n                className=\"text-customRed flex hover:opacity-50 items-center\"\n                style={{ width: \"fit-content\" }}\n              >\n                <span className=\"my-auto flex items-center\">\n                  {getToKnowOurPartnersText}\n                </span>\n              </Link>\n              <Link to={joinOurPartnersLink}>\n                <Button\n                  className=\"ml-5 hover:bg-white hover:text-customRed\"\n                  variant={ButtonVariant.filledRedWithBG}\n                >\n                  {joinOurPartnersText}\n                </Button>\n              </Link>\n            </div>\n          )}\n        </div>\n\n        <div className=\"flex flex-wrap justify-between xl:hidden partners-img-mobile-container\">\n          {partnerLogos.map((fixed, idx) => (\n            <Img\n              key={idx}\n              fixed={fixed}\n              alt=\"Partner logo\"\n              className={\"partners-img-mobile z-10\"}\n            />\n          ))}\n        </div>\n        <div className=\"flex flex-wrap justify-between hidden xl:flex partners-img-desktop-container\">\n          {partnerLogosDesktop.map((fixed, idx) => (\n            <Img\n              key={idx}\n              fixed={fixed}\n              alt=\"Partner logo\"\n              className={\"partners-img-desktop\"}\n            />\n          ))}\n        </div>\n        {showLinks && (\n          <div className=\"flex flex-col md:flex-row  md:items-center  items-start xl:hidden\">\n            <Link to={joinOurPartnersLink}>\n              <Button className=\"my-5 hover:bg-white hover:text-customRed\">\n                {joinOurPartnersText}\n              </Button>\n            </Link>\n            <Link\n              to={getToKnowOurPartnersLink}\n              className=\"text-customRed flex hover:opacity-50 items-center\"\n              style={{ width: \"fit-content\" }}\n            >\n              <span className=\"my-2 md:my-0 md:ml-5 flex items-center\">\n                {getToKnowOurPartnersText}\n              </span>\n            </Link>\n          </div>\n        )}\n      </div>\n    </div>\n  </div>\n);\n"],"sourceRoot":""}