{"version":3,"file":"component---src-pages-pricing-js-552038e813c68d8a9819.js","mappings":"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","sources":["webpack://getform/./src/components/faq/pricing-faq.js","webpack://getform/./src/components/shared/tooltip.js","webpack://getform/./src/components/pricing/plan.js","webpack://getform/./src/components/pricing/plan-carousel.js","webpack://getform/./src/components/pricing/plans.js","webpack://getform/./src/components/pricing/pricing-hero.js","webpack://getform/./src/components/pricing/section.js","webpack://getform/./src/components/pricing/email-marketing.js","webpack://getform/./src/components/pricing/forms.js","webpack://getform/./src/pages/pricing.js"],"sourcesContent":["import React from 'react'\nimport styled from '@emotion/styled'\nimport { Card, CardSet } from '../shared/cards'\nimport BaseLink from '../shared/link'\n\nconst Link = styled(BaseLink)`\n  padding: 0;\n`\n\nconst PricingFAQ = ({ className }) => (\n  <CardSet storageKey=\"pricing-faq-carousel\" className={className}>\n    <Card title=\"How much does it cost monthly?\">\n      Getform offers three subscription plans: Free, Pro ($19/mo), and Pro Max\n      ($29/mo). Plans have monthly form response limits and different feature\n      sets. You can learn more about the plans on our&nbsp;\n      <Link variant=\"fill\" to=\"/pricing/\">\n        Pricing page\n      </Link>\n      .\n    </Card>\n    <Card title=\"What happens if I reach the response limit?\">\n      Once you reach the limit allowed on your plan, your forms will be\n      automatically paused. They will no longer collect new submissions until\n      the plan is upgraded or the response counter is reset.\n    </Card>\n    <Card title=\"Can I switch between plans after I've signed up for one?\">\n      You can certainly change your subscription plan, as well as a billing\n      cycle at any time. If you alter your plan in the middle of a billing\n      period, any unused balance will be carried over to future billing periods.\n    </Card>\n    <Card title=\"Which payment methods are accepted?\">\n      We accept PayPal payments and all major credit cards.\n    </Card>\n    <Card title=\"How can I get a receipt for my payment?\">\n      You can download receipts for any of your payments in the Billing section\n      of your account.\n    </Card>\n  </CardSet>\n)\n\nexport default PricingFAQ\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport Tippy from '@tippyjs/react/headless'\n\nconst Box = styled.div`\n  position: relative;\n  width: ${p => p.theme.sizes.xs};\n  padding: ${p => p.theme.space[6]};\n  font-size: ${p => p.theme.fontSizes[1]};\n  background: ${p => p.theme.colors.white};\n  box-shadow: ${p => p.theme.shadows.overlay};\n`\n\nconst Tooltip = ({ title, children, ...props }) => {\n  return (\n    <Tippy {...props} render={attrs => <Box {...attrs}>{title}</Box>}>\n      {children}\n    </Tippy>\n  )\n}\n\nexport default Tooltip\n","import React from 'react'\n\nimport { css, useTheme } from '@emotion/react'\nimport styled from '@emotion/styled'\nimport { mediaQueries } from '../../theme'\nimport { formatNumber } from '../../utils'\nimport { H3 } from '../shared/type'\nimport Tooltip from '../shared/tooltip'\nimport { Hr as BaseHr } from '../shared/rules'\nimport BaseLink from '../shared/link'\nimport proStyles from '../shared/pro'\n\nconst Title = styled(H3)`\n  position: relative;\n  display: inline-block;\n  margin: ${p => `0 0 ${p.theme.space[6]}`};\n`\n\nconst Info = styled.div`\n  display: grid;\n  grid-gap: ${p => p.theme.space[4]};\n\n  margin-bottom: ${p => p.theme.space[8]};\n  ${mediaQueries.lg} {\n    margin-bottom: ${p => p.theme.space[10]};\n  }\n`\n\nconst InfoLink = styled(BaseLink, {\n  shouldForwardProp: prop => !['pro', 'excluded'].includes(prop),\n})`\n  ${p => p.pro && proStyles}\n  ${p => p.excluded && `text-decoration: line-through;`}\n  width: max-content;\n  margin: 0;\n  color: inherit;\n  border-bottom: 1px dashed transparent;\n  cursor: pointer;\n\n  :hover,\n  :focus {\n    border-color: ${p => p.theme.colors.text};\n  }\n`\n\nconst Note = styled.div`\n  margin-bottom: ${p => p.theme.space[10]};\n`\n\nconst NoteItem = styled.p`\n  ${p => p.pro && proStyles}\n  ${p => p.excluded && `text-decoration: line-through;`}\n  margin: 0;\n\n  &:not(:last-of-type) {\n    margin-bottom: ${p => p.theme.space[4]};\n  }\n`\n\nconst Tooltipped = ({ title, children }) => {\n  const theme = useTheme()\n  return (\n    <Tooltip placement=\"bottom-start\" title={title}>\n      <span\n        css={css`\n          cursor: pointer;\n          border-bottom: 1px dashed ${theme.colors.text};\n\n          :hover {\n            border-color: rgba(0, 0, 0, 0.3);\n          }\n        `}\n      >\n        {children}\n      </span>\n    </Tooltip>\n  )\n}\n\nconst Hr = styled(BaseHr)`\n  margin: 0 0 ${p => p.theme.space[8]};\n\n  ${mediaQueries.lg} {\n    margin-bottom: ${p => p.theme.space[8]};\n  }\n`\n\nconst Price = ({ yearly, monthly }) => {\n  const theme = useTheme()\n  return (\n    <p\n      css={css`\n        margin: 0;\n        font-size: ${theme.fontSizes[5]};\n\n        strong {\n          font-size: ${theme.fontSizes[6]};\n\n          ${mediaQueries.lg} {\n            font-size: ${theme.fontSizes[7]};\n          }\n        }\n\n        small {\n          font-size: ${theme.fontSizes[1]};\n        }\n      `}\n    >\n      <strong>${yearly}</strong>\n      {monthly ? (\n        <small>\n          {' / '}\n          <Tooltipped\n            title={`Price per month billed yearly or $${monthly} month-to-month`}\n          >\n            month\n          </Tooltipped>\n        </small>\n      ) : (\n        <small> / month</small>\n      )}\n    </p>\n  )\n}\n\nconst Plan = ({ plan, className }) => {\n  const theme = useTheme()\n  const { name, responses, yearlyPrice, monthlyPrice, features } = plan\n  return (\n    <div\n      css={css`\n        border: 2px solid ${theme.colors.black[0]};\n        box-shadow: 4px 4px 0 0 ${theme.colors.black[0]};\n        padding: ${theme.space[10]} ${theme.space[8]};\n\n        ${mediaQueries.lg} {\n          box-shadow: 8px 8px 0 0 ${theme.colors.black[0]};\n        }\n\n        ${mediaQueries.xl} {\n          padding: ${theme.space[12]} ${theme.space[12]} ${theme.space[10]};\n        }\n      `}\n      className={className}\n    >\n      <Title>{name}</Title>\n      <Info>\n        <InfoLink to=\"#forms\" {...features.forms}>\n          Forms\n        </InfoLink>\n        <InfoLink to=\"#email-marketing\" {...features.email}>\n          Email marketing\n        </InfoLink>\n        <NoteItem {...features.branding}>Branding removal</NoteItem>\n      </Info>\n      <Note>\n        <NoteItem>{formatNumber(responses)} submissions / month</NoteItem>\n        <NoteItem>$1.90 per 1000 emails</NoteItem>\n      </Note>\n      <Hr />\n      <Price yearly={yearlyPrice} monthly={monthlyPrice} />\n    </div>\n  )\n}\n\nexport default Plan\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport { Thumbnails, Slides, useCarousel } from '../shared/carousel'\nimport Plan from './plan'\n\nconst Container = styled.div``\n\nconst PlanContainer = styled.div`\n  min-width: 100%;\n  padding: ${p => `0 ${p.theme.space[2]} ${p.theme.space[1]} 0`};\n`\n\nconst PlanSlide = ({ plan, className }) => (\n  <PlanContainer className={className}>\n    <Plan plan={plan} />\n  </PlanContainer>\n)\n\nconst PlanSlides = styled(Slides)``\n\nconst PlanThumbnail = styled.div`\n  padding: ${p => `${p.theme.space[4]} 0`};\n  flex: 1;\n\n  :before {\n    content: '';\n    display: block;\n    border: ${p => `2px solid ${p.theme.colors.black[0]}`};\n    opacity: ${p => !p.selected && 0.3};\n  }\n`\n\nconst PlanThumbnails = styled(Thumbnails)`\n  margin-bottom: ${p => p.theme.space[8]};\n\n  ${PlanThumbnail} + ${PlanThumbnail} {\n    margin-left: ${p => p.theme.space[4]};\n  }\n`\n\nconst PlanCarousel = ({ plans, className }) => {\n  const { slidesRef, selectedIndex, select } = useCarousel('plan-carousel')\n\n  return (\n    <Container className={className}>\n      <PlanThumbnails>\n        {plans.map((p, index) => (\n          <PlanThumbnail\n            selected={index === selectedIndex}\n            onClick={() => select(index)}\n            key={index}\n          />\n        ))}\n      </PlanThumbnails>\n\n      <PlanSlides ref={slidesRef}>\n        {plans.map((p, index) => (\n          <PlanSlide plan={p} key={index} />\n        ))}\n      </PlanSlides>\n    </Container>\n  )\n}\n\nexport default PlanCarousel\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport { mediaQueries } from '../../theme'\nimport BasePlanCarousel from './plan-carousel'\nimport Plan from './plan'\n\nconst PLANS = [\n  {\n    name: 'Free',\n    responses: 100,\n    yearlyPrice: 0,\n    monthlyPrice: 0,\n    features: {\n      forms: { pro: false, excluded: false },\n      email: { pro: false, excluded: false },\n      branding: { pro: false, excluded: true },\n    },\n  },\n  {\n    name: 'Pro',\n    responses: 1000,\n    yearlyPrice: 14,\n    monthlyPrice: 19,\n    features: {\n      forms: { pro: true, excluded: false },\n      email: { pro: true, excluded: false },\n      branding: { pro: false, excluded: false },\n    },\n  },\n  {\n    name: 'Pro Max',\n    responses: 10000,\n    yearlyPrice: 21,\n    monthlyPrice: 29,\n    features: {\n      forms: { pro: true, excluded: false },\n      email: { pro: true, excluded: false },\n      branding: { pro: false, excluded: false },\n    },\n  },\n]\n\nconst Container = styled.div``\n\nconst Grid = styled.div`\n  display: none;\n\n  ${mediaQueries.md} {\n    display: grid;\n    grid-template-columns: minmax(0, 22.5rem);\n    grid-row-gap: ${p => p.theme.space[11]};\n    grid-column-gap: ${p => p.theme.space[5]};\n    justify-content: center;\n  }\n\n  ${mediaQueries.lg} {\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    grid-row-gap: ${p => p.theme.space[16]};\n    grid-column-gap: ${p => p.theme.space[8]};\n  }\n\n  ${mediaQueries.xl} {\n    grid-column-gap: ${p => p.theme.space[15]};\n  }\n`\n\nconst PlanCarousel = styled(BasePlanCarousel)`\n  ${mediaQueries.md} {\n    display: none;\n  }\n`\n\nconst PlanGrid = ({ plans, className }) => (\n  <Grid className={className}>\n    {plans.map((p, index) => (\n      <Plan plan={p} key={index} />\n    ))}\n  </Grid>\n)\n\nconst Plans = ({ className }) => (\n  <Container className={className}>\n    <h2 className=\"visually-hidden\">Pricing plans</h2>\n    <PlanGrid plans={PLANS} />\n    <PlanCarousel plans={PLANS} />\n  </Container>\n)\n\nexport default Plans\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport { mediaQueries } from '../../theme'\nimport { H1 } from '../shared/type'\nimport BasePlans from './plans'\n\nconst Section = styled.section``\n\nconst Heading = styled(H1)`\n  margin: 0 0 ${p => p.theme.space[8]};\n`\n\nconst Description = styled.p`\n  font-size: ${p => p.theme.fontSizes[3]};\n  margin: ${p => `0 0 ${p.theme.space[8]}`};\n  max-width: 46rem;\n\n  ${mediaQueries.md} {\n    margin: ${p => `0 0 ${p.theme.space[16]}`};\n  }\n`\n\nconst Plans = styled(BasePlans)`\n  margin-bottom: ${p => p.theme.space[14]};\n\n  ${mediaQueries.md} {\n    margin-bottom: ${p => p.theme.space[20]};\n  }\n`\n\nconst PricingHero = ({ className }) => (\n  <Section className={className}>\n    <Heading>Pricing</Heading>\n    <Description>\n      All plans include online forms, email marketing automations, email\n      broadcasts, form and email templates, AI writing assistant and live chat\n      support.\n    </Description>\n    <Plans />\n  </Section>\n)\n\nexport default PricingHero\n","import styled from '@emotion/styled'\nimport { mediaQueries } from '../../theme'\nimport { H2 } from '../shared/type'\n\nexport const Section = styled.section``\n\nexport const Subsection = styled.div`\n  & + & {\n    margin-top: ${p => p.theme.space[8]};\n\n    ${mediaQueries.lg} {\n      margin-top: ${p => p.theme.space[16]};\n    }\n  }\n`\nexport const Title = styled(H2)`\n  margin: ${p => `0 0 ${p.theme.space[14]}`};\n  font-size: ${p => p.theme.fontSizes[8]};\n\n  ${mediaQueries.lg} {\n    margin: ${p => `0 0 ${p.theme.space[16]}`};\n  }\n`\nexport const Subtitle = styled.h3`\n  color: ${p => p.theme.colors.muted};\n  font-size: ${p => p.theme.fontSizes[5]};\n  line-height: 1.5;\n\n  margin: ${p => `0 0 ${p.theme.space[6]}`};\n\n  ${mediaQueries.lg} {\n    font-size: ${p => p.theme.fontSizes[5]};\n    margin: ${p => `0 0 ${p.theme.space[12]}`};\n  }\n`\n","import React from 'react'\nimport { Card, CardSet } from '../shared/cards'\nimport { Section, Subsection, Subtitle, Title } from './section'\n\nconst EmailMarketing = ({ className }) => (\n  <Section id=\"email-marketing\" className={className}>\n    <Title>Email marketing</Title>\n\n    <Subsection>\n      <Subtitle>Contacts</Subtitle>\n      <CardSet storageKey=\"pricing-email-marketing-contacts-carousel\">\n        <Card title=\"Contact database\">\n          Keep all your leads generated via Getform in one place. Access your\n          contact database, review interaction history, add tags, and build\n          audience segments.\n        </Card>\n        <Card title=\"Segments\">\n          Improve your email marketing ROI with segmentation. Use tags,\n          locations, and other data collected via your opt-in forms to create\n          personalized campaigns.\n        </Card>\n        <Card title=\"Tags\">\n          Segment your audience using tags. Assign tags via field mapping and\n          automations; add and remove tags manually right in your contact\n          database.\n        </Card>\n        <Card title=\"Interaction history\">\n          View each contact's interaction history. Find out when and how they\n          joined your list, where they are from, and whether they've interacted\n          with your emails.\n        </Card>\n        <Card title=\"Import\">\n          Import a list of your contacts to Getform. Upload emails with custom\n          fields via a CSV file, add them manually, or import from Mailchimp or\n          Klaviyo.\n        </Card>\n        <Card title=\"Custom fields\">\n          Create and manage custom contact fields. Use them for segmentation,\n          contact filtering, and dynamic text replacement.\n        </Card>\n      </CardSet>\n    </Subsection>\n\n    <Subsection>\n      <Subtitle>Broadcasts</Subtitle>\n      <CardSet storageKey=\"pricing-email-marketing-broadcasts-carousel\">\n        <Card title=\"Audience targeting\">\n          Set up audience filters and conditions to send targeted email\n          campaigns.\n        </Card>\n        <Card title=\"Targeting templates\">\n          Use built-in targeting templates to quickly build segments for your\n          campaign.\n        </Card>\n        <Card title=\"Performance report\">\n          See how many people have received, opened, and clicked through your\n          email.\n        </Card>\n        <Card title=\"Scheduling\">\n          Send email broadcasts right away or schedule them for later.\n        </Card>\n        <Card title=\"AI smart sending\" badge=\"pro\">\n          Use AI predictions to send emails at optimal times to boost open rates\n          and CTR.\n        </Card>\n      </CardSet>\n    </Subsection>\n\n    <Subsection>\n      <Subtitle>Automations</Subtitle>\n      <CardSet storageKey=\"pricing-email-marketing-automations-carousel\">\n        <Card title=\"Form submission\">\n          Set up follow-up automations to confirm any form submission and tag\n          new contacts.\n        </Card>\n        <Card title=\"Email link click\">\n          Build automations triggered when contacts click certain links in your\n          emails.\n        </Card>\n        <Card title=\"Webhook request\">\n          Trigger email marketing workflows by real-time events and incoming\n          data.\n        </Card>\n        <Card title=\"Segment\">\n          Launch automations for the contacts joining specific segments.\n        </Card>\n        <Card title=\"Workflow\">\n          Build a reusable workflow and launch it manually or within other\n          automations.\n        </Card>\n      </CardSet>\n    </Subsection>\n\n    <Subsection>\n      <Subtitle>Features</Subtitle>\n      <CardSet storageKey=\"pricing-email-marketing-features-carousel\">\n        <Card title=\"Full-featured email editor\">\n          Use the built-in email editor to design beautiful emails with your\n          branding.\n        </Card>\n        <Card title=\"Email draft sharing\">\n          Share email drafts with your teammates before sending them to\n          subscribers.\n        </Card>\n        <Card title=\"Template gallery\">\n          Get started faster with a gallery of customizable email templates.\n        </Card>\n        <Card title=\"AI text generator\">\n          Quickly generate text for your emails from scratch or refine your own\n          copy.\n        </Card>\n        <Card title=\"Dynamic text replacement\">\n          Use names, locations, current date, and other available data in your\n          email copy.\n        </Card>\n        <Card title=\"Custom email domains\">\n          Use your own email domains to boost delivery rates and enhance\n          authenticity.\n        </Card>\n        <Card title=\"Bot-free email statistics\">\n          Filter out email interactions generated by bots, ensuring statistics\n          include only clicks and opens from real users.\n        </Card>\n        <Card title=\"Intelligent warmup\" badge=\"pro\">\n          Gradually increase email volume to improve delivery rates and reach\n          more inboxes.\n        </Card>\n        <Card title=\"Dedicated IP addresses\" badge=\"pro\">\n          Request a dedicated IP to achieve a better sender reputation and\n          deliverability.\n        </Card>\n      </CardSet>\n    </Subsection>\n  </Section>\n)\n\nexport default EmailMarketing\n","import React from 'react'\nimport { Card, CardSet } from '../shared/cards'\nimport { Section, Subsection, Subtitle, Title } from './section'\n\nconst Forms = ({ className }) => (\n  <Section id=\"forms\" className={className}>\n    <Title>Forms</Title>\n\n    <Subsection>\n      <Subtitle>Features</Subtitle>\n      <CardSet storageKey=\"pricing-forms-features-carousel\">\n        <Card title=\"Full-featured form editor\">\n          Design online forms that are truly yours: select a layout, adjust form\n          fields, swap images, and customize buttons.\n        </Card>\n        <Card title=\"Mobile-friendly forms\">\n          Never worry about your mobile audience: forms created in Getform\n          easily adapt to screens of all sizes and always look great.\n        </Card>\n        <Card title=\"Custom subdomain\">\n          Add your brand name to the page URL to let your audience know it\n          belongs to you: myshop.getform.com/cake-order-form\n        </Card>\n        <Card title=\"Template gallery\">\n          Get started faster with a gallery of ready-to-use form templates\n          prepared by professional designers.\n        </Card>\n        <Card title=\"AI text generator\">\n          Use AI to generate text for your forms faster. Get smart suggestions\n          for the form title, description, and CTA button.\n        </Card>\n        <Card title=\"Statictics & reports\">\n          See how many people have seen and clicked through your forms; build\n          activity reports using charts and filters.\n        </Card>\n        <Card title=\"Dynamic text replacement\">\n          Automatically insert customers' locations, names, and current dates in\n          the text of your forms and landing pages.\n        </Card>\n        <Card title=\"CSS editor\" badge=\"pro\">\n          Tailor Getform mini landing pages to your branding with the built-in\n          CSS editor. Adjust the sizing, spacing, font, and color theme.\n        </Card>\n        <Card title=\"Skip logic and branching\" badge=\"pro\">\n          Create online forms that adapt each subsequent page to the options\n          selected by respondents.\n        </Card>\n      </CardSet>\n    </Subsection>\n\n    <Subsection>\n      <Subtitle>Integrations</Subtitle>\n      <CardSet storageKey=\"pricing-forms-integrations-carousel\">\n        <Card title=\"Email marketing apps\">\n          Connect Getform with Klaviyo, Mailchimp, Kit, and other email\n          marketing apps.\n        </Card>\n        <Card title=\"CRM & automation apps\">\n          Make use of built-in integrations with marketing platforms like\n          Hubspot and Keap.\n        </Card>\n        <Card title=\"Customer support apps\">\n          Optimize your customer experience by connecting Intercom or Zendesk.\n        </Card>\n        <Card title=\"Third-party apps\">\n          Connect your forms and landing pages with Google Sheets or other apps\n          via Zapier.\n        </Card>\n      </CardSet>\n    </Subsection>\n  </Section>\n)\n\nexport default Forms\n","import React from 'react'\nimport styled from '@emotion/styled'\nimport { css } from '@emotion/react'\nimport { H2 } from '../components/shared/type'\nimport UiContainer from '../components/shared/container'\nimport { mediaQueries } from '../theme'\nimport Layout from '../components/layout'\nimport PageMetadata from '../components/page-metadata'\nimport FooterCta from '../components/footer-cta'\nimport PricingHero from '../components/pricing/pricing-hero'\nimport BaseEmailMarketing from '../components/pricing/email-marketing'\nimport BaseForms from '../components/pricing/forms'\nimport PricingFAQ from '../components/faq/pricing-faq'\nimport BaseRunningLine from '../components/home/running-line'\n\nconst sectionBottomIndents = ({ theme }) => css`\n  margin-bottom: ${theme.space[21]};\n\n  ${mediaQueries.lg} {\n    margin-bottom: ${theme.space[26]};\n  }\n`\n\nconst sectionTopIndents = ({ theme }) => css`\n  padding-top: ${theme.space[21]};\n\n  ${mediaQueries.lg} {\n    padding-top: ${theme.space[26]};\n  }\n`\n\nconst Container = styled(UiContainer)`\n  ${sectionBottomIndents}\n`\n\nconst RunningLine = styled(BaseRunningLine)``\n\nconst BottomRunningLine = styled(BaseRunningLine)`\n  ${sectionBottomIndents}\n`\n\nconst EmailMarketing = styled(BaseEmailMarketing)`\n  ${sectionBottomIndents}\n  ${sectionTopIndents}\n`\n\nconst Forms = styled(BaseForms)`\n  ${sectionTopIndents}\n`\n\nconst Title = styled(H2)`\n  margin: ${p => `0 0 ${p.theme.space[8]}`};\n  font-size: ${p => p.theme.fontSizes[8]};\n\n  ${mediaQueries.lg} {\n    margin: ${p => `0 0 ${p.theme.space[15]}`};\n  }\n`\n\nconst PricingPage = ({ location }) => (\n  <Layout location={location}>\n    <PageMetadata\n      title=\"Explore Getform Subscription Plans: Small, Medium, and Large\"\n      description=\"Getform subscription plans vary based on the number of monthly form submissions. Explore your options and pick the one that will be sufficient for your project.\"\n      keywords=\"getform subscription, getform pricing\"\n    />\n    <Container>\n      <PricingHero />\n    </Container>\n\n    <RunningLine text={['Capture Leads', 'Automate Emails', 'Boost Revenue']} />\n\n    <Container>\n      <Forms />\n      <EmailMarketing />\n    </Container>\n\n    <BottomRunningLine\n      text={['Capture Leads', 'Automate Emails', 'Boost Revenue']}\n    />\n\n    <Container>\n      <Title>FAQ</Title>\n      <PricingFAQ />\n    </Container>\n\n    <FooterCta />\n  </Layout>\n)\n\nexport default PricingPage\n"],"names":["Link","BaseLink","className","storageKey","title","variant","to","Box","p","theme","sizes","xs","space","fontSizes","colors","white","shadows","overlay","children","props","render","attrs","Title","H3","Info","mediaQueries","InfoLink","shouldForwardProp","prop","includes","pro","proStyles","excluded","text","Note","NoteItem","Tooltipped","useTheme","placement","css","Hr","BaseHr","Price","yearly","monthly","plan","name","responses","yearlyPrice","monthlyPrice","features","black","forms","email","branding","formatNumber","Container","PlanContainer","PlanSlide","PlanSlides","Slides","PlanThumbnail","selected","PlanThumbnails","Thumbnails","plans","useCarousel","slidesRef","selectedIndex","select","map","index","onClick","key","ref","PLANS","Grid","PlanCarousel","BasePlanCarousel","PlanGrid","Section","Heading","H1","Description","Plans","BasePlans","Subsection","H2","Subtitle","muted","id","badge","sectionBottomIndents","sectionTopIndents","UiContainer","RunningLine","BaseRunningLine","BottomRunningLine","EmailMarketing","BaseEmailMarketing","Forms","BaseForms","location","description","keywords"],"sourceRoot":""}