{"version":3,"file":"static/chunks/2820.2353570c78b34b04.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/Card/CardInfo/Card.info.js","webpack://_N_E/./src/common/components/Card/CardInfo/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/NextImage/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/SectionGrid/SectionGrid.style.js","webpack://_N_E/./src/containers/SaasModern/SectionGrid/index.js","webpack://_N_E/./src/slices/SectionGrid/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={(theme)=>({\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                        [theme.breakpoints.down('sm')]:{\n                          fontSize: `${saasModernTheme.space[4]}px`,\n                        }\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[8]}px`,\n            }\n          })}\n        >\n          {children}\n        </Typography>\n      ),\n    }}\n/>\n}\n\nexport default HeadLineComponent","import styled from 'styled-components';\nimport colors from 'common/theme/saasModern/colors';\nimport { saasModernTheme } from 'common/theme/saasModern';\n\nexport const Card = styled.div`\n  background-color: ${({ type }) =>\n    type === 'Card 3 (Background Black)' ? '#1A1E26' : '#ffffff'};\n  border-radius: 8px;\n  padding: 24px;\n  display: ${({ isFlex }) => (isFlex ? 'flex' : 'block')};\n  gap: 16px;\n`;\n\nexport const IconWrapper = styled.div`\n  background-color: ${({ type }) =>\n    type === 'Card 3 (Background Black)' ? '#2A303C' : '#f0f0f0'};\n  border-radius: 50%;\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 16px;\n`;\n\nexport const Title = styled.h2`\n  font-size: 20px;\n  font-weight: 600;\n  margin: 0 0 8px 0;\n  color: ${({ type }) =>\n    type === 'Card 3 (Background Black)' ? '#ffffff' : colors.black};\n  font-family: ${saasModernTheme.fontFamily};\n`;\n\nexport const Description = styled.div`\n  margin-top: 8px;\n  color: ${({ type }) =>\n    type === 'Card 3 (Background Black)' ? '#B0B7C3' : colors.gray};\n  font-family: ${saasModernTheme.fontFamily};\n`;\n","import React from 'react';\nimport { Card, IconWrapper, Description, Title } from './Card.info';\nimport { PrismicRichText } from 'common/components/PrismicRichText/PrismicRichText';\nimport NextImage from 'common/components/NextImage';\n\nconst CardInfo = ({ icon, title, description, type }) => {\n  return (\n    <Card\n      isFlex={type === 'Card 2 (Icon Text Same Line)'}\n      type={type}\n      data-aos=\"zoom-in\"\n    >\n      <IconWrapper type={type}>\n        <NextImage field={icon} objectFit=\"cover\" priority={true} />\n      </IconWrapper>\n      <div>\n        <Title type={type}>{title}</Title>\n        <Description type={type}>\n          <PrismicRichText field={description} />\n        </Description>\n      </div>\n    </Card>\n  );\n};\n\nexport default CardInfo;\n","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 { PrismicNextImage } from '@prismicio/next';\nconst NextImage = ({ ...props }) => {\n  return (\n    <PrismicNextImage\n      {...props}\n    />\n  );\n};\n\nexport default NextImage;\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';\nimport Link from 'next/link';\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.div`\n  width: 70%;\n  text-align: center;\n  margin: 0;\n  @media (max-width: 600px) {\n    width: 90%;\n  }\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  @media (max-width: 1024px) {\n    align-items: center;\n    justify-content: center;\n  }\n  @media (max-width: 650px) {\n    align-items: center;\n    flex-direction: column;\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 PrimaryLink = styled(Link)`\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  padding: 8px 16px;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  font-family: ${saasModernTheme.fontFamily};\n  text-decoration: none;\n  &:hover {\n    background: ${saasModernTheme.customColor.gradiantColor};\n  }\n  @media (max-width: 650px) {\n    width: 90%;\n    margin: 0 auto;\n  }\n`;\n\nexport const SecondaryLink = styled(Link)`\n  background: transparent;\n  color: #111927;\n  border: none;\n  padding: 8px 16px;\n  font-size: 16px;\n  font-weight: 500;\n  border-radius: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border: 1px solid var(--Outlined-Outlined, rgba(145, 155, 171, 0.24));\n  white-space: nowrap;\n  text-decoration: none;\n  font-family: ${saasModernTheme.fontFamily};\n  &:hover {\n    box-shadow: ${saasModernTheme.gradiantShadow};\n  }\n  @media (max-width: 650px) {\n    width: 90%;\n    margin: 0 auto;\n  }\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';\n \n\nexport const SectionGridContainer = 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\n\nexport  const GridContainer = styled.div`\n  display: grid;\n  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);\n  gap: 16px; /* Adjust the gap as needed */\n  margin-top: 32px;\n  /* Responsive styles */\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr; /* On mobile, make each card 100% width */\n  }\n`;\n\nexport const Card = styled.div`\n  background: #f8f9fa;\n  border-radius: 8px;\n  padding: 20px;\n`;\n\nexport const CenterHeader = styled.div`\n  text-align: center;\n`;","import React from 'react'\nimport {\n  SectionGridContainer,\n  GridContainer,\n  CenterHeader\n} from './SectionGrid.style'\nimport HeadLineComponent from 'common/HeadLine'\nimport DescriptionComponent from 'common/Description'\nimport CardInfo from 'common/components/Card/CardInfo'\nimport Box from '@mui/material/Box'\nimport Container from 'common/components/Container';\nimport {PrimaryLink} from 'containers/SaasModern/Banner/banner.style';\n\n\nconst SectionGridComponent = ({slice}) => {\n  return (\n      <Container>\n        <SectionGridContainer>\n          <CenterHeader>\n            <HeadLineComponent field={slice.primary.title} />\n            <DescriptionComponent field={slice.primary.description} />\n          </CenterHeader>\n          <Box sx={{ marginTop: theme=>theme.spacing(2) }}>\n            <GridContainer columns={slice.primary.nbrelementcolumn}>\n              {slice.items.map((item, index) => (\n                <CardInfo  key={index} title={item.title} description={item.description} icon={item.icon} type={slice.primary.type_card} />\n              ))}\n            </GridContainer>\n          </Box>\n          </SectionGridContainer>\n        {slice.primary.redirectcta && slice.primary.cta ? \n              <CenterElement>\n                  <PrimaryLink\n                          href={slice.primary.redirectcta}\n                  >\n                          {slice.primary.cta}\n                  </PrimaryLink>\n        </CenterElement> : null}\n      </Container>\n  )\n}\n\nexport default SectionGridComponent","/**\n * @typedef {import(\"@prismicio/client\").Content.SectionGridSlice} SectionGridSlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<SectionGridSlice>} SectionGridProps\n * @param {SectionGridProps}\n */\nimport SectionGridComponent from 'containers/SaasModern/SectionGrid';\n\nconst SectionGrid = ({ slice }) => {\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n    >\n      <SectionGridComponent slice={slice} />\n    </section>\n  );\n};\n\nexport default SectionGrid;\n"],"names":["field","PrismicRichText","components","paragraph","children","Typography","sx","theme","fontSize","saasModernTheme","space","fontWeight","fontFamily","fontStyle","lineHeight","color","marginTop","marginBottom","breakpoints","down","variant","margin","background","customColor","backgroundTextGradient","WebkitBackgroundClip","WebkitTextFillColor","Card","styled","div","type","isFlex","IconWrapper","Title","h2","colors","black","Description","gray","icon","title","description","data-aos","NextImage","objectFit","priority","StyledContainer","HeadingWrapper","base","textAlign","letterSpacing","themed","Heading","content","props","propTypes","PropTypes","as","mt","mb","defaultProps","PrismicNextImage","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","FormSection","ButtonLogoWrapper","PrimaryButton","button","defaultBackgroundColor","gradiantColor","SecondaryButton","gradiantShadow","PrimaryLink","Link","StyledLink","a","BannerWrapperNav","SectionGridContainer","GridContainer","columns","CenterHeader","slice","HeadLineComponent","primary","DescriptionComponent","Box","spacing","nbrelementcolumn","items","map","item","index","CardInfo","type_card","redirectcta","cta","CenterElement","href","data-slice-type","slice_type","data-slice-variation","variation","SectionGridComponent"],"sourceRoot":""}