{"version":3,"file":"static/chunks/8706-9683fa53da4e4400.js","mappings":"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","sources":["webpack://_N_E/./src/components/common-sections/testimonials/components/marquee.tsx","webpack://_N_E/./src/components/common-sections/testimonials/testimonials.styles.ts","webpack://_N_E/./src/components/common-sections/try-it-for-yourself/wrapper.tsx","webpack://_N_E/./src/components/elements/gradient/gradient.styles.ts","webpack://_N_E/./src/components/elements/heading/index.tsx","webpack://_N_E/./src/components/elements/icon-avatar/icon-avatar.styles.ts","webpack://_N_E/./src/components/modules/heading-block/heading-block.styles.ts","webpack://_N_E/./src/components/elements/gradient/index.tsx","webpack://_N_E/./src/components/modules/newsletter/index.tsx","webpack://_N_E/./src/components/modules/newsletter/newsletter.styles.ts","webpack://_N_E/./src/lib/hooks/use-newsletter-submit.ts"],"sourcesContent":["'use client';\n\nimport dynamic from 'next/dynamic';\nimport { useState, type ReactNode } from 'react';\n\nimport { StyledTestimonialGrid } from '../testimonials.styles';\n\nimport { useIsMobile } from '@/lib/hooks/use-is-mobile';\n\nconst Marquee = dynamic(() => import('react-fast-marquee').then(e => e.default), {\n  ssr: false,\n});\n\ninterface MarqueeWrapperProps {\n  children: ReactNode;\n  columnsCount: number;\n}\n\nexport const MarqueeWrapper = ({\n  children,\n  columnsCount\n}: MarqueeWrapperProps) => {\n  const isMobile = useIsMobile();\n  const [isRunning, setIsRunning] = useState(true);\n\n  const play = () => {\n    setIsRunning(true);\n  };\n\n  const pause = () => {\n    setIsRunning(false);\n  };\n\n  return (\n    <Marquee pauseOnHover={!isMobile} play={isRunning}>\n      <StyledTestimonialGrid\n        $columnsCount={columnsCount}\n        onTouchStart={pause}\n        onTouchEnd={play}\n      >\n        {children}\n      </StyledTestimonialGrid>\n    </Marquee>\n  );\n};\n","'use client';\n\nimport { styled } from '@/styles';\n\nexport const StyledTestimonialsWrapper = styled.section`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 62px 0;\n  padding-bottom: 32px;\n  padding-bottom: 0;\n  gap: 32px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 96px 0;\n    padding-bottom: 0;\n    gap: 61px;\n    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);\n  }\n`;\n\nexport const StyledTestimonialCard = styled.blockquote`\n  background: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.button.border};\n  border-radius: 12px;\n  padding: 24px;\n  height: fit-content;\n\n  display: flex;\n  flex-direction: column;\n  gap: 36px;\n  margin-bottom: 12px;\n\n  & p {\n    text-wrap: wrap;\n  }\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    max-width: 480px;\n    padding: 32px;\n    margin-bottom: 16px;\n  }\n`;\n\nexport const StyledAuthorWrapper = styled.footer`\n  display: flex;\n  gap: 16px;\n`;\n\nexport const StyledAuthorDetails = styled.cite`\n  display: flex;\n  flex-direction: column;\n\n  > a:hover {\n    text-decoration: underline;\n  }\n`;\n\nexport const StyledTestimonialGrid = styled.div<{\n  $columnsCount: number;\n}>`\n  --grid-items: ${({ $columnsCount }) => $columnsCount};\n  display: grid;\n  grid-template-columns: repeat(var(--grid-items), 343px);\n  gap: 16px;\n  margin-right: 16px;\n  padding: 1px 16px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 1px 0;\n    grid-template-columns: repeat(var(--grid-items), 1fr);\n    /* Apply padding to every 9th item */\n    & > *:nth-child(odd) {\n      margin-top: 50px;\n    }\n  }\n`;\n\nexport const StyledQuote = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n\n  & p {\n    color: ${({ theme }) => theme.colors.text.darkGrey};\n    font-weight: ${({ theme }) => theme.fontWeight.normal};\n\n    & strong {\n      color: ${({ theme }) => theme.colors.text.white};\n      font-weight: ${({ theme }) => theme.fontWeight.bold};\n    }\n  }\n`;\n","'use client';\n\nimport React from 'react';\nimport { useInView } from 'react-intersection-observer';\n\nexport const TryYourselfWrapper = ({ children }: Component) => {\n  const { ref, inView } = useInView({\n    threshold: 0.5,\n    triggerOnce: true,\n  });\n\n  return <div ref={ref}>{inView && children}</div>;\n};\n","'use client';\n\nimport type { StyledGradientProps } from './gradient.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledGradient = styled.div<StyledGradientProps>`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  aspect-ratio: 16/11;\n  z-index: -1;\n  pointer-events: none;\n  user-select: none;\n\n  ${({ $shape }) => {\n    switch ($shape) {\n      case 'full':\n        return css`\n          background: radial-gradient(circle, ${({ theme }) => theme.colors.circleGradient} 0%, transparent 30%),\n            radial-gradient(ellipse 50% 45%, ${({ theme }) => theme.colors.ellipseGradient} 0%, transparent 70%);\n          background-size: contain;\n          opacity: 0.15;\n        `;\n\n      case 'side':\n        return css`\n          background: radial-gradient(circle at left, ${({ theme }) => theme.colors.circleGradient} 0%, transparent 30%),\n            radial-gradient(ellipse 70% 45% at left, ${({ theme }) => theme.colors.ellipseGradient} 0%, transparent 70%);\n          background-size: contain;\n          opacity: 0.15;\n        `;\n    }\n  }}\n`;\n","import { StyledHeading } from './heading.styles';\nimport type { HeadingProps } from './heading.types';\n\nexport const Heading = ({\n  as = 'h1',\n  id,\n  children,\n  className,\n  color,\n  fontSize = 'xl',\n  fontWeight,\n  textAlign,\n  ...props\n}: Component<HeadingProps>) => {\n  return (\n    <StyledHeading\n      as={as}\n      data-heading=\"true\"\n      $textAlign={textAlign}\n      fontSize={fontSize}\n      color={color}\n      fontWeight={fontWeight}\n      className={className}\n      id={id}\n      {...props}\n    >\n      {children}\n    </StyledHeading>\n  );\n};\n","'use client';\n\nimport { styled } from '@/styles';\n\nexport const StyledAvatar = styled.div`\n  min-width: 48px;\n  height: 48px;\n  border-radius: 100%;\n  background: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.button.border};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & svg {\n    font-size: 1.5rem;\n    width: 25px;\n    height: 25px;\n    fill: ${({ theme }) => theme.colors.electricLightBlue};\n  }\n`;\n","'use client';\n\nimport type { StyledHeadingBlockProps } from './heading-block.types';\n\nimport { Heading } from '@/components/elements/heading';\nimport { styled } from '@/styles';\n\nconst alignDictionary: Record<CanvasTextAlign, string> = {\n  right: 'end',\n  left: 'start',\n  center: 'center',\n  end: 'end',\n  start: 'start',\n};\n\nexport const StyledHeadingBlockWrapper = styled.section<StyledHeadingBlockProps>`\n  max-width: 656px;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  text-align: ${({ $align }) => $align};\n  align-items: ${({ $align }) => alignDictionary[$align]};\n  margin: ${({ $isContentCentered: $centered }) => $centered && '0 auto'};\n`;\n\nexport const StyledHeadingBlockTitle = styled(Heading)`\n  &&& {\n    span {\n      -webkit-text-fill-color: var(--cinnabar-red-light);\n    }\n  }\n`;\n","import { StyledGradient } from './gradient.styles';\nimport type { StyledGradientProps } from './gradient.types';\n\nexport const Gradient = ({ $shape = 'side' }: StyledGradientProps) => {\n  return <StyledGradient $shape={$shape} />;\n};\n","'use client';\n\nimport {\n  StyledNewsletterContentWrapper,\n  StyledNewsletterFormContentWrapper,\n  StyledNewsletterFormWrapper,\n  StyledNewsletterGradientWrapper,\n  StyledNewsletterSuccess,\n  StyledNewsletterTitle,\n  StyledNewsletterWrapper,\n} from './newsletter.styles';\nimport type { NewsletterProps } from './newsletter.types';\nimport { NEWSLETTER_URLS } from './newsletter.values';\nimport { Input } from '../input';\n\nimport { Button } from '@/components/elements/button';\nimport { Gradient } from '@/components/elements/gradient';\nimport { Text } from '@/components/elements/text';\nimport type { TextProps } from '@/components/elements/text/text.types';\nimport { useNewsletterSubmit } from '@/lib/hooks/use-newsletter-submit';\n\nexport function Newsletter({\n  $variant = 'default',\n  title,\n  text,\n  supportText,\n  buttonText = 'Sign up',\n  action = NEWSLETTER_URLS.default,\n}: NewsletterProps) {\n  const TextSize: TextProps['fontSize'] = $variant === 'blog-short' ? 'l' : 'm';\n  const TextColor: TextProps['color'] = $variant === 'blog-short' ? 'white' : 'darkGrey';\n  const SupportWeight: TextProps['fontWeight'] = $variant === 'with-gradient' ? 'bold' : 'normal';\n  const SupportColor: TextProps['color'] = $variant === 'with-gradient' ? 'white' : 'darkGrey';\n\n  const [isSuccess, handleSubmit] = useNewsletterSubmit();\n\n  return (\n    <StyledNewsletterWrapper $variant={$variant}>\n      {$variant !== 'default' && (\n        <StyledNewsletterGradientWrapper $variant={$variant}>\n          <Gradient $shape=\"full\" />\n        </StyledNewsletterGradientWrapper>\n      )}\n      <StyledNewsletterContentWrapper $variant={$variant}>\n        <StyledNewsletterTitle $variant={$variant}>{title}</StyledNewsletterTitle>\n        {text && (\n          <Text fontSize={TextSize} color={TextColor} fontWeight=\"normal\">\n            {text}\n          </Text>\n        )}\n      </StyledNewsletterContentWrapper>\n      <StyledNewsletterFormContentWrapper $variant={$variant}>\n        {$variant !== 'blog-short' && (\n          <Text fontSize=\"m\" color={SupportColor} fontWeight={SupportWeight}>\n            {supportText}\n          </Text>\n        )}\n        {isSuccess && <StyledNewsletterSuccess>Thanks for subscribing!</StyledNewsletterSuccess>}\n        <StyledNewsletterFormWrapper\n          $variant={$variant}\n          onSubmit={handleSubmit}\n          method=\"POST\"\n          action={action}\n          className={isSuccess ? 'visually-hidden' : ''}\n        >\n          <div className=\"visually-hidden\">\n            <label htmlFor=\"extra-info\">An extra form field you should ignore</label>\n            <input type=\"text\" id=\"extra-info\" name=\"first-name\" tab-index=\"-1\" autoComplete=\"nope\" />\n          </div>\n          <Input required id=\"email\" type=\"email\" placeholder=\"Email address\" />\n          <Button $variant=\"secondary\" $small type=\"submit\">\n            {buttonText}\n          </Button>\n        </StyledNewsletterFormWrapper>\n      </StyledNewsletterFormContentWrapper>\n    </StyledNewsletterWrapper>\n  );\n}\n","'use client';\n\nimport type { StyledNewsletterProps } from './newsletter.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledNewsletterWrapper = styled.div<StyledNewsletterProps>`\n  position: relative;\n  overflow: hidden;\n  display: grid;\n  align-items: center;\n  padding: 16px;\n  border-radius: 16px;\n  background: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n    0 0 24px 0 ${({ theme }) => theme.shadow.innerBox} inset;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 32px;\n  }\n\n  @media (max-width: ${({ theme }) => theme.screens.lg}) {\n    text-align: center;\n  }\n\n  background-image: ${({ theme }) => theme.backgroundImages.backgroundDots};\n  background-repeat: repeat;\n  background-size: 400px;\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'default':\n        return css`\n          margin: 64px auto 24px;\n          margin-top: 0;\n          gap: 16px;\n          background-image: unset;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            margin: 0 auto 64px;\n            gap: 24px;\n            grid-template-columns: 1fr 516px;\n          }\n        `;\n      case 'with-gradient':\n        return css`\n          margin: 48px auto 24px;\n          gap: 24px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            grid-template-columns: 1fr 516px;\n          }\n        `;\n      case 'blog-short':\n        return css`\n          gap: 24px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            padding: 24px 16px 16px;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterGradientWrapper = styled.div<StyledNewsletterProps>`\n  position: absolute;\n  width: 1200px;\n  bottom: -350px;\n  left: -400px;\n  right: -400px;\n  margin: auto;\n\n  & > div {\n    z-index: 0;\n  }\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'blog-short':\n        return css`\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            width: 1600px;\n            bottom: unset;\n            right: unset;\n            left: -800px;\n          }\n        `;\n      case 'with-gradient':\n        return css`\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            width: 1600px;\n            bottom: -600px;\n            right: -700px;\n            left: unset;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterContentWrapper = styled.div<StyledNewsletterProps>`\n  display: grid;\n  position: relative;\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'default':\n      case 'with-gradient':\n        return css`\n          gap: 16px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            max-width: 630px;\n          }\n        `;\n      case 'blog-short':\n        return css`\n          gap: 24px;\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            gap: 16px;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterTitle = styled.p<StyledNewsletterProps>`\n  line-height: 1.3;\n  text-align: center;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    text-align: left;\n  }\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'default':\n      case 'with-gradient':\n        return css`\n          font-size: ${({ theme }) => theme.fontSizes.heading.mobile.m};\n          color: ${({ theme }) => theme.colors.text.lightGrey};\n\n          @media (min-width: ${({ theme }) => theme.screens.xl}) {\n            font-size: ${({ theme }) => theme.fontSizes.heading.desktop.m};\n          }\n        `;\n      case 'blog-short':\n        return css`\n          font-size: ${({ theme }) => theme.fontSizes.heading.mobile.s};\n          color: ${({ theme }) => theme.colors.text.white};\n\n          @media (min-width: ${({ theme }) => theme.screens.lg}) {\n            font-size: ${({ theme }) => theme.fontSizes.heading.desktop.s};\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterFormContentWrapper = styled.div<StyledNewsletterProps>`\n  display: grid;\n  position: relative;\n  gap: 16px;\n`;\n\nexport const StyledNewsletterFormWrapper = styled.form<StyledNewsletterProps>`\n  display: grid;\n  gap: 12px;\n\n  & *[data-button='true'],\n  *[data-badge='true'] {\n    flex-shrink: 0;\n  }\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    display: ${({ $variant }) => ($variant === 'blog-short' ? 'grid' : 'flex')};\n  }\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'blog-short':\n        return css`\n          & *[data-button='true'] {\n            width: 100%;\n          }\n        `;\n    }\n  }}\n`;\n\nexport const StyledNewsletterSuccess = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes.button.default};\n  font-weight: ${({ theme }) => theme.fontWeight.medium};\n  color: ${({ theme }) => theme.colors.text.white};\n  line-height: 1;\n  text-align: center;\n  padding: 16px 24px;\n  border-radius: 12px;\n  background: ${({ theme }) => theme.colors.electricBlue};\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n    0 0 8px 0 ${({ theme }) => theme.colors.shadowDefault};\n`;\n","'use client';\n\nimport type { FormEventHandler } from 'react';\nimport { useState } from 'react';\n\nexport const useNewsletterSubmit = (): [boolean, FormEventHandler<HTMLFormElement>] => {\n  const [isSuccess, setIsSuccess] = useState(false);\n\n  const handleSubmit: FormEventHandler<HTMLFormElement> = async e => {\n    setIsSuccess(true);\n\n    setTimeout(\n      () => {\n        (e.target as HTMLFormElement).reset();\n        setIsSuccess(false);\n      },\n      100 * 60 * 2,\n    );\n  };\n\n  return [isSuccess, handleSubmit];\n};\n"],"names":["Marquee","dynamic","__webpack_require__","e","then","bind","default","ssr","MarqueeWrapper","children","columnsCount","param","isMobile","useIsMobile","isRunning","setIsRunning","useState","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","pauseOnHover","play","StyledTestimonialGrid","$columnsCount","onTouchStart","onTouchEnd","StyledTestimonialsWrapper","styled","section","_templateObject","theme","screens","lg","StyledTestimonialCard","blockquote","_templateObject1","colors","inkBlack","button","border","StyledAuthorWrapper","footer","_templateObject2","StyledAuthorDetails","cite","_templateObject3","div","_templateObject4","StyledQuote","_templateObject5","text","darkGrey","fontWeight","normal","white","bold","TryYourselfWrapper","ref","inView","useInView","threshold","triggerOnce","StyledGradient","$shape","css","circleGradient","ellipseGradient","Heading","as","id","className","color","fontSize","textAlign","props","StyledHeading","data-heading","$textAlign","StyledAvatar","electricLightBlue","alignDictionary","right","left","center","end","start","StyledHeadingBlockWrapper","$align","$isContentCentered","$centered","StyledHeadingBlockTitle","Gradient","jsx_runtime","Newsletter","$variant","title","supportText","buttonText","action","NEWSLETTER_URLS","TextSize","TextColor","SupportWeight","SupportColor","isSuccess","handleSubmit","useNewsletterSubmit","jsxs","StyledNewsletterWrapper","StyledNewsletterGradientWrapper","StyledNewsletterContentWrapper","StyledNewsletterTitle","Text","StyledNewsletterFormContentWrapper","StyledNewsletterSuccess","StyledNewsletterFormWrapper","onSubmit","method","label","htmlFor","input","type","name","tab-index","autoComplete","Input","required","placeholder","Button","$small","shadow","innerBox","backgroundImages","backgroundDots","_templateObject6","_templateObject9","p","_templateObject12","fontSizes","heading","mobile","m","lightGrey","xl","desktop","s","_templateObject13","form","_templateObject15","_templateObject16","medium","electricBlue","shadowDefault","setIsSuccess","setTimeout","target","reset"],"sourceRoot":""}