interstitial-payment.pug 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. extends ../layout
  2. include ./plans/_mixins
  3. block vars
  4. - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
  5. - var suppressFooter = true
  6. - var suppressNavbarRight = true
  7. - var suppressCookieBanner = true
  8. block append meta
  9. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  10. meta(name="ol-itm_content" content=itm_content)
  11. block content
  12. main.content.content-alt#main-content
  13. .content-page
  14. .plans
  15. .container
  16. if showInrGeoBanner
  17. div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
  18. .row
  19. .col-md-12
  20. .page-header.centered.plans-header.text-centered.top-page-header
  21. h1.text-capitalize #{translate('choose_your_plan')}
  22. +monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
  23. +plans_v2_table_sticky_header(true, interstitialPaymentConfig)
  24. .row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
  25. .col-sm-12
  26. .row
  27. table.card.plans-v2-table.plans-v2-table-individual
  28. +plans_v2_table('monthly', interstitialPaymentConfig)
  29. .row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
  30. .col-sm-12
  31. .row
  32. table.card.plans-v2-table.plans-v2-table-individual
  33. +plans_v2_table('annual', interstitialPaymentConfig)
  34. //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
  35. .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
  36. .row.row-spaced-large.text-centered
  37. .col-xs-12
  38. p.text-centered
  39. strong *
  40. |  
  41. | !{translate("the_free_compile_timeout_will_be_changing_soon_with_faster_servers", {}, [{name: 'a', attrs: {href: '/blog/changes-to-free-compile-timeouts-and-servers', rel: 'noopener noreferrer', target: '_blank'}}])}
  42. if (showSkipLink)
  43. .row.row-spaced-small.text-center
  44. a(href='/project'
  45. event-tracking="skip-button-click"
  46. event-tracking-mb="true"
  47. event-tracking-trigger="click"
  48. event-segmentation='{"location": "interstitial-page"}'
  49. )
  50. | #{translate("continue_with_free_plan")}
  51. != moduleIncludes("contactModalGeneral-marketing", locals)