{"version":3,"file":"static/chunks/6617.f253eab82542de68.js","mappings":"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","sources":["webpack://_N_E/./src/common/components/TitleDescription/style.js","webpack://_N_E/./src/common/components/TitleDescription/index.js","webpack://_N_E/./src/containers/SaasModern/BannerCTA/bannerCTA.style.js","webpack://_N_E/./src/containers/SaasModern/StatisticsCards/StatisticsCards.style.js","webpack://_N_E/./src/containers/SaasModern/StatisticsCards/index.js","webpack://_N_E/./src/slices/KeyIndicator1/index.js","webpack://_N_E/./src/containers/SaasModern/AboutSection/AboutSection.style.js","webpack://_N_E/./src/containers/SaasModern/AboutSection/index.js","webpack://_N_E/./src/containers/SaasModern/SectionOurCompany/index.js","webpack://_N_E/./src/slices/OurCompany/index.js"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Title = styled.h1`\n  font-size: 2.5rem;\n  font-weight: 900;\n  margin: 0;\n  color: black;\n  text-align: center;\n  @media (max-width: 768px) {\n    font-size: 2rem;\n  }\n`;\n\nexport const GradientText = styled.span`\n  background: linear-gradient(to right, #3b82f6, #ec4899, #f97316);\n  -webkit-background-clip: text;\n  background-clip: text;\n  color: transparent;\n`\n\nexport const Description = styled.div`\n  color: black;\n  font-size: 1rem;\n  margin: 8px auto;\n  text-align: ${props => props.textCenter ? \"center\" : \"none\"};\n  @media (max-width: 768px) {\n    text-align: center;\n  }\n`;\n\nexport const Container = styled.div`\n  padding-top: 24px;\n  padding-bottom: 24px;\n`;\n","'use client';\nimport React from 'react';\nimport { GradientText, Title, Container, Description } from './style';\nimport { PrismicRichText } from '@prismicio/react';\n\nconst TitleDescription = ({\n  title,\n  asTitle = 'h1',\n  description,\n  descriptionCenter,\n  descriptionColor,\n}) => {\n  return (\n    <Container>\n      <Title as={asTitle}>\n        <GradientText>{title}</GradientText>\n      </Title>\n      {description ? (\n        <Description\n          textCenter={descriptionCenter}\n          style={{ color: descriptionColor }}\n        >\n          <PrismicRichText field={description} />\n        </Description>\n      ) : null}\n    </Container>\n  );\n};\n\nexport default TitleDescription;\n","import { Box, Typography } from '@mui/material';\nimport { saasModernTheme } from 'common/theme/saasModern';\nimport styled from 'styled-components';\n\nexport const BannerContainer = styled(Box)`\n  background: linear-gradient(\n      270deg,\n      rgba(255, 182, 86, 0.04) 0%,\n      rgba(255, 110, 114, 0.04) 50%,\n      rgba(0, 111, 255, 0.04) 100%\n    ),\n    var(--Background-Default, #111927);\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 40px;\n  padding: 100px 0;\n  justify-content: center;\n  flex-direction: column;\n  @media screen and (max-width: 600px) {\n    padding: 50px 0;\n  }\n`;\n\nexport const BannerTitle = styled(Typography)`\n  font-family: ${saasModernTheme.fontFamily};\n  text-align: center;\n  line-height: normal;\n  font-size: 48px;\n  font-weight: 700;\n  width: 75%;\n  color: #fff;\n\n  .font-semibold {\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: 26px;\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: inline-flex;\n  align-items: center;\n  gap: 10px;\n  text-decoration: none;\n  transition: background 0.3s ease;\n\n  &:hover {\n    background: ${saasModernTheme.customColor.gradiantColor};\n  }\n`;\n","import { Box, Container, Grid, Typography } from '@mui/material';\nimport { saasModernTheme } from 'common/theme/saasModern';\nimport styled from 'styled-components';\n\nexport const ContentWrapper = styled(Box)`\n  position: relative;\n  display: flex;\n  width: 65%;\n  margin: 0 auto;\n  padding: 2rem 0;\n  @media (max-width: 600px) {\n    width: 90%;\n  }\n`;\n\nexport const StyledContainer = styled(Container)`\n  display: flex;\n`;\n\nexport const StyledGrid = styled(Grid)`\n  justify-content: center;\n  display: flex;\n`;\n\nexport const StatCard = styled(Box)`\n  background-color: #1a2235;\n  border-radius: 12px;\n  padding: 2rem 1rem;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  box-shadow: ${saasModernTheme.gradiantShadow};\n  min-height: 100px;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: 12px;\n    padding: 1px;\n    background: linear-gradient(\n      90deg,\n      rgba(0, 111, 255, 1) 0%,\n      rgba(255, 110, 114, 1) 50%,\n      rgba(255, 182, 86, 1) 100%\n    );\n    -webkit-mask:\n      linear-gradient(#fff 0 0) content-box,\n      linear-gradient(#fff 0 0);\n    -webkit-mask-composite: xor;\n    mask-composite: exclude;\n    pointer-events: none;\n  }\n  @media (max-width: 600px) {\n    min-height: 0;\n  }\n`;\n\nexport const StatValue = styled(Typography)`\n  font-size: 2rem;\n  font-weight: 700;\n  color: white;\n  margin-bottom: 0.25rem;\n`;\n\nexport const StatDescription = styled(Typography)`\n  font-size: 0.875rem;\n  color: #9ca3af;\n`;\n","import React from 'react';\nimport { Grid, useMediaQuery, useTheme } from '@mui/material';\nimport {\n  ContentWrapper,\n  StatCard,\n  StatDescription,\n  StatValue,\n  StyledContainer,\n  StyledGrid,\n} from './StatisticsCards.style';\n\nconst StatisticsCards = ({ slice }) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n  const stats =\n    slice?.items?.map((item) => ({\n      value: item.value,\n      description: item.shortdescription,\n    })) || [];\n\n  return (\n    <ContentWrapper>\n      <StyledContainer disableGutters>\n        <StyledGrid container spacing={isMobile ? 3 : 8}>\n          {stats.map((stat, index) => (\n            <Grid item xs={12} sm={4} md={4} key={index}>\n              <StatCard>\n                <StatValue variant=\"h2\">{stat.value}</StatValue>\n                <StatDescription variant=\"body2\">\n                  {stat.description}\n                </StatDescription>\n              </StatCard>\n            </Grid>\n          ))}\n        </StyledGrid>\n      </StyledContainer>\n    </ContentWrapper>\n  );\n};\n\nexport default StatisticsCards;\n","import StatisticsCards from 'containers/SaasModern/StatisticsCards';\n\n/**\n * @typedef {import(\"@prismicio/client\").Content.KeyIndicator1Slice} KeyIndicator1Slice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<KeyIndicator1Slice>} KeyIndicator1Props\n * @param {KeyIndicator1Props}\n */\nconst KeyIndicator1 = ({ slice }) => {\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n      style={{ width: '100%' }}\n    >\n      <StatisticsCards slice={slice} />\n    </section>\n  );\n};\n\nexport default KeyIndicator1;\n","import { Box, Typography } from '@mui/material';\nimport styled from 'styled-components';\n\nexport const ContentWrapper = styled(Box)`\n  display: flex;\n  position: relative;\n  width: 65%;\n  margin: 0 auto;\n  @media (max-width: 600px) {\n    width: 80%;\n  }\n`;\n\nexport const VerticalLine = styled(Box)`\n  width: 4px;\n  background: var(--Background-Default, #111927);\n  background-image: linear-gradient(\n    180deg,\n    rgba(0, 111, 255, 1) 0%,\n    rgba(255, 110, 114, 1) 50%,\n    rgba(255, 182, 86, 1) 100%\n  );\n  margin-right: 24px;\n  flex-shrink: 0;\n\n  @media (max-width: 600px) {\n    width: 3px;\n    margin-right: 16px;\n  }\n`;\n\nexport const TextContent = styled(Box)`\n  padding: 0.5rem 0;\n`;\n\nexport const SectionTitle = styled(Typography)`\n  font-size: 1.75rem;\n  font-weight: 700;\n  margin-bottom: 1.5rem;\n  color: #fff;\n\n  @media (max-width: 600px) {\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n  }\n`;\n\nexport const Paragraph = styled(Typography)`\n  font-size: 1rem;\n  color: #94a3b8;\n  margin-bottom: 1.5rem;\n  line-height: 1.6;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n`;\n\nexport const Bold = styled.span`\n  font-weight: 600;\n  color: #e2e8f0;\n`;\n\nexport const Italic = styled.span`\n  font-style: italic;\n  color: #e2e8f0;\n`;\n","import React from 'react';\nimport {\n  Bold,\n  ContentWrapper,\n  Italic,\n  Paragraph,\n  SectionTitle,\n  TextContent,\n  VerticalLine,\n} from './AboutSection.style';\n\nconst AboutSection = ({ ourCompanySlice }) => {\n  const { primary } = ourCompanySlice;\n  const { title, description } = primary;\n\n  return (\n    <ContentWrapper>\n      <VerticalLine />\n      <TextContent>\n        {title && title.length > 0 && (\n          <SectionTitle>{title[0]?.text}</SectionTitle>\n        )}\n        {description &&\n          description.length > 0 &&\n          description.map((paragraph, index) => (\n            <Paragraph key={index}>\n              {paragraph.text.split('').map((char, charIndex) => {\n                const isBold = paragraph.spans.some(\n                  (span) =>\n                    span.type === 'strong' &&\n                    charIndex >= span.start &&\n                    charIndex < span.end,\n                );\n                return isBold ? <Bold key={charIndex}>{char}</Bold> : char;\n              })}\n            </Paragraph>\n          ))}\n      </TextContent>\n    </ContentWrapper>\n  );\n};\n\nexport default AboutSection;\n","import React from 'react';\nimport KeyIndicator1 from 'slices/KeyIndicator1';\nimport { BannerContainer } from '../BannerCTA/bannerCTA.style';\nimport AboutSection from '../AboutSection';\nimport TitleDescription from 'common/components/TitleDescription';\n\nconst SectionOurCompany = ({\n  titleDescriptionSlice,\n  ourCompanySlice,\n  keyIndicator1Slice,\n}) => {\n  return (\n    <BannerContainer>\n      {titleDescriptionSlice && (\n        <TitleDescription\n          title={titleDescriptionSlice.primary.title[0].text}\n          description={titleDescriptionSlice.primary.description}\n          descriptionCenter={false}\n          descriptionColor=\"white\"\n          asTitle=\"h2\"\n        />\n      )}\n      <AboutSection ourCompanySlice={ourCompanySlice} />\n      {keyIndicator1Slice && <KeyIndicator1 slice={keyIndicator1Slice} />}\n    </BannerContainer>\n  );\n};\n\nexport default SectionOurCompany;\n","import SectionOurCompany from 'containers/SaasModern/SectionOurCompany';\n\n/**\n * @typedef {import(\"@prismicio/client\").Content.OurCompanySlice} OurCompanySlice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<OurCompanySlice>} OurCompanyProps\n * @param {OurCompanyProps}\n */\nconst OurCompany = ({ slice, context }) => {\n  const titleDescriptionSlice = context.allSlices.find(\n    (s) => s.slice_type === 'title_descripton',\n  );\n  const keyIndicator1Slice = context.allSlices.find(\n    (s) => s.slice_type === 'key_indicator1',\n  );\n\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n    >\n      <SectionOurCompany\n        titleDescriptionSlice={titleDescriptionSlice}\n        ourCompanySlice={slice}\n        keyIndicator1Slice={keyIndicator1Slice}\n      />\n    </section>\n  );\n};\n\nexport default OurCompany;\n"],"names":["Title","styled","h1","GradientText","span","Description","div","props","textCenter","Container","title","asTitle","description","descriptionCenter","descriptionColor","as","style","color","PrismicRichText","field","BannerContainer","Box","BannerTitle","Typography","saasModernTheme","fontFamily","customColor","backgroundTextGradient","BtnCTA","button","defaultBackgroundColor","gradiantColor","ContentWrapper","StyledContainer","StyledGrid","Grid","StatCard","gradiantShadow","StatValue","StatDescription","slice","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","stats","items","map","item","value","shortdescription","disableGutters","container","spacing","stat","index","xs","sm","md","variant","section","data-slice-type","slice_type","data-slice-variation","variation","width","StatisticsCards","VerticalLine","TextContent","SectionTitle","Paragraph","Bold","ourCompanySlice","primary","length","text","paragraph","split","char","charIndex","spans","some","type","start","end","titleDescriptionSlice","keyIndicator1Slice","TitleDescription","AboutSection","KeyIndicator1","context","allSlices","find","s","SectionOurCompany"],"sourceRoot":""}