{"version":3,"file":"static/chunks/2203.a2a4c988dd2a7c25.js","mappings":"gOAIA,MAAMA,EAAY,CAAC,QAAS,YAAa,YAAa,eAAgB,SAAU,YAAa,UAAW,kBAyB3FC,GAAiB,QAAO,OAAQ,CAC3CC,KAAM,gBACNC,KAAM,OACNC,kBAAmB,CAACC,EAAOC,KACzB,MAAM,WACJC,GACEF,EACJ,MAAO,CAACC,EAAOE,KAAMD,EAAWE,SAAWH,EAAOC,EAAWE,SAA+B,YAArBF,EAAWG,OAAuBJ,EAAO,SAAQ,OAAWC,EAAWG,UAAWH,EAAWI,QAAUL,EAAOK,OAAQJ,EAAWK,cAAgBN,EAAOM,aAAcL,EAAWM,WAAaP,EAAOO,UAAU,GAP5P,EAS3B,EACDC,QACAP,iBACI,OAAS,CACbQ,OAAQ,GACgB,YAAvBR,EAAWE,SAAyB,CAErCO,KAAM,WACkB,YAAvBT,EAAWE,SAAyBK,EAAMG,WAAWV,EAAWE,SAA+B,YAArBF,EAAWG,OAAuB,CAC7GQ,UAAWX,EAAWG,OACrBH,EAAWI,QAAU,CACtBQ,SAAU,SACVC,aAAc,WACdC,WAAY,UACXd,EAAWK,cAAgB,CAC5BU,aAAc,UACbf,EAAWM,WAAa,CACzBS,aAAc,OAEVC,EAAwB,CAC5BC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,UAAW,KACXC,UAAW,KACXC,MAAO,IACPC,MAAO,IACPC,QAAS,KAILC,EAAuB,CAC3BC,QAAS,eACTC,YAAa,eACbC,UAAW,iBACXC,cAAe,iBACfC,MAAO,cAKHC,EAA0B,cAAiB,SAAoBC,EAASC,GAC5E,MAAMC,GAAa,OAAgB,CACjCvC,MAAOqC,EACPxC,KAAM,kBAEF2C,EAR0BA,IACzBV,EAAqBU,IAAUA,EAOxBC,CAA0BF,EAAWC,OAC7CxC,GAAQ,QAAa,OAAS,CAAC,EAAGuC,EAAY,CAClDC,YAEI,MACFnC,EAAQ,UAAS,UACjBqC,EAAS,UACTC,EAAS,aACTpC,GAAe,EAAK,OACpBD,GAAS,EAAK,UACdE,GAAY,EAAK,QACjBJ,EAAU,QAAO,eACjBwC,EAAiB1B,GACflB,EACJ6C,GAAQ,OAA8B7C,EAAOL,GACzCO,GAAa,OAAS,CAAC,EAAGF,EAAO,CACrCK,QACAmC,QACAE,YACAC,YACApC,eACAD,SACAE,YACAJ,UACAwC,mBAEIE,EAAYH,IAAcnC,EAAY,IAAMoC,EAAexC,IAAYc,EAAsBd,KAAa,OAC1G2C,EAnGkB7C,KACxB,MAAM,MACJG,EAAK,aACLE,EAAY,OACZD,EAAM,UACNE,EAAS,QACTJ,EAAO,QACP2C,GACE7C,EACE8C,EAAQ,CACZ7C,KAAM,CAAC,OAAQC,EAA8B,YAArBF,EAAWG,OAAuB,SAAQ,OAAWA,KAAUE,GAAgB,eAAgBD,GAAU,SAAUE,GAAa,cAE1J,OAAO,OAAewC,EAAO,IAA2BD,EAAQ,EAuFhDE,CAAkB/C,GAClC,OAAoB,SAAKN,GAAgB,OAAS,CAChDsD,GAAIJ,EACJR,IAAKA,EACLpC,WAAYA,EACZwC,WAAW,OAAKK,EAAQ5C,KAAMuC,IAC7BG,GACL,IA4EA,K,iFCnMO,SAASM,EAA0BrD,GACxC,OAAO,QAAqB,gBAAiBA,EAC/C,CACA,MAAMsD,GAAoB,OAAuB,gBAAiB,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,KAAM,KAAM,YAAa,YAAa,QAAS,QAAS,UAAW,SAAU,UAAW,WAAY,YAAa,aAAc,cAAe,eAAgB,SAAU,eAAgB,cAC3R,K,8kCCyCA,MA7CyBC,EAAAA,GAAOC,IAAG,KAG9BtD,GACDA,EAAMuD,YACNC,EAAAA,EAAAA,IAAGA,OAIFxD,GACD,EAAOyD,WACLD,EAAAA,EAAAA,IAAGA,OAILA,EAAAA,EAAAA,IAAGA,OAaWxD,GAAUA,EAAM0D,OAAS,WAIzB1D,GAAUA,EAAM0D,OAAS,WAIpC1D,GACDA,EAAM2D,eACNH,EAAAA,EAAAA,IAAGA,OCTT,MA5BmB,I,IAAA,SACjBI,EAAQ,UACRlB,EAAS,UACTa,EAAS,SACTE,EAAQ,aACRE,EAAY,MACZD,GACD,EAEC,MAAMG,EAAgB,CAAC,aAMvB,OAJInB,GACFmB,EAAcC,KAAKpB,IAInB,SAACqB,EAAgBA,CACfrB,UAAWmB,EAAcG,KAAK,KAC9BT,UAAWA,EACXE,SAAUA,EACVC,MAAOA,EACPC,aAAcA,E,SAEbC,G,ozHCtBA,MAAMK,GAAcZ,EAAAA,EAAAA,IAAOjB,EAAAA,EAAPiB,CAAiBjB,IAC3B8B,EAAAA,EAAgBC,WAMfD,EAAAA,EAAgBE,YAAYC,wBAYjCC,EAAkBjB,EAAAA,GAAOC,IAAG,IAGzBY,EAAAA,EAAgBK,gBAanBC,EAAkBnB,EAAAA,GAAOoB,KAAI,KAQ7BC,EAAarB,EAAAA,GAAOC,IAAG,KAMvBqB,EAAatB,EAAAA,GAAOhC,GAAE,IAClB6C,EAAAA,EAAgBC,YAUpBS,EAAavB,EAAAA,GAAOwB,KAAI,IAGpBX,EAAAA,EAAgBC,YAKpBW,EAAczB,EAAAA,GAAOC,IAAG,KAgBxByB,EAAwB1B,EAAAA,GAAO2B,WAAU,IAErCd,EAAAA,EAAgBC,YAepBc,EAAmB5B,EAAAA,GAAO6B,OAAM,IAE7BhB,EAAAA,EAAgBiB,MAAM,GACnBjB,EAAAA,EAAgBiB,MAAM,KAG5BC,EAAyB/B,EAAAA,GAAOgC,EAAC,IAG7BnB,EAAAA,EAAgBC,YAkBpBmB,GAXqBjC,EAAAA,GAAOC,IAAG,KAWnBD,EAAAA,GAAOkC,OAAM,MA4BzBC,EAAwBnC,EAAAA,GAAOC,IAAG,K,mCCvB/C,MAtH4B,I,IAAA,MAAEmC,GAAO,EACnC,MAAOC,EAAcC,IAAmBC,EAAAA,EAAAA,UAAS,IAC1CC,EAAUC,IAAeF,EAAAA,EAAAA,WAAS,GACnCG,EAAeN,EAAMO,OAAS,GAC9BC,EAAoBF,EAAaG,OAEjCC,EAAiBF,EAAoB,GAE3CG,EAAAA,EAAAA,YAAU,KACR,MAAMC,EAAe,KACnBP,EAAYQ,OAAOC,WAAa,IAAI,EAMtC,OAHAF,IACAC,OAAOE,iBAAiB,SAAUH,GAE3B,IAAMC,OAAOG,oBAAoB,SAAUJ,EAAa,GAC9D,IAkCH,OAZAD,EAAAA,EAAAA,YAAU,KACR,GAAIH,EAAoB,EAAG,CACzB,MAAMS,EAAaC,aAAY,KAC7BhB,GACGiB,IACEA,EAAY,EAAIX,GAAqBA,GAAAA,GAEzC,KACH,MAAO,IAAMY,cAAcH,EAC7B,IACC,CAACT,IAECF,EAAaG,QAGhB,UAACY,EAAAA,EAASA,C,WACR,UAAC7B,EAAgBA,C,WACf,SAAC8B,EAAAA,EAAeA,CACdC,MAAOvB,EAAM1D,QAAQkF,MACrBC,WAAY,CACV1G,UAAY,I,IAAA,SAAEoD,GAAU,E,OACtB,SAACK,EAAWA,CAAC7D,QAAQ,K,SAAMwD,G,MAKjC,SAACwB,EAAsBA,C,SACpBK,EAAM1D,QAAQoF,kBAInB,UAAC3B,EAAqBA,C,UACnBW,IACC,SAACb,EAASA,CAAC5C,UAAU,OAAO0E,QAjDlB,KAChBzB,GACGiB,IAAeA,EAAY,EAAIX,GAAqBA,GAAAA,E,SA+CD,OAKlD,SAAC3C,MAAAA,CAAIZ,UAAU,uB,SAhDK,MACxB,MAAM2E,EAAU,GACVC,EAAQzB,EAAW,EAAI,EAE7B,IAAK,IAAI0B,EAAI,EAAGA,EAAID,EAAOC,IACzBF,EAAQvD,MAAM4B,EAAe6B,GAAKtB,GAEpC,OAAOoB,CAAO,EA0CPG,GAAoBC,KAAKC,IACxB,UAACpD,EAAeA,C,WACd,UAACE,EAAeA,C,WACd,SAACM,EAAWA,C,SACTiB,EAAa2B,GAAOC,YACnB5B,EAAa2B,GAAOC,WAAWC,MAC7B,SAACC,IAAKA,CACJC,IAAK/B,EAAa2B,GAAOC,WAAWC,IACpCG,IAAKhC,EAAa2B,GAAOM,WAAa,GACtCtE,MAAO,IACPuE,OAAQ,IACRC,MAAO,CAAEC,UAAW,WACpBC,OAAO,kBAIf,UAAC1D,EAAUA,C,WACT,SAACC,EAAUA,C,SAAEoB,EAAa2B,GAAOM,aACjC,SAACpD,EAAUA,C,SAAEmB,EAAa2B,GAAOW,mBAGrC,SAACtD,EAAqBA,C,UACpB,SAACgC,EAAAA,EAAeA,CACdC,MAAOjB,EAAa2B,GAAOY,0BAtBXZ,OA6BzBvB,IACC,SAACb,EAASA,CAAC5C,UAAU,OAAO0E,QA1FlB,KAChBzB,GAAiBiB,IAAeA,EAAY,GAAKX,GAAkB,E,SAyFb,YA1DvB,I,ECpDnC,MAXwB,I,IAAA,MAAER,GAAO,EAC/B,OACE,SAAC8C,UAAAA,CACCC,kBAAiB/C,EAAMgD,WACvBC,uBAAsBjD,EAAMkD,U,UAE5B,SAACC,EAAqBA,CAACnD,MAAOA,K,yBCb7B,SAASoD,EAAyBC,EAASC,GAG9C,OAFKA,IAAKA,EAAMD,EAAQrD,MAAM,IAEvBuD,OAAOC,OAAOD,OAAOE,iBAAiBJ,EAAS,CAAEC,IAAK,CAAEI,MAAOH,OAAOC,OAAOF,MACxF,C","sources":["webpack://_N_E/./node_modules/@mui/material/Typography/Typography.js","webpack://_N_E/./node_modules/@mui/material/Typography/typographyClasses.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/NewTestimonial/NewTestimonal.style.js","webpack://_N_E/./src/containers/SaasModern/NewTestimonial/index.js","webpack://_N_E/./src/slices/NewTestimonial/index.js","webpack://_N_E/./node_modules/@swc/helpers/esm/_tagged_template_literal.js"],"sourcesContent":["'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;","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 { Typography } from '@mui/material';\n\nexport const StyledTitle = styled(Typography)`\n  font-family: ${saasModernTheme.fontFamily};\n  font-weight: 900;\n  font-size: 48px;\n  line-height: normal;\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 TestimonialItem = styled.div`\n  background-color: white;\n  border-radius: 12px;\n  box-shadow: ${saasModernTheme.gradiantShadow};\n  padding: 24px;\n  max-width: 326px;\n  width: 100%;\n  margin: 0 auto;\n  transition: all 0.3s ease;\n\n  @media (max-width: 950px) {\n    max-width: 90%;\n    padding: 8px;\n  }\n`;\n\nexport const TestimonialCite = styled.cite`\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  justify-content: flex-start;\n  margin-bottom: 20px;\n`;\n\nexport const AuthorInfo = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-left: 15px;\n`;\n\nexport const AuthorName = styled.h3`\n  font-family: ${saasModernTheme.fontFamily};\n  text-align: left;\n  margin: 0 0 5px;\n  color: var(--Text-Primary, #111927);\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n`;\n\nexport const AuthorRole = styled.span`\n  font-style: normal;\n  text-align: left;\n  font-family: ${saasModernTheme.fontFamily};\n  font-size: 14px;\n  color: #777777;\n`;\n\nexport const AuthorImage = styled.div`\n  width: 50px;\n  height: 50px;\n  display: block;\n  border-radius: 50%;\n  overflow: hidden;\n  box-shadow: 0px 6px 30px 0px rgba(39, 79, 117, 0.2);\n  margin-bottom: 0;\n  position: relative;\n\n  @media (max-width: 575px) {\n    width: 60px;\n    height: 45px;\n  }\n`;\n\nexport const TestimonialBlockQuote = styled.blockquote`\n  text-align: center;\n  font-family: ${saasModernTheme.fontFamily};\n  color: var(--Text-Secondary, #636f81);\n  font-size: 16px;\n  font-style: italic;\n  font-weight: 400;\n  line-height: normal;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n\n  p {\n    margin: 0;\n  }\n`;\n\nexport const HeaderTemoignage = styled.header`\n  text-align: center;\n  margin-top: ${saasModernTheme.space[8]}px;\n  margin-bottom: ${saasModernTheme.space[13]}px;\n`;\n\nexport const TestimonialDescription = styled.p`\n  color: var(--Text-Secondary, #636f81);\n  text-align: center;\n  font-family: ${saasModernTheme.fontFamily};\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n`;\n\nexport const CarouselNavigation = styled.div`\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  width: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  z-index: 1;\n`;\n\nexport const NavButton = styled.button`\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: white;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  cursor: pointer;\n  font-size: 24px;\n  color: #666;\n  transition: all 0.3s ease;\n\n  &:hover {\n    background-color: #f8f8f8;\n    transform: scale(1.1);\n  }\n\n  &:focus {\n    outline: none;\n  }\n  @media (max-width: 950px) {\n    margin-inline: 10px;\n  }\n`;\n\nexport const TestimonialsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  margin: 30px 0;\n\n  .testimonials-wrapper {\n    display: flex;\n    gap: 20px;\n    width: 100%;\n    overflow: hidden;\n    padding: 10px 0;\n\n    @media (max-width: 950px) {\n      flex-direction: column;\n      align-items: center;\n      gap: 0;\n    }\n  }\n`;\n","import React, { useState, useEffect } from 'react';\nimport { PrismicRichText } from '@prismicio/react';\nimport {\n  NavButton,\n  TestimonialItem,\n  TestimonialCite,\n  TestimonialBlockQuote,\n  AuthorImage,\n  AuthorName,\n  AuthorRole,\n  HeaderTemoignage,\n  TestimonialDescription,\n  TestimonialsContainer,\n  AuthorInfo,\n  StyledTitle,\n} from './NewTestimonal.style';\nimport Container from 'common/components/UI/Container';\nimport Image from 'next/image';\n\nconst TestimonialSection = ({ slice }) => {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [isMobile, setIsMobile] = useState(false);\n  const testimonials = slice.items || [];\n  const totalTestimonials = testimonials.length;\n\n  const hasMoreThanOne = totalTestimonials > 1;\n\n  useEffect(() => {\n    const handleResize = () => {\n      setIsMobile(window.innerWidth < 950);\n    };\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  const nextSlide = () => {\n    setCurrentIndex((prevIndex) => (prevIndex + 1) % totalTestimonials);\n  };\n\n  const prevSlide = () => {\n    setCurrentIndex(\n      (prevIndex) => (prevIndex - 1 + totalTestimonials) % totalTestimonials,\n    );\n  };\n\n  const getVisibleIndices = () => {\n    const indices = [];\n    const count = isMobile ? 1 : 3;\n\n    for (let i = 0; i < count; i++) {\n      indices.push((currentIndex + i) % totalTestimonials);\n    }\n    return indices;\n  };\n\n  useEffect(() => {\n    if (totalTestimonials > 1) {\n      const intervalId = setInterval(() => {\n        setCurrentIndex(\n          (prevIndex) =>\n            (prevIndex - 1 + totalTestimonials) % totalTestimonials,\n        );\n      }, 5000);\n      return () => clearInterval(intervalId);\n    }\n  }, [totalTestimonials]);\n\n  if (!testimonials.length) return null;\n\n  return (\n    <Container>\n      <HeaderTemoignage>\n        <PrismicRichText\n          field={slice.primary.title}\n          components={{\n            paragraph: ({ children }) => (\n              <StyledTitle variant=\"h2\">{children}</StyledTitle>\n            ),\n          }}\n        />\n\n        <TestimonialDescription>\n          {slice.primary.description}\n        </TestimonialDescription>\n      </HeaderTemoignage>\n\n      <TestimonialsContainer>\n        {hasMoreThanOne && (\n          <NavButton className=\"prev\" onClick={prevSlide}>\n            &#8249;\n          </NavButton>\n        )}\n\n        <div className=\"testimonials-wrapper\">\n          {getVisibleIndices().map((index) => (\n            <TestimonialItem key={index}>\n              <TestimonialCite>\n                <AuthorImage>\n                  {testimonials[index].user_photo &&\n                    testimonials[index].user_photo.url && (\n                      <Image\n                        src={testimonials[index].user_photo.url}\n                        alt={testimonials[index].user_name || ''}\n                        width={326}\n                        height={157}\n                        style={{ objectFit: 'contain' }}\n                        layout=\"responsive\"\n                      />\n                    )}\n                </AuthorImage>\n                <AuthorInfo>\n                  <AuthorName>{testimonials[index].user_name}</AuthorName>\n                  <AuthorRole>{testimonials[index].user_role}</AuthorRole>\n                </AuthorInfo>\n              </TestimonialCite>\n              <TestimonialBlockQuote>\n                <PrismicRichText\n                  field={testimonials[index].testimonial_content}\n                />\n              </TestimonialBlockQuote>\n            </TestimonialItem>\n          ))}\n        </div>\n\n        {hasMoreThanOne && (\n          <NavButton className=\"next\" onClick={nextSlide}>\n            &#8250;\n          </NavButton>\n        )}\n      </TestimonialsContainer>\n    </Container>\n  );\n};\n\nexport default TestimonialSection;\n","import NewTestimonialSection from \"containers/SaasModern/NewTestimonial\";\n\n/**\n * @typedef {import(\"@prismicio/client\").Content.NewTestimonialSlice} NewTestimonialSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<NewTestimonialSlice>} NewTestimonialProps\n * @param {NewTestimonialProps}\n */\nconst NewTestimonial = ({ slice }) => {\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n    >\n      <NewTestimonialSection slice={slice} />\n    </section>\n  );\n};\n\nexport default NewTestimonial;\n","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","TypographyRoot","name","slot","overridesResolver","props","styles","ownerState","root","variant","align","noWrap","gutterBottom","paragraph","theme","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","inProps","ref","themeProps","color","transformDeprecatedColors","className","component","variantMapping","other","Component","classes","slots","useUtilityClasses","as","getTypographyUtilityClass","typographyClasses","styled","div","fullWidth","css","noGutter","width","mobileGutter","children","addAllClasses","push","ContainerWrapper","join","StyledTitle","saasModernTheme","fontFamily","customColor","backgroundTextGradient","TestimonialItem","gradiantShadow","TestimonialCite","cite","AuthorInfo","AuthorName","AuthorRole","span","AuthorImage","TestimonialBlockQuote","blockquote","HeaderTemoignage","header","space","TestimonialDescription","p","NavButton","button","TestimonialsContainer","slice","currentIndex","setCurrentIndex","useState","isMobile","setIsMobile","testimonials","items","totalTestimonials","length","hasMoreThanOne","useEffect","handleResize","window","innerWidth","addEventListener","removeEventListener","intervalId","setInterval","prevIndex","clearInterval","Container","PrismicRichText","field","title","components","description","onClick","indices","count","i","getVisibleIndices","map","index","user_photo","url","Image","src","alt","user_name","height","style","objectFit","layout","user_role","testimonial_content","section","data-slice-type","slice_type","data-slice-variation","variation","NewTestimonialSection","_tagged_template_literal","strings","raw","Object","freeze","defineProperties","value"],"sourceRoot":""}