{"version":3,"file":"js/WhyPrintivity-WhyPrintivity-4334bea60bf3a3fc6e3b.chunk.js","mappings":"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","sources":["webpack://printivity/./client/app/bundles/App/pages/HomePage/WhyPrintivity/WhyPrintivity.tsx","webpack://printivity/./client/app/styleguide/components/Heading/H3.tsx","webpack://printivity/./client/app/styleguide/components/HtmlContent/HtmlContent.tsx","webpack://printivity/./client/app/styleguide/components/InfoCards/InfoCard/InfoCard.tsx","webpack://printivity/./client/app/styleguide/components/InfoCards/InfoCards.tsx","webpack://printivity/./client/app/styleguide/components/Heading/Heading.scss?2107"],"sourcesContent":["import * as React from 'react';\nimport InfoCards from 'styleguide/components/InfoCards/InfoCards';\nimport H3 from 'styleguide/components/Heading/H3';\nimport Button from 'styleguide/components/Button/Button';\nimport { infoCards } from 'bundles/App/pages/HomePage/types';\n\nconst WhyPrintivity = () => {\n  const scrollToReviewsSetion = () => {\n    const el = document.getElementById('wow');\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n\n  return (\n    <div className=\"w-full border-b border-solid border-gray-50\">\n      <div\n        className=\"mx-auto flex max-w-screen-xl justify-between\n            py-24 lg:pl-10 -md:w-full -md:flex-col -md:text-center\"\n      >\n        <div className=\"mx-4 md:self-center md:pl-6 lg:pl-0\">\n          <H3 className=\"mb-3 !text-4xl !leading-10 !tracking-wide\">\n            Why <br /> Printivity?\n          </H3>\n          <p className=\"sm:paragraph-medium-desktop paragraph-medium-mobile mb-12 max-w-[530px] sm:mb-16 md:mb-4 lg:max-w-[250px] xl:max-w-[348px] -md:mx-auto\">\n            World-class service, dedication to your projects, and excellent quality sets us apart from the\n            rest. Get the support you need to grow your business and your brand.\n          </p>\n          <Button onClick={scrollToReviewsSetion} className=\"-md:!hidden\" type=\"button\" color=\"blue\">\n            See What Customers Are Saying\n          </Button>\n        </div>\n        <InfoCards infoCards={infoCards} grid iconSize=\"md\" />\n        <Button\n          onClick={scrollToReviewsSetion}\n          className=\"mx-6 mb-16 !text-sm xs:max-w-full sm:mx-auto sm:max-w-[192px] md:!hidden\"\n          color=\"blue\"\n          type=\"button\"\n        >\n          See What Customers Are Saying\n        </Button>\n      </div>\n    </div>\n  );\n};\n\nexport default WhyPrintivity;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport * as css from './Heading.scss';\n\nconst H3 = ({ children, className, ...otherProps }: React.HTMLProps<HTMLHeadingElement>) => (\n  <h3 className={cn(css.Heading, css.H3, className)} {...otherProps}>\n    {children}\n  </h3>\n);\n\nexport default H3;\n","import * as React from 'react';\nimport cn from 'classnames';\n\ninterface Props extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> {\n  content: string;\n  noStyle?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n}\n\nconst HtmlContent = ({ className, content, noStyle, onClick, ...otherProps }: Props) =>\n  noStyle ? (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      className={cn(className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: content }}\n      onClick={onClick}\n      role=\"button\"\n      tabIndex={0}\n      {...otherProps}\n    />\n  ) : (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      className={cn('prose-a:text-blue hover:prose-a:text-blue-900', className)}\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={{ __html: content }}\n      onClick={onClick}\n      role=\"button\"\n      tabIndex={0}\n      {...otherProps}\n    />\n  );\n\nexport default HtmlContent;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport Image from 'styleguide/components/Image/Image';\nimport Link from 'styleguide/components/Links/Link';\nimport A from 'styleguide/components/Links/A';\nimport Span from 'styleguide/components/Span/Span';\nimport HtmlContent from 'styleguide/components/HtmlContent/HtmlContent';\nimport { Info } from './types';\n\nconst InfoCard = ({\n  iconSize = 'sm',\n  title,\n  content,\n  subcontent,\n  image,\n  grid,\n  cardClassNames,\n  alignment,\n  ...props\n}: Info) => {\n  const Icon = props.icon;\n  const iconSizeStyle = {\n    xxs: '!h-4 !w-4',\n    xs: '!h-8 !w-8',\n    sm: '!h-12 !w-12',\n    md: '!h-20 !w-20',\n    lg: '!h-24 !w-24',\n    xl: '!h-32 !w-32',\n    xxl: '!h-40 !w-40',\n  };\n  return (\n    <div\n      key={`${title}`}\n      className={cn(\n        'flex flex-col justify-start space-y-4 overflow-hidden text-default xl:max-w-[292px]',\n        grid ? '!items-start !text-left -md:!items-center -md:!text-center' : '',\n        alignment === 'left' ? 'items-left text-left' : 'items-center text-center',\n        cardClassNames?.cardClasses,\n      )}\n    >\n      {!!props.icon && (\n        <div className=\"flex-shrink-0\">\n          <Icon className={cn('text-blue', iconSizeStyle[iconSize])} />\n        </div>\n      )}\n      {!!image && (\n        <Image\n          title={title}\n          alt={title}\n          url={image}\n          className={cn(iconSizeStyle[iconSize], cardClassNames?.imageClasses)}\n        />\n      )}\n      <div className={cn('font-hvBold', cardClassNames?.titleClasses)}>{title}</div>\n      <div\n        className={cn(\n          'max-w-[280px] text-sm xs:w-1/2 sm:w-full lg:text-base',\n          alignment === 'center' && 'mx-auto',\n          cardClassNames?.contentWrapperClasses,\n        )}\n      >\n        {!!content && <HtmlContent content={content} className={cardClassNames?.contentClasses} />}\n        {!!subcontent && <HtmlContent content={subcontent} className={cardClassNames?.subContentClasses} />}\n      </div>\n      {!!props.actionLinkText && (\n        <Span className={cardClassNames?.linkClasses}>\n          {props.useRouterLink ? (\n            <Link to={props.actionLink} color=\"blue\" underline=\"always\">\n              {props.actionLinkText}\n            </Link>\n          ) : (\n            <A color=\"blue\" underline=\"always\" href={props.actionLink}>\n              {props.actionLinkText}\n            </A>\n          )}\n        </Span>\n      )}\n    </div>\n  );\n};\n\nexport default InfoCard;\n","import * as React from 'react';\nimport cn from 'classnames';\nimport InfoCard from 'styleguide/components/InfoCards/InfoCard/InfoCard';\nimport { Info } from 'styleguide/components/InfoCards/InfoCard/types';\nimport { UiSize } from 'styleguide/styles/sizes';\n\ninterface Props {\n  infoCards: Info[];\n  iconSize?: UiSize;\n  grid?: boolean;\n  alignment?: 'left' | 'center';\n}\n\nconst InfoCards = ({ infoCards, grid, alignment, ...props }: Props) => (\n  <div className=\"mx-4 flex justify-center bg-shades-0 py-8\">\n    <div\n      className={cn(\n        'grid w-full grid-cols-1 gap-x-8  gap-y-14 sm:grid-cols-2 xl:grid-cols-4',\n        grid ? 'sm:!grid-cols-2 md:!grid-cols-3  xl:px-16' : 'md:grid-cols-2',\n      )}\n    >\n      {infoCards.map((info: Info, i: number) => (\n        <InfoCard\n          key={i}\n          icon={info.icon}\n          title={info.title}\n          content={info.content}\n          subcontent={info.subcontent}\n          iconSize={props.iconSize}\n          grid={grid}\n          image={info.image}\n          cardClassNames={info.cardClassNames}\n          alignment={alignment}\n        />\n      ))}\n    </div>\n  </div>\n);\n\nInfoCards.Card = InfoCard;\n\nexport default InfoCards;\n","// extracted by mini-css-extract-plugin\nvar _1 = \"Heading__H1__fFvYD\";\nvar _2 = \"Heading__H2__AjHxx\";\nvar _3 = \"Heading__H3__qt4UR\";\nvar _4 = \"Heading__H4__okv2H\";\nvar _5 = \"Heading__H4--light__ctQWQ\";\nvar _6 = \"Heading__H5__egliJ\";\nvar _7 = \"Heading__H5--light__ws7gX\";\nvar _8 = \"Heading__H6___WhM4\";\nvar _9 = \"Heading__Heading__ksTvS\";\nexport { _1 as \"H1\", _2 as \"H2\", _3 as \"H3\", _4 as \"H4\", _5 as \"H4--light\", _6 as \"H5\", _7 as \"H5--light\", _8 as \"H6\", _9 as \"Heading\" }\n"],"names":["scrollToReviewsSetion","el","document","getElementById","scrollIntoView","behavior","React","className","H3","Button","onClick","type","color","InfoCards","infoCards","grid","iconSize","_ref","children","otherProps","_objectWithoutProperties","_excluded","Object","assign","cn","css","content","noStyle","dangerouslySetInnerHTML","__html","role","tabIndex","_ref$iconSize","title","subcontent","image","cardClassNames","alignment","props","Icon","icon","iconSizeStyle","xxs","xs","sm","md","lg","xl","xxl","key","concat","cardClasses","Image","alt","url","imageClasses","titleClasses","contentWrapperClasses","HtmlContent","contentClasses","subContentClasses","actionLinkText","Span","linkClasses","useRouterLink","Link","to","actionLink","underline","A","href","map","info","i","InfoCard","Card","_1","_2","_3","_4","_5","_6","_7","_8","_9"],"sourceRoot":""}