{"version":3,"file":"static/chunks/6357-0c48be85d64325ff.js","mappings":"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","sources":["webpack://_N_E/./src/components/elements/section/index.tsx","webpack://_N_E/./src/components/elements/section/section.styles.ts","webpack://_N_E/./src/components/elements/square-icon/square-icon.types.ts","webpack://_N_E/./src/components/elements/square-icon/square-icon.styles.ts","webpack://_N_E/./src/components/elements/themed-image/themed-image.ts","webpack://_N_E/./src/components/elements/themed-image/index.tsx","webpack://_N_E/./src/components/layout/styles.layout.ts","webpack://_N_E/./src/components/sections/cta/cta.styles.ts"],"sourcesContent":["import { StyledSection } from './section.styles';\n\nexport const Section = ({ children, className }: Component) => {\n  return <StyledSection className={className}>{children}</StyledSection>;\n};\n","'use client';\n\nimport { styled, screens } from '@/styles';\n\nexport const StyledSection = styled.section`\n  position: relative;\n  padding-top: 32px;\n  padding-bottom: 32px;\n\n  @media (min-width: ${screens['2xl']}) {\n    padding-top: 96px;\n    padding-bottom: 96px;\n  }\n`;\n","import type { Icon } from '@phosphor-icons/react';\n\nimport type { CustomIcon } from '../icon/custom/types';\n\nexport const SquareIconSizes = {\n  mini: 40,\n  small: 48,\n  medium: 56,\n  large: 64,\n  xLarge: 72,\n};\n\nexport interface StyledSquareIconProps {\n  $variant?: 'primary' | 'secondary' | 'darker-secondary' | 'tertiary' | 'tertiary-bigger';\n  $size?: keyof typeof SquareIconSizes;\n}\n\nexport type IconType = Icon | CustomIcon;\n\nexport interface SquareIconProps extends StyledSquareIconProps {\n  icon: IconType;\n}\n","'use client';\n\nimport type { StyledSquareIconProps } from './square-icon.types';\nimport { SquareIconSizes } from './square-icon.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledSquareIcon = styled.div<StyledSquareIconProps>`\n  display: flex;\n  width: fit-content;\n  border-radius: 12px;\n  padding: 11px;\n  border: 1px solid ${({ theme }) => theme.colors.button.border};\n  width: ${({ $size }) => SquareIconSizes[$size || 'medium']}px;\n  height: ${({ $size }) => SquareIconSizes[$size || 'medium']}px;\n\n  ${({ $variant, $size }) => {\n    switch ($variant) {\n      case 'primary':\n        return css`\n          background-color: ${({ theme }) => theme.colors.inkBlack};\n\n          box-shadow:\n            0px 2px 0px 0px rgba(0, 0, 0, 0.05) inset,\n            0px 0px 11px 0px rgba(0, 0, 0, 0.05);\n\n          & svg {\n            color: ${({ theme }) => theme.colors.electricBlue};\n            box-shadow:\n              0px 2.4 1.2 0px rgba(201, 212, 251, 0.1) inset,\n              0px -1.2 1.2 0px rgba(16, 46, 151, 0.1) inset,\n              0px 2.4 1.2 0px rgba(201, 212, 251, 0.1) inset,\n              0px -1.2 1.2 0px rgba(16, 46, 151, 0.1) inset;\n          }\n\n          ${() =>\n            $size === 'large' &&\n            `\n              border-width: 1.13px;\n              border-radius: 16px;\n              align-items: center;\n              justify-content: center;\n            `}\n        `;\n\n      case 'secondary':\n        return css`\n          background-color: ${({ theme }) => theme.colors.inkGrey};\n\n          & svg {\n            color: ${({ theme }) => theme.colors.lightGrey};\n          }\n        `;\n\n      case 'darker-secondary':\n        return css`\n          background-color: ${({ theme }) => theme.colors.inkBlack};\n\n          & svg {\n            color: ${({ theme }) => theme.colors.lightGrey};\n          }\n        `;\n\n      case 'tertiary':\n        return css`\n          color: ${({ theme }) => theme.colors.white}\n          border-radius: 8px;\n          padding: 12px;\n          background-color: ${({ theme }) => theme.colors.darkGrey};\n          box-shadow: 0px 0px 24px 0px #8082891a inset;\n        `;\n\n      case 'tertiary-bigger':\n        return css`\n          color: ${({ theme }) => theme.colors.white}\n          border-radius: 8px;\n          padding: 15px;\n          background-color: ${({ theme }) => theme.colors.darkGrey};\n          box-shadow: 0px 0px 24px 0px #8082891a inset;\n        `;\n    }\n  }}\n`;\n","'use client';\n\nimport { MovingBorder } from '../moving-border';\nimport type { MovingBorderProps } from '../moving-border/moving-border.types';\n\nimport { screens, styled } from '@/styles';\n\nexport const StyledThemedImage = styled.figure`\n  & img {\n    width: 100%;\n    height: 100%;\n    border-radius: 12px;\n    border: 1px solid ${({ theme }) => theme.colors.borderDark};\n  }\n`;\n\nexport const ThemedImageMovingBorder = styled(MovingBorder)<MovingBorderProps>`\n  & {\n    --border-width: 2px;\n    --radius: 8px;\n    line-height: 0;\n    width: 100%;\n    height: fit-content;\n    object-fit: cover;\n\n    @media (min-width: ${screens['lg']}) {\n      --radius: 16px;\n    }\n\n    ${({ theme, $withBorder }) =>\n      $withBorder &&\n      `\n        border: var(--border-width) solid ${theme.colors.button.border};\n    \n        &::before {\n          content: none;\n        }\n      `}\n\n    @media (hover: hover) {\n      &:hover {\n        border: var(--border-width) solid\n          ${({ $withBorder, theme }) => (!$withBorder ? 'transparent' : theme.colors.button.border)};\n      }\n    }\n\n    & img {\n      width: 100%;\n      height: 100%;\n      padding: 4px;\n      border-radius: 8px;\n      border: 1px solid linear-gradient(270deg, #ffffff -0.8%, rgba(255, 255, 255, 0) 93.82%);\n\n      @media (min-width: ${screens['lg']}) {\n        padding: 10px;\n        border-radius: 22px;\n      }\n    }\n\n    &:before {\n      background-image: conic-gradient(from var(--angle), var(--moving-border-dark));\n      animation: spin 5s linear infinite paused;\n      animation-play-state: running;\n    }\n\n    @supports not (background: paint(something)) {\n      &::before {\n        background-image: conic-gradient(from var(--angle), var(--moving-border-dark));\n      }\n    }\n  }\n`;\n","'use client';\n\nimport ExportedImage from 'next-image-export-optimizer';\nimport type { DetailedHTMLProps, ImgHTMLAttributes, RefObject } from 'react';\n\nimport { StyledThemedImage, ThemedImageMovingBorder } from './themed-image';\n\nexport interface ThemeImageProps\n  extends Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'> {\n  lightSrc: string;\n  darkSrc: string;\n  withBorderAnimation?: boolean;\n  withBorder?: boolean;\n  withoutStyles?: boolean;\n  ref?: RefObject<HTMLImageElement>;\n  height?: number;\n  width?: number;\n}\n\nexport const ThemedImage = ({\n  lightSrc,\n  darkSrc,\n  withBorderAnimation,\n  withBorder,\n  withoutStyles,\n  loading,\n  height,\n  width,\n  alt = 'image',\n  ...props\n}: ThemeImageProps) => {\n  const imageProps = {\n    priority: loading == 'eager',\n    loading: loading ?? 'lazy',\n    ...props,\n  };\n\n  const FinalImage = () => {\n    return (\n      <>\n        <ExportedImage\n          {...imageProps}\n          alt={alt}\n          height={height}\n          width={width}\n          src={lightSrc}\n          data-hide-on-theme=\"dark\"\n        />\n        <ExportedImage\n          {...imageProps}\n          alt={alt}\n          height={height}\n          width={width}\n          src={darkSrc}\n          data-hide-on-theme=\"light\"\n        />\n      </>\n    );\n  };\n\n  if (withBorderAnimation || withBorder) {\n    return (\n      <ThemedImageMovingBorder $withBorder={Boolean(withBorder)}>\n        <FinalImage />\n      </ThemedImageMovingBorder>\n    );\n  }\n\n  if (withoutStyles) {\n    return <FinalImage />;\n  }\n\n  return (\n    <StyledThemedImage>\n      <FinalImage />\n    </StyledThemedImage>\n  );\n};\n","'use client';\n\nimport { screens, styled } from '@/styles';\n\nexport const StyledLandingLayoutWrapper = styled.div`\n  min-height: fit-content;\n  height: 100vh;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  overflow-y: auto;\n\n  & main {\n    overflow: visible;\n  }\n\n  @media (min-width: ${screens['xl']}) {\n    & main {\n      flex: 1; /* Allow the main content to grow and take up remaining space */\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: 100%;\n      height: 100%;\n    }\n\n    & section:first-of-type {\n      width: 100%;\n      height: 100%;\n      display: flex;\n    }\n  }\n`;\n","'use client';\n\nimport type { CTAVariant, bgVariant } from './cta.types';\n\nimport { Container } from '@/components/elements/container';\nimport { StyledHeading } from '@/components/elements/heading/heading.styles';\nimport { StyledStack } from '@/components/elements/stack/stack.styles';\nimport { Text } from '@/components/elements/text';\nimport { StyledText } from '@/components/elements/text/text.styles';\nimport { css, screens, styled } from '@/styles';\n\nconst ctaSquareStyles = css`\n  max-width: 1344px;\n  margin: 0 auto;\n  margin: 96px auto;\n  padding-top: 64px;\n  padding-bottom: 0;\n  box-shadow: 0px 0px 24px 0px rgba(189, 195, 218, 0.1) inset;\n  border-radius: 16px;\n  background:\n    no-repeat url('/images/backgrounds/hero-lines.svg'),\n    ${({ theme }) => theme.backgroundImages.backgroundDots};\n  background-position: top -400px center;\n  margin: 32px 16px;\n  border: 1px solid ${({ theme }) => theme.colors.borderDark};\n\n  @media (min-width: ${screens['lg']}) {\n    border: 0;\n  }\n\n  @media (min-width: ${screens['lg']}) {\n    padding-top: 128px;\n    padding-bottom: 128px;\n    margin: 96px auto;\n    background-position: top -80px center;\n    /* faded look effect */\n    &::before {\n      content: '';\n      border: 1px solid ${({ theme }) => theme.colors.borderDark};\n      border-radius: 16px;\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      background-image: radial-gradient(ellipse at center, transparent 30%, ${({ theme }) => theme.colors.inkGrey});\n    }\n  }\n`;\n\nconst ctaFluidStyles = css`\n  background: no-repeat url('/images/backgrounds/hero-lines.svg');\n  background-position: top -360px center;\n\n  @media (min-width: ${screens['lg']}) {\n    background-position: top -45px center;\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n\n    box-shadow: inset 0px 11px 16px 0px ${({ theme }) => theme.colors.inkGrey};\n  }\n`;\n\nconst handleBackgroundVariant = (variant: bgVariant) => {\n  switch (variant) {\n    case 'left-bottom-to-top-right':\n      return css`\n        background:\n          no-repeat url(/images/backgrounds/hero-lines-2.svg),\n          var(--background-dots);\n        background-position: center top -388px;\n      `;\n    case 'rigth-bottom-to-top-left':\n      return css`\n        background:\n          no-repeat url(/images/backgrounds/hero-lines-4.svg),\n          var(--background-dots);\n        background-position: center top -340px;\n      `;\n\n    case 'left-top-to-bottom-right':\n      return css`\n        background:\n          no-repeat url(/images/backgrounds/hero-lines-3.svg),\n          var(--background-dots);\n        background-position: center top -310px;\n      `;\n\n    default:\n      return css`\n        background:\n          no-repeat url('/images/backgrounds/hero-lines.svg'),\n          var(--background-dots);\n        background-position: top -35px center;\n\n        @media (max-width: ${screens['md']}) {\n          background-position: top -317px center;\n        }\n      `;\n  }\n};\n\nconst ctaHeroStyles = css<{ $variant: CTAVariant; $bgVariant: bgVariant }>`\n  box-shadow: ${({ theme }) => theme.shadow.hero};\n\n  @media (min-width: ${screens['md']}) {\n    ${({ $bgVariant }) => handleBackgroundVariant($bgVariant)};\n\n    /* faded look effect */\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      background-image: radial-gradient(ellipse at center, transparent 60%, ${({ theme }) => theme.colors.inkGrey});\n    }\n  }\n`;\n\nconst ctaNarrowStyles = css<{ $variant: CTAVariant; $bgVariant: bgVariant }>`\n  ${ctaHeroStyles}\n\n  &&& div[data-container=\"true\"] {\n    max-width: 657px;\n  }\n`;\n\nexport const StyledHeroWrapper = styled.section<{\n  $variant: CTAVariant;\n  $bgVariant: bgVariant;\n  $footerClose: boolean;\n}>`\n  position: relative;\n  padding-top: 32px;\n  padding-bottom: 64px;\n  text-align: center;\n\n  ${({ $variant }) => $variant === 'cta-square' && ctaSquareStyles};\n  ${({ $variant }) => $variant === 'cta-hero' && ctaHeroStyles};\n  ${({ $variant }) => $variant === 'cta-narrow' && ctaNarrowStyles};\n  ${({ $variant }) => $variant === 'cta-fluid' && ctaFluidStyles};\n\n  @media (min-width: ${screens['lg']}) {\n    padding-top: 96px;\n\n    ${({ $footerClose }) => {\n      return $footerClose\n        ? `\n        padding-bottom: 128px;\n        margin-bottom: -64px;\n      `\n        : `\n        padding-bottom: 64px;\n      `;\n    }}\n  }\n`;\n\nexport const StyledContainer = styled(Container)`\n  &&& {\n    max-width: 1280px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    @media (min-width: ${screens['xl']}) {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    & ${StyledHeading} {\n      max-width: 360px;\n      line-height: 115%;\n      padding-top: 11px;\n\n      @media (min-width: ${screens['md']}) {\n        max-width: 1115px;\n      }\n    }\n\n    & ${StyledText} {\n      margin: 0 auto;\n    }\n\n    & ${StyledStack} {\n      align-items: center;\n    }\n  }\n`;\n\nexport const StyledExcerpt = styled(Text)<{ $isLargeText?: boolean }>`\n  &&& {\n    ${({ $isLargeText }) =>\n      $isLargeText &&\n      css`\n        max-width: 343px;\n\n        @media (min-width: ${screens['lg']}) {\n          max-width: 659px;\n          text-shadow: var(--ink-grey) 0 0 20px, var(--ink-grey) 1px 1px 1px;\n        }\n      `};\n  }\n`;\n\nexport const StyledCTAWrapper = styled.div<{ $isLargeText: boolean }>`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 32px;\n  margin-top: 32px;\n  margin-bottom: 32px;\n\n  @media (min-width: ${screens['lg']}) {\n    flex-direction: row;\n    margin-bottom: 64px;\n    width: fit-content;\n  }\n`;\n"],"names":["Section","children","className","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","StyledSection","styled","section","_templateObject","screens","SquareIconSizes","mini","small","medium","large","xLarge","StyledSquareIcon","div","_templateObject5","theme","colors","button","border","$size","$variant","css","inkBlack","electricBlue","inkGrey","lightGrey","white","darkGrey","StyledThemedImage","figure","borderDark","ThemedImageMovingBorder","MovingBorder","$withBorder","concat","ThemedImage","lightSrc","darkSrc","withBorderAnimation","withBorder","withoutStyles","loading","height","width","alt","props","imageProps","priority","FinalImage","jsx_runtime","jsxs","Fragment","ExportedImage","src","data-hide-on-theme","Boolean","StyledLandingLayoutWrapper","ctaSquareStyles","backgroundImages","backgroundDots","ctaFluidStyles","handleBackgroundVariant","variant","ctaHeroStyles","shadow","hero","$bgVariant","ctaNarrowStyles","StyledHeroWrapper","_templateObject8","$footerClose","StyledContainer","Container","StyledHeading","StyledText","StyledStack","StyledExcerpt","Text","$isLargeText","StyledCTAWrapper","_templateObject12"],"sourceRoot":""}