{"version":3,"file":"static/chunks/1613.874788236f41b31d.js","mappings":"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","sources":["webpack://_N_E/./src/common/Description/index.js","webpack://_N_E/./src/common/HeadLine/index.js","webpack://_N_E/./src/common/components/Container/container.style.js","webpack://_N_E/./src/common/components/Container/index.js","webpack://_N_E/./src/common/components/Heading/index.js","webpack://_N_E/./src/common/components/PrismicRichText/PrismicRichText.js","webpack://_N_E/./src/common/components/base.js","webpack://_N_E/./src/common/assets/image/saasModern/pngwing.png","webpack://_N_E/./src/containers/SaasModern/Banner/banner.style.js","webpack://_N_E/./src/containers/SaasModern/SectionImageAndList/SectionImageAndList.style.js","webpack://_N_E/./src/containers/SaasModern/SectionImageAndList/index.js","webpack://_N_E/./src/slices/SectionImageAndList/index.js"],"sourcesContent":["import React from 'react'\nimport Typography  from '@mui/material/Typography';\nimport { PrismicRichText } from 'common/components/PrismicRichText/PrismicRichText';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nconst DescriptionComponent = ({ field }) => {\n  return <PrismicRichText field={field} \n            components={{\n                paragraph: ({ children }) => (\n                  <Typography\n                    sx={{\n                        fontSize: `${saasModernTheme.space[5]}px`,\n                        fontWeight: 400,\n                        fontFamily: saasModernTheme.fontFamily,\n                        fontStyle: 'normal',\n                        lineHeight: 'normal',\n                        color: '#636f81',\n                        marginTop: saasModernTheme.space[1],\n                        marginBottom: saasModernTheme.space[1],\n                    }}\n                  >\n                    {children}\n                  </Typography>\n                ),\n              }}\n         />\n}\n\nexport default DescriptionComponent","import React from 'react'\nimport Typography  from '@mui/material/Typography';\nimport { PrismicRichText } from 'common/components/PrismicRichText/PrismicRichText';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nconst HeadLineComponent = ({ field }) => {\n  return <PrismicRichText field={field} \n  components={{\n      paragraph: ({ children }) => (\n        <Typography\n          variant=\"h1\"\n          sx={(theme)=>({\n            color: '#111927',\n            fontSize: `${saasModernTheme.space[13]}px`,\n            fontFamily: saasModernTheme.fontFamily,\n            margin: '0 auto',\n            fontWeight:'bold',\n            '.font-semibold': {\n              background:\n                saasModernTheme.customColor.backgroundTextGradient,\n              WebkitBackgroundClip: 'text',\n              WebkitTextFillColor: 'transparent',\n            },\n            [theme.breakpoints.down('sm')]:{\n              fontSize: `${saasModernTheme.space[10]}px`,\n            }\n          })}\n        >\n          {children}\n        </Typography>\n      ),\n    }}\n/>\n}\n\nexport default HeadLineComponent","import styled from 'styled-components';\n\nconst StyledContainer = styled.div`\n  width: 75%;\n  margin: 16px auto;\n  margin-top: 64px;\n  margin-bottom: 64px;\n  position: relative;\n  @media (max-width: 1024px) {\n    width: 95%;\n  }\n  @media (max-width: 450px) {\n    margin-top: 24px;\n    margin-bottom: 24px;\n  }\n`;\n\nexport default StyledContainer;\n","import React from 'react';\nimport StyledContainer from './container.style';\n\nconst Container = ({ children }) => {\n  return <StyledContainer>{children}</StyledContainer>;\n};\n\nexport default Container;\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport styled from 'styled-components'\nimport {\n  fontFamily,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n} from 'styled-system'\nimport { base, themed } from '../base'\n\nconst HeadingWrapper = styled('p')(\n  base,\n  fontFamily,\n  fontWeight,\n  textAlign,\n  lineHeight,\n  letterSpacing,\n  themed('Heading')\n)\n\nconst Heading = ({ content, ...props }) => (\n  <HeadingWrapper {...props}>{content}</HeadingWrapper>\n)\n\nexport default Heading\n\nHeading.propTypes = {\n  content: PropTypes.string,\n  as: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']),\n  mt: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  mb: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  fontFamily: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  fontWeight: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  textAlign: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  lineHeight: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  letterSpacing: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n    PropTypes.arrayOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    ),\n  ]),\n  ...base.propTypes,\n}\n\nHeading.defaultProps = {\n  as: 'h2',\n  // mt: 0,\n  // mb: '1rem',\n  fontWeight: 'bold',\n}\n","import { PrismicNextLink } from '@prismicio/next';\nimport { PrismicRichText as BasePrismicRichText } from '@prismicio/react';\n\nimport Heading from '../Heading';\n\n/** @type {import(\"@prismicio/react\").JSXMapSerializer} */\nconst defaultComponents = {\n  heading1: ({ children }) => <p>{children}</p>,\n  heading2: ({ children }) => (\n    <Heading as=\"h3\" size=\"2xl\" className=\"mb-7 last:mb-0\">\n      {children}\n    </Heading>\n  ),\n  heading3: ({ children }) => (\n    <Heading as=\"h4\" size=\"xl\" className=\"mb-7 last:mb-0\">\n      {children}\n    </Heading>\n  ),\n  paragraph: ({ children }) => <p className=\"mb-7 last:mb-0\">{children}</p>,\n  oList: ({ children }) => (\n    <ol className=\"mb-7 pl-4 last:mb-0 md:pl-6\">{children}</ol>\n  ),\n  oListItem: ({ children }) => (\n    <li className=\"mb-1 list-decimal pl-1 last:mb-0 md:pl-2\">{children}</li>\n  ),\n  list: ({ children }) => (\n    <ul className=\"mb-7 pl-4 last:mb-0 md:pl-6\">{children}</ul>\n  ),\n  listItem: ({ children }) => (\n    <li className=\"mb-1 list-disc pl-1 last:mb-0 md:pl-2\">{children}</li>\n  ),\n  preformatted: ({ children }) => (\n    <pre className=\"mb-7 rounded bg-slate-100 p-4 text-sm last:mb-0 md:p-8 md:text-lg\">\n      <code>{children}</code>\n    </pre>\n  ),\n  strong: ({ children }) => (\n    <strong className=\"font-semibold\">{children}</strong>\n  ),\n  hyperlink: ({ children, node }) => (\n    <PrismicNextLink\n      field={node.data}\n      className=\"underline decoration-1 underline-offset-2\"\n    >\n      {children}\n    </PrismicNextLink>\n  ),\n};\n\nexport function PrismicRichText({ components, ...props }) {\n  return (\n    <BasePrismicRichText\n      components={{ ...defaultComponents, ...components }}\n      {...props}\n    />\n  );\n}\n","/** this is our Base Component every components must be Extend it */\nimport {\n  space,\n  borders,\n  borderColor,\n  width,\n  minWidth,\n  maxWidth,\n  height,\n  minHeight,\n  maxHeight,\n  display,\n  fontSize,\n  flex,\n  order,\n  alignSelf,\n  color,\n  compose,\n} from 'styled-system';\n\nexport const themed = (key) => (props) => props.theme[key];\n\nexport const base = compose(\n  () => ({ boxSizing: 'border-box' }),\n  space,\n  width,\n  minWidth,\n  maxWidth,\n  height,\n  minHeight,\n  maxHeight,\n  fontSize,\n  color,\n  flex,\n  order,\n  alignSelf,\n  borders,\n  borderColor,\n  display\n);\n\nbase.propTypes = {\n  ...display.propTypes,\n  ...space.propTypes,\n  ...borders.propTypes,\n  ...borderColor.propTypes,\n  ...width.propTypes,\n  ...height.propTypes,\n  ...fontSize.propTypes,\n  ...color.propTypes,\n  ...flex.propTypes,\n  ...order.propTypes,\n  ...alignSelf.propTypes,\n};\n","export default {\"src\":\"/_next/static/media/pngwing.7f5e0b6c.png\",\"height\":579,\"width\":1440,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAATklEQVR42mM4f/GS8PETpwR3790vePjoMb4TJ0/znTx1huf02fN8Bw8d4WFYtHgZ2/qNW1jWbdjMxAAEly5fZnr85CkjiL1qzTomBkIAAN0IIHrOesfjAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":3};","import styled from 'styled-components';\nimport BannerBG from 'common/assets/image/saasModern/pngwing.png';\nimport colors from 'common/theme/saasModern/colors';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nexport const BannerComponent = styled.section`\n  width: 100%;\n  background-image: url(${BannerBG?.src});\n  z-index: 1;\n  background-size: cover;\n  background-repeat: no-repeat;\n  padding-top: 184px;\n  margin-bottom: 100px;\n  position: relative;\n  @media (max-width: 950px) {\n    padding-top: 110px;\n    margin-bottom: 50px;\n    padding-bottom: 0;\n  }\n`;\n\nexport const Container = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  align-self: stretch;\n  justify-content: center;\n  flex-direction: column;\n  gap: ${saasModernTheme.space[10]}px;\n`;\n\nexport const HeadLine = styled.h1`\n  width: 70%;\n  color: ${colors.black};\n  font-size: ${saasModernTheme.space[16]}px;\n  font-family: ${saasModernTheme.fontFamily};\n  font-weight: 900;\n  text-align: center;\n  margin: 0;\n`;\n\nexport const Description = styled.p`\n  font-size: 20px;\n  font-weight: 400;\n  font-family: ${saasModernTheme.fontFamily};\n  text-align: center;\n  font-style: normal;\n  line-height: normal;\n  width: 50%;\n  color: var(--Text-Secondary, #636f81);\n  margin: 0;\n  @media (max-width: 1024px) {\n    font-size: ${saasModernTheme.space[5]}px;\n    width: 70%;\n  }\n  @media (max-width: 950px) {\n    font-size: ${saasModernTheme.space[5]}px;\n    width: 60%;\n  }\n  @media (max-width: 600px) {\n    width: 90%;\n  }\n`;\n\nexport const FormSection = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  width: 100%;\n  max-width: 400px;\n\n  @media (max-width: 650px) {\n    width: 100%;\n  }\n`;\n\nexport const ButtonLogoWrapper = styled.div`\n  display: flex;\n  gap: ${saasModernTheme.space[2]}px;\n  margin-top: ${saasModernTheme.space[5]}px;\n`;\n\nexport const PrimaryButton = styled.button`\n  background: ${saasModernTheme.defaultBackgroundColor};\n  color: white;\n  border: none;\n  border-radius: 12px;\n  font-size: 16px;\n  font-weight: 500;\n  cursor: pointer;\n  white-space: nowrap;\n  height: 40px;\n  padding: 12px 16px;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  font-family: ${saasModernTheme.fontFamily};\n\n  &:hover {\n    background: ${saasModernTheme.customColor.gradiantColor};\n  }\n\n  @media (max-width: 650px) {\n    width: 100%;\n  }\n`;\n\nexport const SecondaryButton = styled.button`\n  background: transparent;\n  color: #111927;\n  border: none;\n  padding: 12px 24px;\n  font-size: 16px;\n  font-weight: 500;\n  border-radius: 12px;\n  cursor: pointer;\n  border: 1px solid var(--Outlined-Outlined, rgba(145, 155, 171, 0.24));\n  white-space: nowrap;\n  font-family: ${saasModernTheme.fontFamily};\n  &:hover {\n    box-shadow: ${saasModernTheme.gradiantShadow};\n  }\n  @media (max-width: 650px) {\n    width: 100%;\n  }\n`;\n\nexport const StyledLink = styled.a`\n  text-decoration: none;\n`;\n\nexport const BannerWrapperNav = styled.div``;\n","import styled from 'styled-components';\nimport colors from 'common/theme/saasModern/colors';\n\nexport const SectionImageAndListContainer = styled.div`\n  width: 100%;\n  minheight: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  margin-top:32px;\n  margin-bottom:32px;\n`;\n\nexport const ContainerElement = styled.div`\n  display: grid;\n  grid-template-columns: 40% 60%;\n  gap: 40px;\n  margin: 32px auto;\n  align-items: center;\n  width:100%;\n  @media (max-width: 1024px) {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n  }\n`;\n\nexport const LeftSection = styled.div`\n  position:relative;\n  width:90%;\n`\n\nexport const RightSection = styled.div``;\n\nexport const StepList = styled.ol`\n  list-style-type: none;\n  counter-reset: step-counter;\n  padding: 0;\n`;\n\nexport const StepItem = styled.li`\n  counter-increment: step-counter;\n  margin-bottom: 20px;\n  position: relative;\n  padding-left: 40px;\n  &::before {\n    content: counter(step-counter);\n    background-color: #ff6b6b;\n    color: white;\n    font-weight: bold;\n    padding: 3px 8px;\n    border-radius: 50%;\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n`;\n\nexport const StepTitle = styled.h3`\n  margin: 0 0 10px 0;\n`;\n\nexport const StepDescription = styled.div`\n  color: ${colors.gray};\n`;\n\n \n ","import React from 'react'\nimport {\n  SectionImageAndListContainer,\n  LeftSection,\n  RightSection,\n  StepList,\n  StepItem,\n  StepTitle,\n  StepDescription,\n  ContainerElement\n} from './SectionImageAndList.style'\nimport HeadLineComponent from 'common/HeadLine'\nimport DescriptionComponent from 'common/Description'\nimport NextImage from 'common/components/NextImage';\nimport { PrismicRichText } from 'common/components/PrismicRichText/PrismicRichText';\nimport {\n  PrimaryButton,\n} from 'containers/SaasModern/Banner/banner.style';\nimport { CenterElement } from '../Acculturation/Acculturation.style'\nimport Container from 'common/components/Container';\n\nconst SectionImageAndListComponent = ({slice}) => {\n  return (\n  <Container>\n    <SectionImageAndListContainer>\n      <HeadLineComponent field={slice.primary.title} />\n      <DescriptionComponent field={slice.primary.description} />\n        <ContainerElement>\n              <LeftSection>\n                <NextImage\n                    field={slice.primary.image}\n                    objectFit=\"contain\"\n                    priority={true}\n                />\n              </LeftSection>\n              <RightSection>\n                <StepList>\n                    {slice.items.map((item, index) => (\n                        <StepItem key={index} data-aos=\"zoom-in\">\n                          <StepTitle>{item.title}</StepTitle>\n                          <StepDescription>\n                          <PrismicRichText field={item.description} />\n                          </StepDescription>\n                        </StepItem>\n                    ))}\n                </StepList>\n              </RightSection>\n        </ContainerElement>\n\n        <CenterElement>\n          <PrimaryButton\n            onClick={() => {\n              const url = slice.primary.redirectcta;\n              window.open(url, '_blank');\n            }}\n          >\n            {slice.primary.cta}\n          </PrimaryButton>\n        </CenterElement>\n\n    </SectionImageAndListContainer>\n   </Container>\n  )\n}\n\nexport default SectionImageAndListComponent","/**\n * @typedef {import(\"@prismicio/client\").Content.SectionImageAndListSlice} SectionImageAndListSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<SectionImageAndListSlice>} SectionImageAndListProps\n * @param {SectionImageAndListProps}\n */\nimport SectionImageAndListComponent from 'containers/SaasModern/SectionImageAndList';\n\nconst SectionImageAndList = ({ slice }) => {\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n    >\n      <SectionImageAndListComponent slice={slice} />\n    </section>\n  );\n};\n\nexport default SectionImageAndList;\n"],"names":["field","PrismicRichText","components","paragraph","children","Typography","sx","fontSize","saasModernTheme","space","fontWeight","fontFamily","fontStyle","lineHeight","color","marginTop","marginBottom","variant","theme","margin","background","customColor","backgroundTextGradient","WebkitBackgroundClip","WebkitTextFillColor","breakpoints","down","styled","div","StyledContainer","HeadingWrapper","base","textAlign","letterSpacing","themed","Heading","content","props","propTypes","PropTypes","as","mt","mb","defaultProps","defaultComponents","heading1","p","heading2","size","className","heading3","oList","ol","oListItem","li","list","ul","listItem","preformatted","pre","code","strong","hyperlink","node","PrismicNextLink","data","BasePrismicRichText","key","compose","boxSizing","width","minWidth","maxWidth","height","minHeight","maxHeight","flex","order","alignSelf","borders","borderColor","display","BannerComponent","section","BannerBG","src","Container","HeadLine","h1","colors","black","Description","FormSection","ButtonLogoWrapper","PrimaryButton","button","defaultBackgroundColor","gradiantColor","SecondaryButton","gradiantShadow","StyledLink","a","BannerWrapperNav","SectionImageAndListContainer","ContainerElement","LeftSection","RightSection","StepList","StepItem","StepTitle","h3","StepDescription","gray","slice","HeadLineComponent","primary","title","DescriptionComponent","description","NextImage","image","objectFit","priority","items","map","item","index","data-aos","CenterElement","onClick","url","redirectcta","window","open","cta","data-slice-type","slice_type","data-slice-variation","variation","SectionImageAndListComponent"],"sourceRoot":""}