{"version":3,"file":"b56f791591b6c014c12efb854458bbdc00ea69e4-140eb0221e7de25f235b.js","mappings":"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","sources":["webpack://reduct-dot-video/./src/components/Button.jsx","webpack://reduct-dot-video/./src/assets/images/logo.svg","webpack://reduct-dot-video/./src/components/Form/CTAForm.js","webpack://reduct-dot-video/./src/assets/images/close-dark.svg","webpack://reduct-dot-video/./src/assets/images/cta-Illustration.webp","webpack://reduct-dot-video/./src/components/Home/CTA.js","webpack://reduct-dot-video/./src/constants/CTA.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Button = (props) => {\n  const { text, className = '', onClick} = props;\n\n  return (\n    <button\n      type=\"button\"\n      className={`btn inline ${className}`}\n      onClick={onClick}\n    >\n      {text}\n    </button>\n  );\n};\n\nButton.propTypes = {\n  text: PropTypes.string.isRequired,\n  className: PropTypes.string,\n  onClick: PropTypes.func,\n};\nexport default Button;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjciIGhlaWdodD0iNjYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzgwOF8xNjMxKSI+PHBhdGggZD0iTTQ4LjgwNyAxOC4xMjFILjkyNnY0Ny44OGg0Ny44OHYtNDcuODh6IiBmaWxsPSIjRkZFMkNDIi8+PHBhdGggZD0iTTY2LjkyIDE4LjIyM0g0OC44djM2LjEzM2gxOC4xMlYxOC4yMjN6IiBmaWxsPSIjM0M0NUFCIi8+PHBhdGggZD0iTTEyLjU2NiAzNi4yMzZ2MTguMTJjMTAuMDA2IDAgMTguMTItOC4xMSAxOC4xMi0xOC4xMlYxOC4xMmgtMTguMTJ2MTguMTE1ek00OC43OTggMzYuMjM0SDMwLjg0djE4LjEyaDE3Ljk1OHYtMTguMTJ6IiBmaWxsPSIjNUI5MEY2Ii8+PHBhdGggZD0iTTQ4LjgwNSAwSDEyLjU2NnYxOC4xMkg0OC44MDVjMTAuMDAzIDAgMTguMTE5LTguMTEgMTguMTE5LTE4LjEyaC0xOC4xMnoiIGZpbGw9IiMzQzQ1QUIiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF84MDhfMTYzMSI+PHBhdGggZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLjkyNikiIGQ9Ik0wIDBoNjZ2NjZIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=\"","/* eslint-disable react/no-unescaped-entities */\n\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport closeIcon from 'assets/images/close-dark.svg';\nimport DEFAULT_FORM_CTA from 'constants/CTA';\nimport validateEmail from 'utils/validateEmail';\n\nimport Button from '../Button';\n\nconst CALENDLY_URL = 'https://calendly.com/reduct-team/demo';\n\nconst validateCTAForm = (formData) => {\n  const errors = {};\n  let isFormValid = true;\n\n  Object.keys(formData).forEach((key) => {\n    let errorText = null;\n\n    if (!formData[key].trim() && key !== 'reductHelpValue')\n      errorText = 'Please complete this required field';\n    else if (key === 'email' && !validateEmail(formData[key]))\n      errorText = 'Email must be formatted correctly';\n    errors[key] = errorText;\n    isFormValid = isFormValid && !errorText;\n  });\n\n  if (isFormValid) return false;\n\n  return errors;\n};\n\nconst InputField = ({\n  containerClass,\n  onChange,\n  name,\n  placeholder = '',\n  label,\n  value,\n  type = '',\n  formErrors = {},\n}) => {\n  if (type === 'radio') {\n    return (\n      <div className={containerClass}>\n        <input\n          onChange={() => {\n            return onChange({ target: { name, value } });\n          }}\n          id={value}\n          type=\"radio\"\n          name={name}\n          className=\"hidden\"\n        />\n        <label htmlFor={value} className=\"flex items-center cursor-pointer\">\n          <span className=\"w-4 h-4 inline-block mr-1 rounded-full border border-grey\" />\n          {label}\n        </label>\n      </div>\n    );\n  }\n\n  return (\n    <div className={containerClass}>\n      <label\n        className=\"block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2\"\n        htmlFor={name}\n      >\n        {label || name}\n      </label>\n      <input\n        onChange={onChange}\n        name={name}\n        className=\"text-left appearance-none block w-full bg-gray-200 text-gray-700 border border-gray-200 rounded py-3 px-4 leading-tight focus:outline-none focus:bg-white-400 focus:border-gray-500 h-10\"\n        id={name}\n        type=\"text\"\n        placeholder={placeholder}\n      />\n      {formErrors[name] && (\n        <p className=\"text-red-500 text-xs italic\">{formErrors[name]}</p>\n      )}\n    </div>\n  );\n};\n\nInputField.propTypes = {\n  containerClass: PropTypes.string,\n  placeholder: PropTypes.string,\n  label: PropTypes.string,\n  type: PropTypes.string,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string.isRequired,\n  formErrors: PropTypes.shape({}),\n};\n\nconst CTAForm = ({ handleSubmit, title, subTitle, toggleModal, planTier }) => {\n  const [formData, setFormData] = useState({\n    firstName: '',\n    lastName: '',\n    email: '',\n    companyName: '',\n    role: '',\n    reductHelpValue: '',\n    heardFrom: '',\n  });\n  const [formErrors, setErrors] = useState({});\n\n  const [formSubmitSuccess, setFormSubmitSuccess] = useState(false);\n\n  const [loggedFormOpened, setLoggedFormOpened] = useState(false);\n\n  const onSubmit = (e) => {\n    e.preventDefault();\n\n    const errors = validateCTAForm(formData);\n\n    if (!errors) {\n      if (window.analytics) {\n        window.analytics.identify(\n          {\n            email: formData.email,\n            firstName: formData.firstName,\n            lastName: formData.lastName,\n            company: formData.companyName,\n            title: formData.role,\n            needHelpWith: formData.reductHelpValue,\n            leadSource: 'Website',\n            heardFrom: formData.heardFrom,\n            planTier,\n          },\n          {\n            integrations: {\n              Salesforce: true,\n            },\n          }\n        );\n      }\n\n      if (planTier) formData.plan_tier = planTier;\n      setErrors({});\n      handleSubmit(formData);\n      setFormSubmitSuccess(true);\n    } else {\n      setErrors(errors);\n    }\n  };\n\n  const onChange = (e) => {\n    const { name, value } = e.target;\n\n    setFormData({\n      ...formData,\n      [name]: value,\n    });\n    setErrors({\n      ...formErrors,\n      [name]: '',\n    });\n  };\n\n  const onScheduleMeeting = () => {\n    if (typeof window !== 'undefined' && window.Calendly) {\n      window.Calendly.initPopupWidget({ url: CALENDLY_URL });\n    }\n  };\n\n  if (formSubmitSuccess) {\n    onScheduleMeeting();\n    return (\n      <div className=\"flex flex-col justify-center p-1/10 text-center h-full\">\n        <img\n          height=\"1\"\n          width=\"1\"\n          style={{ display: 'none' }}\n          alt=\"\"\n          src=\"https://px.ads.linkedin.com/collect/?pid=3385196&conversionId=5368116&fmt=gif\"\n        />\n        <p>\n          Thank you for submitting your request. We will get back to you as soon\n          as possible. If you haven't already...\n        </p>\n        <div className=\"mt-4\">\n          <Button\n            className=\"btn btn-secondary mb-8 md:mb-0 btn-lg\"\n            onClick={onScheduleMeeting}\n            text=\"Click here to schedule a meeting\"\n          />\n        </div>\n      </div>\n    );\n  }\n\n  if (window.analytics && !loggedFormOpened) {\n    setLoggedFormOpened(true);\n  }\n\n  return (\n    <div className=\"p-1/10\">\n      <div className=\"flex justify-end visible md:invisible\">\n        <button type=\"button\" onClick={toggleModal}>\n          <img loading=\"lazy\" src={closeIcon} alt=\"Close\" />\n        </button>\n      </div>\n      <div className=\"mb-4\">\n        <div className=\"justify-center text-xl\">\n          {title || DEFAULT_FORM_CTA}\n        </div>\n        <p>{subTitle}</p>\n      </div>\n      <form className=\"w-full max-w-lg\" onSubmit={onSubmit}>\n        <div className=\"flex flex-wrap -mx-3 mb-6\">\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full md:w-1/2 px-3 mb-6 md:mb-0\"\n            label=\"First Name\"\n            name=\"firstName\"\n            required\n          />\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full md:w-1/2 px-3\"\n            label=\"Last Name\"\n            name=\"lastName\"\n            required\n          />\n        </div>\n        <div className=\"flex flex-wrap -mx-3 mb-6\">\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full px-3\"\n            label=\"Email\"\n            name=\"email\"\n            placeholder=\"name@company.com\"\n            required\n          />\n        </div>\n        <div className=\"flex flex-wrap -mx-3 mb-6\">\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full px-3\"\n            label=\"Job Title\"\n            name=\"role\"\n            required\n          />\n        </div>\n\n        <div className=\"flex flex-wrap -mx-3 mb-6\">\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full px-3\"\n            label=\"Company Name\"\n            name=\"companyName\"\n            required\n          />\n        </div>\n        <div className=\"flex flex-wrap -mx-3 mb-6\">\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full px-3\"\n            label=\"How did you hear about Reduct?\"\n            name=\"heardFrom\"\n            required\n          />\n        </div>\n        <div className=\"flex flex-wrap -mx-3 mb-6\">\n          <InputField\n            formErrors={formErrors}\n            onChange={onChange}\n            containerClass=\"w-full px-3\"\n            label=\"What are you hoping to achieve with Reduct?\"\n            name=\"reductHelpValue\"\n          />\n        </div>\n\n        <button className=\"btn btn-secondary mb-8 md:mb-0 btn-lg\" type=\"submit\">\n          Submit\n        </button>\n      </form>\n    </div>\n  );\n};\n\nCTAForm.propTypes = {\n  handleSubmit: PropTypes.func,\n  title: PropTypes.string,\n  subTitle: PropTypes.string,\n  planTier: PropTypes.string,\n  toggleModal: PropTypes.func.isRequired,\n};\n\nexport default CTAForm;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjEyIDE5LjYxNGwyLjI2Ni0yLjI2Ny03LjI3OC03LjI3OSA3LjI3OC03LjI3OEwxNy4xMi41MjMgOS44NDEgNy44IDIuNTYzLjUyMy4yOTUgMi43OWw3LjI3OSA3LjI3OC03LjI3OSA3LjI3OSAyLjI2OCAyLjI2NyA3LjI3OC03LjI3OSA3LjI3OCA3LjI3OXoiIGZpbGw9IiMwMDAiLz48L3N2Zz4=\"","export default \"data:image/webp;base64,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\"","/* eslint-disable react/jsx-no-comment-textnodes */\nimport React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from 'components/Modal';\nimport Button from 'components/Button';\nimport ReductLogo from '../../assets/images/logo.svg';\nimport DEFAULT_FORM_CTA, { DEFAULT_FORM_SUBTITLE } from '../../constants/CTA';\nimport CTAForm from 'components/Form/CTAForm';\nimport Link from 'components/Link';\nimport { SignUpModalContext } from '../../context/SignUpModalContext';\nimport { FlagsContext } from '../../context/FlagsContext';\nimport { CalendlyPopup } from '../../utils/CalendarlyPopup';\nimport CTAIllustration from '../../assets/images/cta-Illustration.webp';\nimport { navigate } from 'gatsby';\n\nexport const TalkToSalesForm = ({\n  hideModal,\n  formTitle = DEFAULT_FORM_CTA,\n  subTitle = DEFAULT_FORM_SUBTITLE,\n  planTier = null,\n}) => {\n  const handleSubmit = () => {};\n\n  return (\n    <Modal ctaModal closeHandler={hideModal}>\n      <CTAForm\n        handleSubmit={handleSubmit}\n        title={formTitle}\n        toggleModal={hideModal}\n        subTitle={subTitle}\n        planTier={planTier}\n      />\n    </Modal>\n  );\n};\n\nTalkToSalesForm.propTypes = {\n  hideModal: PropTypes.func,\n  formTitle: PropTypes.string,\n  subTitle: PropTypes.string,\n  planTier: PropTypes.string,\n};\n\nexport const TalkToSalesButton = ({\n  openByDefault = false,\n  text = DEFAULT_FORM_CTA,\n  className = '',\n  formTitle = DEFAULT_FORM_CTA,\n}) => {\n  const [modalState, setModalState] = useState(!!openByDefault);\n  return (\n    <>\n      {modalState ? (\n        <TalkToSalesForm\n          hideModal={() => setModalState(false)}\n          formTitle={formTitle}\n        />\n      ) : (\n        ''\n      )}\n      <Button\n        type=\"button\"\n        text={text}\n        onClick={() => setModalState(true)}\n        className={`btn btn-secondary mb-8 md:mb-0 btn-lg ${className}`}\n      />\n    </>\n  );\n};\nTalkToSalesButton.propTypes = {\n  openByDefault: PropTypes.bool,\n  text: PropTypes.string,\n  className: PropTypes.string,\n  formTitle: PropTypes.string,\n};\n\nexport const TryReductOrRequestDemoCTA = ({ setModalState }) => (\n  <form className=\"flex flex-col items-center w-full mt-8 md:flex-row\">\n    <div className=\"relative flex flex-col w-full text-xl md:items-start md:w-full\">\n      <div className=\"flex flex-col order-2 w-full md:flex-row md:order-1\">\n        <Button\n          type=\"button\"\n          text={DEFAULT_FORM_CTA}\n          onClick={() => setModalState(true)}\n          className=\"mb-8 btn btn-secondary md:mb-0 btn-lg\"\n        />\n      </div>\n    </div>\n  </form>\n);\nTryReductOrRequestDemoCTA.propTypes = {\n  setModalState: PropTypes.func,\n};\n\nexport function reductFetch(url, fetchArgs) {\n  const args = fetchArgs || {};\n\n  // Firefox 60 and Adobe Premiere need this or else they won't send\n  // the token.\n  args.credentials = args.credentials || 'same-origin';\n\n  // We send a custom header which can only be sent same-origin.\n  const headers = args.headers || {};\n  headers['X-Using-Reduct-Fetch'] = 'true';\n  headers['X-Sequential-Git-Version'] = '-1';\n  args.headers = headers;\n\n  return window.fetch(url, args);\n}\n\nconst InputField = ({\n  onChange,\n  value,\n  type,\n  placeholder,\n  className,\n  invalid,\n}) => {\n  const additionalClasses = `${className} ${invalid ? 'invalid' : ''}`;\n  return (\n    <input\n      className={`cta-input py-1 px-8 text-xl leading-loose w-full inline-block text-gray-700 leading-tight focus:outline-none focus:shadow-outline ${additionalClasses}`}\n      type={type}\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder}\n    />\n  );\n};\n\nInputField.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  value: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  placeholder: PropTypes.string,\n  className: PropTypes.string,\n  invalid: PropTypes.bool,\n};\n\nexport const VideoBlogCTA = ({\n  text = 'Explore the power of text-based video editing.',\n  ctaText = 'Try Reduct for free →',\n  ctaType,\n  linkTo,\n}) => {\n  const { modalState, setModalState, setCtaPlacement } =\n    useContext(SignUpModalContext);\n\n  const { isFreeTrialCtaDisabled } = useContext(FlagsContext);\n\n  const handleClick = (ctaType) => {\n    if (linkTo) {\n      navigate(linkTo);\n      return;\n    }\n\n    if (isFreeTrialCtaDisabled || ctaType === 'sales') {\n      CalendlyPopup();\n      return;\n    }\n\n    setCtaPlacement('middle');\n    setModalState(!modalState);\n  };\n\n  return (\n    <div\n      className=\"flex justify-center items-center w-[100%] bg-[#3C45AB] sm:bg-[#fff] border-0 sm:border-2 rounded-2xl border-red-100 py-4 my-16 cursor-pointer gap-[32px] px-4 sm:px-6 hover:drop-shadow-md\"\n      onClick={() => handleClick(ctaType)}\n    >\n      <div className=\"hidden sm:block\">\n        <img\n          loading=\"lazy\"\n          className=\"img-margin-0\"\n          width={100}\n          src={ReductLogo}\n          alt=\"reduct-logo\"\n        />\n      </div>\n      <div className=\"flex flex-col w-full\">\n        <div className=\"text-white-400 sm:text-[#353535] p-text font-normal mb-4 \">\n          {text}\n        </div>\n        <div className=\"text-white-400 sm:text-blue-400 font-bold sub-head\">\n          {isFreeTrialCtaDisabled ? 'Get a Reduct demo →' : ctaText}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const VideoFooterCta = ({\n  text = 'Reduct removes the pain of working with video.',\n  ctaText = 'Try Reduct for free →',\n  ctaType = 'video',\n  linkTo,\n}) => {\n  const { modalState, setModalState, setCtaPlacement } =\n    useContext(SignUpModalContext);\n\n  const { isFreeTrialCtaDisabled } = useContext(FlagsContext);\n\n  const handleClick = (ctaType) => {\n    if (linkTo) {\n      navigate(linkTo);\n      return;\n    }\n\n    if (isFreeTrialCtaDisabled || ctaType === 'sales') {\n      CalendlyPopup();\n      return;\n    }\n    setCtaPlacement('footer');\n    setModalState(!modalState);\n  };\n\n  return (\n    <div\n      className=\"flex justify-center items-center w-[100%] my-10 gap-[10%] cursor-pointer p-[48px] bg-[#3E45A5] md:bg-[#F7F3EF] rounded-[22px]\"\n      onClick={() => handleClick(ctaType)}\n    >\n      <div className=\"w-[25%] hidden md:block\">\n        <img\n          src={CTAIllustration}\n          alt=\"cta-illustration\"\n          placeholder=\"blurred\"\n        />\n      </div>\n      <div className=\"flex flex-col gap-[12px] justify-center leading-tight w-[100%]\">\n        <div className=\"text-[30px] text-[#F7F3EF] md:text-[#353535] font-extrabold\">\n          {text}\n        </div>\n        <div>\n          <button className=\"btn-dark-blue btn-dark-blue-lg cursor-pointer text-[19px] md:text-[26px] font-medium border-2 w-full sm:w-fit px-4\">\n            {isFreeTrialCtaDisabled ? 'Get a Reduct demo →' : ctaText}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport const LiveCaptureBlogCTA = () => {\n  const { isFreeTrialCtaDisabled } = useContext(FlagsContext);\n\n  const handleClick = () => {\n    CalendlyPopup();\n  };\n\n  if (isFreeTrialCtaDisabled) {\n    return (\n      <div\n        className=\"flex items-center w-[100%] bg-[#3C45AB] sm:bg-[#fff] border-0 sm:border-2 rounded-2xl border-red-100 py-4 my-16 cursor-pointer gap-[32px] px-4 sm:px-6 hover:drop-shadow-md\"\n        onClick={handleClick}\n      >\n        <div className=\"hidden sm:block\">\n          <img\n            loading=\"lazy\"\n            width={100}\n            className=\"img-margin-0\"\n            src={ReductLogo}\n            alt=\"reduct-logo\"\n          />\n        </div>\n        <div className=\"flex flex-col gap-[12px] justify-center leading-tight w-[100%]\">\n          <div className=\"text-white-400\tsm:text-[#353535] p-text font-normal mb-4\">\n            Say goodbye to manual note-taking with Reduct's Live Capture!\n          </div>\n          <div className=\"text-white-400 sm:text-blue-400  font-bold sub-head\">\n            Get a Reduct demo →\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Link\n        className=\"blog-cta-text\"\n        to=\"https://app.reduct.video/live-capture/\"\n      >\n        <div className=\"flex items-center w-[100%] bg-[#3C45AB] sm:bg-[#fff] border-0 sm:border-2 rounded-2xl border-red-100 py-4 my-16 cursor-pointer gap-[32px] px-4 sm:px-6 hover:drop-shadow-md\">\n          <div className=\"hidden sm:block\">\n            <img\n              loading=\"lazy\"\n              className=\"img-margin-0\"\n              width={100}\n              src={ReductLogo}\n              alt=\"reduct-logo\"\n            />\n          </div>\n          <div className=\"flex flex-col gap-[12px] justify-center leading-tight w-[100%]\">\n            <div className=\"text-white-400\tsm:text-[#353535] p-text font-normal mb-4\">\n              Say goodbye to manual note-taking with Reduct's Live Capture!\n            </div>\n            <div className=\"text-white-400 sm:text-blue-400 blog-cta-text font-bold sub-head\">\n              Try Live Capture →\n            </div>\n          </div>\n        </div>\n      </Link>\n    </>\n  );\n};\n\nexport const LiveCaptureFooterCta = () => {\n  const { isFreeTrialCtaDisabled } = useContext(FlagsContext);\n\n  const handleClick = () => {\n    CalendlyPopup();\n  };\n\n  if (isFreeTrialCtaDisabled) {\n    return (\n      <div\n        className=\"flex justify-center items-center w-[100%] my-10 cursor-pointer gap-[10%] p-[48px] bg-[#3E45A5] md:bg-[#F7F3EF] rounded-[22px]\"\n        onClick={handleClick}\n      >\n        <div className=\"w-[25%] hidden md:block\">\n          <img\n            src={CTAIllustration}\n            alt=\"cta-illustration\"\n            placeholder=\"blurred\"\n          />\n        </div>\n        <div className=\"flex flex-col justify-center leading-tight w-[100%] md:w-[45%]\">\n          <div className=\"text-[30px] font-extrabold blog-cta-text text-[#F7F3EF] md:text-[#353535]\">\n            Focus on your meetings,{' '}\n            <span className=\"font-extrabold text-[30px] blog-cta-text text-[#F7F3EF] md:text-blue-400\">\n              not your notes.\n            </span>\n          </div>\n          <div>\n            <button className=\"btn-dark-blue btn-dark-blue-lg cursor-pointer text-[19px] md:text-[26px] font-medium border-2 w-full sm:w-fit px-4 \">\n              Get a Reduct demo →\n            </button>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Link\n        className=\"blog-cta-text\"\n        to=\"https://app.reduct.video/live-capture/\"\n      >\n        <div className=\"flex justify-center items-center w-[100%] my-10 gap-[10%] p-[48px] bg-[#3E45A5] md:bg-[#F7F3EF] rounded-[22px]\">\n          <div className=\"w-[25%] hidden md:block\">\n            <img\n              src={CTAIllustration}\n              alt=\"cta-illustration\"\n              placeholder=\"blurred\"\n            />\n          </div>\n          <div className=\"flex flex-col justify-center leading-tight w-[100%] md:w-[45%] gap-4\">\n            <div className=\"text-[30px] font-extrabold blog-cta-text  text-[#F7F3EF] md:text-[#353535]\">\n              Focus on your meetings,{' '}\n              <span className=\"font-extrabold text-[30px] blog-cta-text text-[#F7F3EF] md:text-blue-400\">\n                not your notes.\n              </span>\n            </div>\n            <button className=\"btn-dark-blue btn-dark-blue-lg cursor-pointer text-[19px] md:text-[26px] font-medium border-2 w-full sm:w-fit px-4 \">\n              Try Live Capture →\n            </button>\n          </div>\n        </div>\n      </Link>\n    </>\n  );\n};\n","const DEFAULT_FORM_CTA = 'Request Free Trial';\n\nexport const DEFAULT_FORM_SUBTITLE =\n  'Schedule a quick meeting to start your free trial!';\n\nexport default DEFAULT_FORM_CTA;\n"],"names":["props","text","className","onClick","React","type","InputField","_ref","containerClass","onChange","name","placeholder","label","value","formErrors","target","id","htmlFor","_ref2","handleSubmit","title","subTitle","toggleModal","planTier","formData","setFormData","useState","firstName","lastName","email","companyName","role","reductHelpValue","heardFrom","setErrors","formSubmitSuccess","setFormSubmitSuccess","loggedFormOpened","setLoggedFormOpened","e","onScheduleMeeting","window","Calendly","initPopupWidget","url","height","width","style","display","alt","src","Button","analytics","loading","DEFAULT_FORM_CTA","onSubmit","preventDefault","errors","isFormValid","Object","keys","forEach","key","errorText","trim","validateEmail","validateCTAForm","identify","company","needHelpWith","leadSource","integrations","Salesforce","plan_tier","required","TalkToSalesForm","hideModal","formTitle","DEFAULT_FORM_SUBTITLE","Modal","ctaModal","closeHandler","CTAForm","VideoBlogCTA","_ref5","ctaText","ctaType","linkTo","modalState","setModalState","setCtaPlacement","useContext","SignUpModalContext","isFreeTrialCtaDisabled","FlagsContext","navigate","CalendlyPopup","handleClick","ReductLogo","VideoFooterCta","_ref6","CTAIllustration","LiveCaptureBlogCTA","Link","to","LiveCaptureFooterCta"],"sourceRoot":""}