{"version":3,"file":"static/chunks/1397.e4bcc87af909b9ba.js","mappings":"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","sources":["webpack://_N_E/./node_modules/@mui/system/esm/createBox.js","webpack://_N_E/./node_modules/@mui/material/Box/Box.js","webpack://_N_E/./node_modules/@mui/material/Box/boxClasses.js","webpack://_N_E/./node_modules/@mui/material/Typography/Typography.js","webpack://_N_E/./node_modules/@mui/material/Typography/typographyClasses.js","webpack://_N_E/./node_modules/@mui/system/esm/useTheme.js","webpack://_N_E/./node_modules/@mui/system/esm/useThemeWithoutDefault.js","webpack://_N_E/./src/common/components/UI/Container/style.js","webpack://_N_E/./src/common/components/UI/Container/index.js","webpack://_N_E/./src/containers/SaasModern/CustomerUseCases/CustomerUseCase.style.js","webpack://_N_E/./src/containers/SaasModern/CustomerUseCases/index.js","webpack://_N_E/./src/slices/CustomerUseCases/index.js","webpack://_N_E/./node_modules/@mui/system/node_modules/clsx/dist/clsx.mjs","webpack://_N_E/./node_modules/@swc/helpers/esm/_tagged_template_literal.js"],"sourcesContent":["'use client';\n\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nconst _excluded = [\"className\", \"component\"];\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport styled from '@mui/styled-engine';\nimport styleFunctionSx, { extendSxProp } from './styleFunctionSx';\nimport useTheme from './useTheme';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function createBox(options = {}) {\n  const {\n    themeId,\n    defaultTheme,\n    defaultClassName = 'MuiBox-root',\n    generateClassName\n  } = options;\n  const BoxRoot = styled('div', {\n    shouldForwardProp: prop => prop !== 'theme' && prop !== 'sx' && prop !== 'as'\n  })(styleFunctionSx);\n  const Box = /*#__PURE__*/React.forwardRef(function Box(inProps, ref) {\n    const theme = useTheme(defaultTheme);\n    const _extendSxProp = extendSxProp(inProps),\n      {\n        className,\n        component = 'div'\n      } = _extendSxProp,\n      other = _objectWithoutPropertiesLoose(_extendSxProp, _excluded);\n    return /*#__PURE__*/_jsx(BoxRoot, _extends({\n      as: component,\n      ref: ref,\n      className: clsx(className, generateClassName ? generateClassName(defaultClassName) : defaultClassName),\n      theme: themeId ? theme[themeId] || theme : theme\n    }, other));\n  });\n  return Box;\n}","'use client';\n\nimport { createBox } from '@mui/system';\nimport PropTypes from 'prop-types';\nimport { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';\nimport { createTheme } from '../styles';\nimport THEME_ID from '../styles/identifier';\nimport boxClasses from './boxClasses';\nconst defaultTheme = createTheme();\nconst Box = createBox({\n  themeId: THEME_ID,\n  defaultTheme,\n  defaultClassName: boxClasses.root,\n  generateClassName: ClassNameGenerator.generate\n});\nprocess.env.NODE_ENV !== \"production\" ? Box.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * @ignore\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n} : void 0;\nexport default Box;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nconst boxClasses = generateUtilityClasses('MuiBox', ['root']);\nexport default boxClasses;","'use client';\n\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nconst _excluded = [\"align\", \"className\", \"component\", \"gutterBottom\", \"noWrap\", \"paragraph\", \"variant\", \"variantMapping\"];\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport { extendSxProp } from '@mui/system/styleFunctionSx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport styled from '../styles/styled';\nimport { useDefaultProps } from '../DefaultPropsProvider';\nimport capitalize from '../utils/capitalize';\nimport { getTypographyUtilityClass } from './typographyClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    align,\n    gutterBottom,\n    noWrap,\n    paragraph,\n    variant,\n    classes\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, ownerState.align !== 'inherit' && `align${capitalize(align)}`, gutterBottom && 'gutterBottom', noWrap && 'noWrap', paragraph && 'paragraph']\n  };\n  return composeClasses(slots, getTypographyUtilityClass, classes);\n};\nexport const TypographyRoot = styled('span', {\n  name: 'MuiTypography',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.variant && styles[ownerState.variant], ownerState.align !== 'inherit' && styles[`align${capitalize(ownerState.align)}`], ownerState.noWrap && styles.noWrap, ownerState.gutterBottom && styles.gutterBottom, ownerState.paragraph && styles.paragraph];\n  }\n})(({\n  theme,\n  ownerState\n}) => _extends({\n  margin: 0\n}, ownerState.variant === 'inherit' && {\n  // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.\n  font: 'inherit'\n}, ownerState.variant !== 'inherit' && theme.typography[ownerState.variant], ownerState.align !== 'inherit' && {\n  textAlign: ownerState.align\n}, ownerState.noWrap && {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap'\n}, ownerState.gutterBottom && {\n  marginBottom: '0.35em'\n}, ownerState.paragraph && {\n  marginBottom: 16\n}));\nconst defaultVariantMapping = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  h6: 'h6',\n  subtitle1: 'h6',\n  subtitle2: 'h6',\n  body1: 'p',\n  body2: 'p',\n  inherit: 'p'\n};\n\n// TODO v6: deprecate these color values in v5.x and remove the transformation in v6\nconst colorTransformations = {\n  primary: 'primary.main',\n  textPrimary: 'text.primary',\n  secondary: 'secondary.main',\n  textSecondary: 'text.secondary',\n  error: 'error.main'\n};\nconst transformDeprecatedColors = color => {\n  return colorTransformations[color] || color;\n};\nconst Typography = /*#__PURE__*/React.forwardRef(function Typography(inProps, ref) {\n  const themeProps = useDefaultProps({\n    props: inProps,\n    name: 'MuiTypography'\n  });\n  const color = transformDeprecatedColors(themeProps.color);\n  const props = extendSxProp(_extends({}, themeProps, {\n    color\n  }));\n  const {\n      align = 'inherit',\n      className,\n      component,\n      gutterBottom = false,\n      noWrap = false,\n      paragraph = false,\n      variant = 'body1',\n      variantMapping = defaultVariantMapping\n    } = props,\n    other = _objectWithoutPropertiesLoose(props, _excluded);\n  const ownerState = _extends({}, props, {\n    align,\n    color,\n    className,\n    component,\n    gutterBottom,\n    noWrap,\n    paragraph,\n    variant,\n    variantMapping\n  });\n  const Component = component || (paragraph ? 'p' : variantMapping[variant] || defaultVariantMapping[variant]) || 'span';\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(TypographyRoot, _extends({\n    as: Component,\n    ref: ref,\n    ownerState: ownerState,\n    className: clsx(classes.root, className)\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? Typography.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * Set the text-align on the component.\n   * @default 'inherit'\n   */\n  align: PropTypes.oneOf(['center', 'inherit', 'justify', 'left', 'right']),\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * If `true`, the text will have a bottom margin.\n   * @default false\n   */\n  gutterBottom: PropTypes.bool,\n  /**\n   * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.\n   *\n   * Note that text overflow can only happen with block or inline-block level elements\n   * (the element needs to have a width in order to overflow).\n   * @default false\n   */\n  noWrap: PropTypes.bool,\n  /**\n   * If `true`, the element will be a paragraph element.\n   * @default false\n   */\n  paragraph: PropTypes.bool,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * Applies the theme typography styles.\n   * @default 'body1'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['body1', 'body2', 'button', 'caption', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'inherit', 'overline', 'subtitle1', 'subtitle2']), PropTypes.string]),\n  /**\n   * The component maps the variant prop to a range of different HTML element types.\n   * For instance, subtitle1 to `<h6>`.\n   * If you wish to change that mapping, you can provide your own.\n   * Alternatively, you can use the `component` prop.\n   * @default {\n   *   h1: 'h1',\n   *   h2: 'h2',\n   *   h3: 'h3',\n   *   h4: 'h4',\n   *   h5: 'h5',\n   *   h6: 'h6',\n   *   subtitle1: 'h6',\n   *   subtitle2: 'h6',\n   *   body1: 'p',\n   *   body2: 'p',\n   *   inherit: 'p',\n   * }\n   */\n  variantMapping: PropTypes /* @typescript-to-proptypes-ignore */.object\n} : void 0;\nexport default Typography;","import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getTypographyUtilityClass(slot) {\n  return generateUtilityClass('MuiTypography', slot);\n}\nconst typographyClasses = generateUtilityClasses('MuiTypography', ['root', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'subtitle1', 'subtitle2', 'body1', 'body2', 'inherit', 'button', 'caption', 'overline', 'alignLeft', 'alignRight', 'alignCenter', 'alignJustify', 'noWrap', 'gutterBottom', 'paragraph']);\nexport default typographyClasses;","'use client';\n\nimport createTheme from './createTheme';\nimport useThemeWithoutDefault from './useThemeWithoutDefault';\nexport const systemDefaultTheme = createTheme();\nfunction useTheme(defaultTheme = systemDefaultTheme) {\n  return useThemeWithoutDefault(defaultTheme);\n}\nexport default useTheme;","'use client';\n\nimport * as React from 'react';\nimport { ThemeContext } from '@mui/styled-engine';\nfunction isObjectEmpty(obj) {\n  return Object.keys(obj).length === 0;\n}\nfunction useTheme(defaultTheme = null) {\n  const contextTheme = React.useContext(ThemeContext);\n  return !contextTheme || isObjectEmpty(contextTheme) ? defaultTheme : contextTheme;\n}\nexport default useTheme;","import styled, { css } from 'styled-components'\n\nconst ContainerWrapper = styled.div`\n  margin-left: auto;\n  margin-right: auto;\n  ${(props) =>\n    props.fullWidth &&\n    css`\n      width: 100%;\n      max-width: none !important;\n    `};\n  ${(props) =>\n    (props.noGutter &&\n      css`\n        padding-left: 0;\n        padding-right: 0;\n      `) ||\n    css`\n      padding-left: 30px;\n      padding-right: 30px;\n    `};\n  @media (min-width: 768px) {\n    max-width: 750px;\n    width: 100%;\n  }\n  @media (min-width: 992px) {\n    max-width: 970px;\n    width: 100%;\n  }\n  @media (min-width: 1220px) {\n    max-width: ${(props) => props.width || '1170px'};\n    width: 100%;\n  }\n  @media (min-width: 1400px) {\n    max-width: ${(props) => props.width || '1360px'};\n    width: 100%;\n  }\n  @media (max-width: 768px) {\n    ${(props) =>\n      props.mobileGutter &&\n      css`\n        padding-left: 30px;\n        padding-right: 30px;\n      `};\n  }\n`\n\nexport default ContainerWrapper\n","import React from 'react'\nimport ContainerWrapper from './style'\n\nconst Container = ({\n  children,\n  className,\n  fullWidth,\n  noGutter,\n  mobileGutter,\n  width,\n}) => {\n  // Add all classs to an array\n  const addAllClasses = ['container']\n  // className prop checking\n  if (className) {\n    addAllClasses.push(className)\n  }\n\n  return (\n    <ContainerWrapper\n      className={addAllClasses.join(' ')}\n      fullWidth={fullWidth}\n      noGutter={noGutter}\n      width={width}\n      mobileGutter={mobileGutter}\n    >\n      {children}\n    </ContainerWrapper>\n  )\n}\n\nexport default Container\n","import styled from 'styled-components';\nimport { saasModernTheme } from 'common/theme/saasModern';\nimport { Box, Typography } from '@mui/material';\n\nexport const UseCaseWrapper = styled.div`\n  padding: ${saasModernTheme.space[4]}px;\n  background-color: ${saasModernTheme.colors.background};\n`;\n\nexport const UseCaseHeader = styled.header`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  width: 100%;\n  margin-bottom: ${saasModernTheme.space[5]}px;\n`;\nexport const HeadlineStyle = styled(Typography)`\n  text-align: center;\n  margin-top: 80px;\n  font-size: 48px;\n  font-family: ${saasModernTheme.fontFamily};\n  font-weight: 900;\n  color: var(--Text-Primary, #111927);\n\n  strong {\n    background: ${saasModernTheme.customColor.backgroundTextGradient};\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n  @media screen and(max-width: 950px) {\n    font-size: 38px;\n  }\n  @media screen and (max-width: 600px) {\n    font-size: 30px;\n  }\n`;\n\nexport const Subtitle = styled.p`\n  color: var(--Text-Secondary, #636f81);\n  font-family: 'Roboto', sans-serif;\n  font-size: 1.25rem;\n  font-weight: 400;\n  line-height: 1.5;\n`;\n\nexport const CategoriesWrapper = styled.div`\n  display: flex;\n  gap: 18px;\n  align-items: center;\n  flex-wrap: nowrap;\n  justify-content: center;\n  margin-bottom: ${saasModernTheme.space[4]}px;\n  width: 100%;\n\n  @media screen and (max-width: 1400px) {\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 16px;\n  }\n\n  @media screen and (max-width: 600px) {\n    flex-direction: column;\n    gap: 16px;\n    align-items: stretch;\n  }\n`;\n\nexport const CategoryButton = styled.button`\n  padding: 8px 12px;\n  border-radius: 20px;\n  min-width: 120px;\n  border: none;\n  font-family: 'Roboto', sans-serif;\n  cursor: pointer;\n  background-color: ${(props) =>\n    props.active\n      ? 'var(--Background-Default, #111927)'\n      : 'var(--Action-Selected, rgba(145, 155, 171, 0.16))'};\n  color: ${(props) => (props.active ? '#FFF' : '#000')};\n  transition: all 0.3s ease;\n\n  &:hover {\n    box-shadow: ${saasModernTheme.gradiantShadow};\n    border: 2px solid ${saasModernTheme.customColor.gradiantColor};\n    background-color: var(--Action-Selected, rgba(145, 155, 171, 0.16));\n    color: #000;\n  }\n`;\n\nexport const ContainerUseCase = styled(Box)`\n  display: flex;\n  margin: 0 auto;\n  gap: 180px;\n  width: 100%;\n`;\n\nexport const StyledContainer = styled(Box)`\n  width: 90%;\n  background-color: #ffffff;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  margin: 0 auto;\n  border-radius: 16px;\n  padding: 50px;\n  box-shadow: ${saasModernTheme.gradiantShadow};\n  display: flex;\n  @media screen and (max-width: 600px) {\n    padding: 20px;\n  }\n`;\n\nexport const ContentWrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 50px;\n  gap: 50px;\n`;\n\nexport const ContentLeft = styled.div`\n  display: flex;\n  align-items: center;\n  width: 50%;\n  justify-content: center;\n  @media screen and (max-width: 950px) {\n    width: 100%;\n  }\n`;\n\nexport const ImageWrapper = styled.div`\n  width: 400px;\n  height: 400px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  border-radius: 10px;\n\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  @media screen and (max-width: 950px) {\n    width: 90%;\n    height: auto;\n  }\n`;\n\nexport const ContentRight = styled.div`\n  flex: 1;\n  width: 50%;\n`;\n\nexport const SectionTitle = styled.h3`\n  font-weight: bold;\n  margin-bottom: ${saasModernTheme.space[2]}px;\n  color: var(--Text-Primary, #111927);\n  font-family: ${saasModernTheme.fontFamily};\n  font-size: 1.5rem;\n\n  strong {\n    background: ${saasModernTheme.customColor.gradiantColor};\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    display: inline;=\n  }\n`;\n\nexport const Description = styled.div`\n  margin-bottom: ${saasModernTheme.space[2]}px;\n  font-family: ${saasModernTheme.fontFamily};\n  color: var(--Text-Secondary, #636f81);\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 140%;\n  letter-spacing: -0.32px;\n\n  ul {\n    list-style-type: none;\n    padding-left: 0;\n  }\n\n  li {\n    position: relative;\n    padding-left: 30px;\n    margin-bottom: 12px;\n\n    &:before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 20px;\n      height: 20px;\n      background-color: #ff4d4d;\n      border-radius: 50%;\n      background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"></polyline></svg>');\n      background-repeat: no-repeat;\n      background-position: center;\n      background-size: 12px;\n    }\n  }\n`;\n\nexport const BenefitsList = styled.ul`\n  list-style-type: none;\n  padding: 0;\n  margin-bottom: ${saasModernTheme.space[3]}px;\n\n  li {\n    margin-bottom: ${saasModernTheme.space[1]}px;\n    &::before {\n      content: '✓';\n      color: ${saasModernTheme.colors.success};\n      margin-right: ${saasModernTheme.space[1]}px;\n    }\n  }\n`;\n\nexport const Button = styled.button`\n  background-color: ${saasModernTheme.defaultBackgroundColor};\n  color: ${saasModernTheme.colors.white};\n  padding: ${saasModernTheme.space[2]}px ${saasModernTheme.space[3]}px;\n  border: none;\n  border-radius: 12px;\n  cursor: pointer;\n  font-weight: bold;\n\n  &:hover {\n    background-color: ${saasModernTheme.customColor.gradiantColor};\n  }\n`;\n\nexport const BtnCTA = styled.button`\n  border-radius: 12px;\n  border: none;\n  background: ${saasModernTheme.defaultBackgroundColor};\n  color: white;\n  padding: 12px 16px;\n  font-family: ${saasModernTheme.fontFamily};\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n\n  &:hover {\n    background: ${saasModernTheme.customColor.gradiantColor};\n  }\n`;\n\nexport const StyledLink = styled.a`\n  text-decoration: none !important;\n  color: inherit;\n  display: inline-block;\n`;\n","import React, { useState } from 'react';\nimport {\n  UseCaseWrapper,\n  UseCaseHeader,\n  Subtitle,\n  CategoriesWrapper,\n  CategoryButton,\n  ContainerUseCase,\n  ContentWrapper,\n  ContentLeft,\n  ContentRight,\n  SectionTitle,\n  Description,\n  BtnCTA,\n  StyledContainer,\n  HeadlineStyle,\n  ImageWrapper,\n  StyledLink,\n} from './CustomerUseCase.style';\nimport { PrismicRichText } from '@prismicio/react';\nimport Container from 'common/components/UI/Container';\nimport Image from 'next/image';\nimport Link from 'next/link';\n\nconst CustomerUseCase = ({ slice }) => {\n  const { primary = {}, items = [] } = slice || {};\n  const [activeIndex, setActiveIndex] = useState(0);\n\n  const handleCategoryClick = (index) => {\n    setActiveIndex(index);\n  };\n\n  const activeItem = items[activeIndex] || {};\n  return (\n    <Container>\n      <UseCaseWrapper>\n        <UseCaseHeader>\n          <PrismicRichText\n            field={primary.headline}\n            components={{\n              paragraph: ({ children }) => (\n                <HeadlineStyle variant=\"h2\">{children}</HeadlineStyle>\n              ),\n            }}\n          />\n          <Subtitle>{primary.description}</Subtitle>\n        </UseCaseHeader>\n        <StyledContainer>\n          <ContainerUseCase>\n            <CategoriesWrapper>\n              {items.map((item, index) => (\n                <CategoryButton\n                  key={index}\n                  active={index === activeIndex}\n                  onClick={() => handleCategoryClick(index)}\n                >\n                  {item.label}\n                </CategoryButton>\n              ))}\n            </CategoriesWrapper>\n          </ContainerUseCase>\n\n          <ContentWrapper>\n            <ContentLeft>\n              {activeItem.image && activeItem.image.url && (\n                <ImageWrapper>\n                  <Image\n                    src={activeItem.image.url}\n                    alt={\n                      activeItem.image.alt || `Image for ${activeItem.label}`\n                    }\n                    width={400}\n                    height={400}\n                    style={{ objectFit: 'contain' }}\n                    layout=\"responsive\"\n                  />\n                </ImageWrapper>\n              )}\n            </ContentLeft>\n            <ContentRight>\n              <SectionTitle>\n                <PrismicRichText field={activeItem.title} />\n              </SectionTitle>\n              <Description>\n                <PrismicRichText field={activeItem.description} />\n              </Description>\n              <Link href=\"https://app.swiftask.ai\" passHref legacyBehavior>\n                <StyledLink target=\"_blank\" rel=\"noopener noreferrer\">\n                  <BtnCTA>{activeItem.cta_text}</BtnCTA>\n                </StyledLink>\n              </Link>\n            </ContentRight>\n          </ContentWrapper>\n        </StyledContainer>\n      </UseCaseWrapper>\n    </Container>\n  );\n};\n\nexport default CustomerUseCase;\n","import CustomerUseCaseSection from \"containers/SaasModern/CustomerUseCases\";\n\n/**\n * @typedef {import(\"@prismicio/client\").Content.CustomerUseCasesSlice} CustomerUseCasesSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<CustomerUseCasesSlice>} CustomerUseCasesProps\n * @param {CustomerUseCasesProps}\n */\nconst CustomerUseCases = ({ slice }) => {\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n    >\n      <CustomerUseCaseSection slice={slice} />\n    </section>\n  );\n};\n\nexport default CustomerUseCases;\n","function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","export function _tagged_template_literal(strings, raw) {\n    if (!raw) raw = strings.slice(0);\n\n    return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } }));\n}\nexport { _tagged_template_literal as _ };\n"],"names":["_excluded","defaultTheme","createTheme","Box","options","themeId","defaultClassName","generateClassName","BoxRoot","shouldForwardProp","prop","styleFunctionSx","inProps","ref","theme","useTheme","_extendSxProp","extendSxProp","className","component","other","as","clsx","createBox","boxClasses","root","ClassNameGenerator","generate","TypographyRoot","name","slot","overridesResolver","props","styles","ownerState","variant","align","noWrap","gutterBottom","paragraph","margin","font","typography","textAlign","overflow","textOverflow","whiteSpace","marginBottom","defaultVariantMapping","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","colorTransformations","primary","textPrimary","secondary","textSecondary","error","Typography","themeProps","color","transformDeprecatedColors","variantMapping","Component","classes","slots","useUtilityClasses","getTypographyUtilityClass","typographyClasses","systemDefaultTheme","contextTheme","T","obj","Object","keys","length","styled","div","fullWidth","css","noGutter","width","mobileGutter","children","addAllClasses","push","ContainerWrapper","join","UseCaseWrapper","saasModernTheme","space","colors","background","UseCaseHeader","header","HeadlineStyle","fontFamily","customColor","backgroundTextGradient","Subtitle","p","CategoriesWrapper","CategoryButton","button","active","gradiantShadow","gradiantColor","ContainerUseCase","StyledContainer","ContentWrapper","ContentLeft","ImageWrapper","ContentRight","SectionTitle","Description","BtnCTA","ul","success","defaultBackgroundColor","white","StyledLink","a","slice","items","activeIndex","setActiveIndex","useState","activeItem","Container","PrismicRichText","field","headline","components","description","map","item","index","onClick","handleCategoryClick","label","image","url","Image","src","alt","height","style","objectFit","layout","title","Link","href","passHref","legacyBehavior","target","rel","cta_text","section","data-slice-type","slice_type","data-slice-variation","variation","CustomerUseCaseSection","r","e","t","f","n","Array","isArray","o","arguments","_tagged_template_literal","strings","raw","freeze","defineProperties","value"],"sourceRoot":""}