{"version":3,"file":"static/chunks/14.af1c012d86ffea09.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/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/logo/icon/SearchIcon.js","webpack://_N_E/./src/containers/SaasModern/AiHUb/Category/HeroSearch/index.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/Mit/EventMit.js","webpack://_N_E/./src/containers/SaasModern/Hero2/hero2.style.js","webpack://_N_E/./src/containers/SaasModern/Hero2/index.js","webpack://_N_E/./src/slices/Hero2/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';\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","import React from 'react';\n\nconst SearchIcon = () => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n    >\n      <path\n        d=\"M21.5299 20.4693L16.8358 15.7762C18.1963 14.1428 18.8748 12.0478 18.73 9.92691C18.5852 7.80604 17.6283 5.82265 16.0584 4.38932C14.4885 2.95599 12.4264 2.18308 10.3012 2.23138C8.1759 2.27968 6.15108 3.14547 4.64791 4.64864C3.14474 6.15181 2.27895 8.17663 2.23065 10.3019C2.18235 12.4271 2.95526 14.4892 4.38859 16.0591C5.82191 17.629 7.80531 18.5859 9.92618 18.7307C12.047 18.8755 14.1421 18.1971 15.7755 16.8365L20.4686 21.5306C20.5383 21.6003 20.621 21.6556 20.7121 21.6933C20.8031 21.731 20.9007 21.7504 20.9992 21.7504C21.0978 21.7504 21.1954 21.731 21.2864 21.6933C21.3775 21.6556 21.4602 21.6003 21.5299 21.5306C21.5995 21.4609 21.6548 21.3782 21.6925 21.2871C21.7302 21.1961 21.7497 21.0985 21.7497 21C21.7497 20.9014 21.7302 20.8038 21.6925 20.7128C21.6548 20.6218 21.5995 20.539 21.5299 20.4693ZM3.74924 10.5C3.74924 9.16495 4.14512 7.8599 4.88682 6.74987C5.62852 5.63984 6.68272 4.77467 7.91612 4.26378C9.14953 3.75289 10.5067 3.61922 11.8161 3.87967C13.1255 4.14012 14.3282 4.78299 15.2722 5.727C16.2162 6.671 16.8591 7.87374 17.1195 9.18311C17.38 10.4925 17.2463 11.8497 16.7354 13.0831C16.2245 14.3165 15.3594 15.3707 14.2493 16.1124C13.1393 16.8541 11.8343 17.25 10.4992 17.25C8.70964 17.248 6.9939 16.5362 5.72846 15.2708C4.46302 14.0053 3.75122 12.2896 3.74924 10.5Z\"\n        fill=\"#636F81\"\n      />\n    </svg>\n  );\n};\n\nexport default SearchIcon;\n","import { Box, TextField, Typography, Button, InputBase } from '@mui/material';\nimport Container from 'common/components/Container';\nimport Image from 'next/image';\nimport { useState } from 'react';\nimport eventBus from 'containers/SaasModern/Mit/EventMit';\nimport SearchIcon from 'common/assets/image/logo/icon/SearchIcon';\n\nconst HeroSearch = ({ slice }) => {\n  const [item, setItem] = useState('');\n  const handelChange = (e) => {\n    setItem(e.target.value);\n  };\n  const handelSearch = () => {\n    eventBus.emit('customEvent', { itemSearch: item });\n  };\n  return (\n    <Container>\n      <Box\n        display=\"flex\"\n        alignItems=\"center\"\n        sx={{\n          width: ['98%', '80%'],\n          height: ['40px', '50px'],\n          padding: '10px',\n          flexDirection: 'row',\n          alignItems: 'center',\n          gap: '10px',\n          borderRadius: '10px',\n          background: '#FFF',\n          boxShadow: '0px 4px 40px 0px rgba(255, 110, 114, 0.24)',\n        }}\n      >\n        <Box sx={{ width: '25px', height: '25px' }}>\n          <SearchIcon />\n        </Box>\n\n        <InputBase\n          sx={{\n            flex: 1,\n            border: '2px solid white',\n            height: ['30px', null, '40px'],\n          }}\n          placeholder=\"Find an AI from the list\"\n          onChange={handelChange}\n        />\n\n        <Button\n          sx={{\n            display: 'flex',\n            height: ['40px', null, '40px'],\n            padding: '12px 16px',\n            justifyContent: 'center',\n            alignItems: 'center',\n            borderRadius: '12px',\n            border: '1px solid var(--Primary-Main, #FF6E72)',\n            background: 'var(--Primary-Main, #FF6E72)',\n            '&:hover': {\n              background: 'var(--Primary-Dark, #D93A47)', // Darken the background color on hover\n              borderColor: 'var(--Primary-Dark, #D93A47)', // Darken the border on hover\n            },\n          }}\n          onClick={handelSearch}\n        >\n          <Typography\n            sx={{\n              color: 'var(--White-White, #FFF)',\n              fontSize: ['8px', null, '14px'],\n              fontStyle: 'normal',\n              fontWeight: 600,\n              lineHeight: '140%',\n              letterSpacing: '-0.28px',\n            }}\n          >\n            {/* {slice.primary.inputplaceholder} */}search\n          </Typography>\n        </Button>\n      </Box>\n    </Container>\n  );\n};\nexport default HeroSearch;\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 mitt from \"mitt\";\nconst eventBus = mitt();\nexport default eventBus;\n","import styled from 'styled-components';\n\nexport const Hero2Section = styled.div`\n  width: 100%;\n  min-height: 100vh;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n`;\n\nexport const ContainerStyled = styled.div`\n    display: flex;\n    flex-direction: row; /* Default to row layout */\n    gap: 20px; /* Gap between elements */\n    align-items: center; /* Align items vertically */\n    width:100%;\n    @media (max-width: 1024px) {\n      flex-direction: column-reverse; /* Reverse order on small screens */\n    }\n`;\n\nexport const Element1Styled = styled.div`\n    flex: 0 0 60%;  \n    @media (max-width: 1024px) {\n      text-align: center;\n    }\n`;\n\nexport const Element2Styled = styled.div`\n    flex: 0 0 40%;  \n    @media (max-width: 680px) {\n      flex: 0;  \n    }\n`;","import React, { useState } from 'react';\nimport {\n  Hero2Section,\n  ContainerStyled,\n  Element1Styled,\n  Element2Styled,\n} from './hero2.style';\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward';\nimport HeadLineComponent from 'common/HeadLine';\nimport DescriptionComponent from 'common/Description';\nimport NextImage from 'common/components/NextImage';\nimport {\n  ButtonLogoWrapper,\n  PrimaryButton,\n  SecondaryButton,\n} from 'containers/SaasModern/Banner/banner.style';\nimport Container from 'common/components/Container';\n\n\nconst Hero2 = ({ slice }) => {  \n  return (\n    <Hero2Section>\n      <Container>\n        <ContainerStyled>\n          <Element1Styled>\n            <div data-aos=\"zoom-in\">\n              <HeadLineComponent field={slice.primary.title} />\n            </div>\n            <div data-aos=\"zoom-in\">\n              <DescriptionComponent field={slice.primary.description} />\n            </div>\n            <ButtonLogoWrapper data-aos=\"zoom-in\">\n              {slice.primary.cta_try_swiftask &&\n                slice.primary.cta_try_swiftask.trim() !== '' && (\n                  <PrimaryButton\n                    onClick={() => {\n                      const url = slice.primary.linktryswiftask;\n                      window.open(url, '_blank');\n                    }}\n                  >\n                    {slice.primary.cta_try_swiftask}\n                    <ArrowForwardIcon sx={{ marginLeft: '8px' }} />\n                  </PrimaryButton>\n                )}\n              {slice.primary.cta_book_demo &&\n                slice.primary.cta_book_demo.trim() !== '' && (\n                  <SecondaryButton\n                    onClick={() => {\n                      window.open('/contact-us', '_blank');\n                    }}\n                  >\n                    {slice.primary.cta_book_demo}\n                  </SecondaryButton>\n                )}\n            </ButtonLogoWrapper>\n          </Element1Styled>\n          <Element2Styled data-aos=\"zoom-in\">\n            <NextImage\n              field={slice.primary.image}\n              priority={true}\n            />\n          </Element2Styled>\n        </ContainerStyled>\n      </Container>\n    </Hero2Section>\n  );\n};\n\nexport default Hero2;\n","/**\n * @typedef {import(\"@prismicio/client\").Content.Hero2Slice} Hero2Slice\n * @typedef {import(\"@prismicio/react\").SliceComponentProps<Hero2Slice>} Hero2Props\n * @param {Hero2Props}\n */\n\nimport HeroSearch from 'containers/SaasModern/AiHUb/Category/HeroSearch';\nimport Hero2Component from 'containers/SaasModern/Hero2';\n\nconst Hero2 = ({ slice }) => {\n  return (\n    <section\n      data-slice-type={slice.slice_type}\n      data-slice-variation={slice.variation}\n    >\n      <Hero2Component slice={slice}/>\n     \n    {/* <HeroSection slice={slice}/> */}\n    </section>\n  );\n};\n\nexport default Hero2;\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","styled","div","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","svg","xmlns","viewBox","fill","path","d","slice","item","setItem","useState","Container","Box","alignItems","padding","flexDirection","gap","borderRadius","boxShadow","SearchIcon","InputBase","border","placeholder","onChange","e","target","value","Button","justifyContent","onClick","eventBus","emit","itemSearch","BannerComponent","section","BannerBG","src","HeadLine","Description","FormSection","ButtonLogoWrapper","PrimaryButton","button","defaultBackgroundColor","gradiantColor","SecondaryButton","gradiantShadow","PrimaryLink","Link","StyledLink","a","BannerWrapperNav","mitt","Hero2Section","ContainerStyled","Element1Styled","Element2Styled","data-aos","HeadLineComponent","primary","title","DescriptionComponent","description","cta_try_swiftask","trim","url","linktryswiftask","window","open","ArrowForwardIcon","marginLeft","cta_book_demo","NextImage","image","priority","data-slice-type","slice_type","data-slice-variation","variation","Hero2Component"],"sourceRoot":""}