From 118296f2f40b82eb07a1db2d0b07cb27ecf22cb0 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Thu, 11 Jul 2024 18:45:02 +0700
Subject: [PATCH] Merge pull request #19369 from
 overleaf/mf-new-plans-page-disclaimer-price

[web] New plans page - prices disclaimer section

GitOrigin-RevId: bf41514bdce063b1a47c17142f1b3f576633e697
---
 .../stylesheets/app/plans/plans-new-design.less     | 13 +++++++++++++
 services/web/public/img/other-brands/logo_amex.svg  |  5 +++++
 .../web/public/img/other-brands/logo_mastercard.svg |  7 +++++++
 .../web/public/img/other-brands/logo_paypal.svg     |  8 ++++++++
 services/web/public/img/other-brands/logo_visa.svg  |  5 +++++
 5 files changed, 38 insertions(+)
 create mode 100644 services/web/public/img/other-brands/logo_amex.svg
 create mode 100644 services/web/public/img/other-brands/logo_mastercard.svg
 create mode 100644 services/web/public/img/other-brands/logo_paypal.svg
 create mode 100644 services/web/public/img/other-brands/logo_visa.svg

diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index af0070f0e5..e08988f16a 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -743,6 +743,19 @@
       }
     }
   }
+
+  .plans-price-disclaimer {
+    font-size: var(--font-size-01);
+    line-height: var(--line-height-01);
+    margin-top: var(--spacing-08);
+    text-align: center;
+
+    .plans-price-disclaimer-icons {
+      display: flex;
+      justify-content: center;
+      gap: var(--spacing-04);
+    }
+  }
 }
 
 .plans-faq {
diff --git a/services/web/public/img/other-brands/logo_amex.svg b/services/web/public/img/other-brands/logo_amex.svg
new file mode 100644
index 0000000000..66f7c4f8d5
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_amex.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="3.5" fill="#1F72CD"/>
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="3.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.09517 8.5L2.91406 15.7467H6.7223L7.19441 14.5913H8.27355L8.74566 15.7467H12.9375V14.8649L13.311 15.7467H15.4793L15.8528 14.8462V15.7467H24.5706L25.6307 14.6213L26.6232 15.7467L31.1009 15.7561L27.9097 12.1436L31.1009 8.5H26.6927L25.6608 9.60463L24.6995 8.5H15.2156L14.4013 10.3704L13.5678 8.5H9.7675V9.35186L9.34474 8.5H6.09517ZM6.83205 9.52905H8.68836L10.7984 14.4431V9.52905H12.8319L14.4617 13.0524L15.9637 9.52905H17.987V14.7291H16.7558L16.7458 10.6544L14.9509 14.7291H13.8495L12.0446 10.6544V14.7291H9.51179L9.03162 13.5633H6.43744L5.95827 14.728H4.60123L6.83205 9.52905ZM24.1196 9.52905H19.1134V14.726H24.0421L25.6307 13.0036L27.1618 14.726H28.7624L26.436 12.1426L28.7624 9.52905H27.2313L25.6507 11.2316L24.1196 9.52905ZM7.73508 10.4089L6.8804 12.4856H8.58876L7.73508 10.4089ZM20.3497 11.555V10.6057V10.6048H23.4734L24.8364 12.1229L23.413 13.6493H20.3497V12.613H23.0808V11.555H20.3497Z" fill="white"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_mastercard.svg b/services/web/public/img/other-brands/logo_mastercard.svg
new file mode 100644
index 0000000000..faec784ac9
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_mastercard.svg
@@ -0,0 +1,7 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="5.5" fill="white"/>
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="5.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.179 16.8294C15.9949 17.8275 14.459 18.43 12.7807 18.43C9.03582 18.43 6 15.4303 6 11.73C6 8.02966 9.03582 5.02997 12.7807 5.02997C14.459 5.02997 15.9949 5.63247 17.179 6.63051C18.363 5.63247 19.8989 5.02997 21.5773 5.02997C25.3221 5.02997 28.358 8.02966 28.358 11.73C28.358 15.4303 25.3221 18.43 21.5773 18.43C19.8989 18.43 18.363 17.8275 17.179 16.8294Z" fill="#ED0006"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1797 16.8294C18.6376 15.6005 19.5621 13.7719 19.5621 11.73C19.5621 9.68801 18.6376 7.85941 17.1797 6.63051C18.3637 5.63247 19.8996 5.02997 21.578 5.02997C25.3228 5.02997 28.3587 8.02966 28.3587 11.73C28.3587 15.4303 25.3228 18.43 21.578 18.43C19.8996 18.43 18.3637 17.8275 17.1797 16.8294Z" fill="#F9A000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1793 16.8294C18.6372 15.6005 19.5616 13.7719 19.5616 11.73C19.5616 9.68805 18.6372 7.85946 17.1793 6.63055C15.7213 7.85946 14.7969 9.68805 14.7969 11.73C14.7969 13.7719 15.7213 15.6005 17.1793 16.8294Z" fill="#FF5E00"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_paypal.svg b/services/web/public/img/other-brands/logo_paypal.svg
new file mode 100644
index 0000000000..06a83e494e
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_paypal.svg
@@ -0,0 +1,8 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="0.5" width="33.5" height="23" rx="3.5" fill="white"/>
+<rect x="1" y="0.5" width="33.5" height="23" rx="3.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.115 18.4482L15.3357 16.9991L14.844 16.9873H12.4961L14.1278 6.29364C14.1329 6.26126 14.1493 6.2312 14.1733 6.20981C14.1975 6.18843 14.2282 6.1767 14.2604 6.1767H18.2193C19.5338 6.1767 20.4408 6.45933 20.9143 7.01727C21.1363 7.27902 21.2777 7.55261 21.3461 7.85357C21.4179 8.16945 21.4191 8.54679 21.3491 9.00709L21.344 9.04057V9.33555L21.566 9.46557C21.7529 9.56809 21.9015 9.6854 22.0155 9.81969C22.2054 10.0435 22.3282 10.328 22.3801 10.6652C22.4338 11.0119 22.4161 11.4247 22.3282 11.892C22.2269 12.4294 22.0632 12.8975 21.842 13.2805C21.6386 13.6334 21.3795 13.9262 21.0717 14.153C20.7779 14.3685 20.4289 14.5321 20.0343 14.6368C19.6519 14.7397 19.2158 14.7917 18.7376 14.7917H18.4295C18.2093 14.7917 17.9953 14.8737 17.8273 15.0207C17.6588 15.1707 17.5475 15.3758 17.5133 15.6L17.49 15.7305L17.1 18.2847L17.0824 18.3784C17.0776 18.4081 17.0696 18.4229 17.0578 18.4329C17.0473 18.4421 17.0321 18.4482 17.0173 18.4482H15.115Z" fill="#28356A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7761 9.07465C21.7644 9.15273 21.7508 9.23252 21.7356 9.31451C21.2136 12.0852 19.4273 13.0423 17.146 13.0423H15.9845C15.7055 13.0423 15.4703 13.2516 15.4269 13.5361L14.6638 18.5394C14.6356 18.7262 14.7748 18.8945 14.9571 18.8945H17.0173C17.2612 18.8945 17.4684 18.7113 17.5069 18.4626L17.5271 18.3545L17.915 15.8103L17.9399 15.6707C17.9779 15.4212 18.1856 15.2379 18.4295 15.2379H18.7376C20.7336 15.2379 22.2961 14.4004 22.7528 11.9765C22.9435 10.964 22.8448 10.1186 22.34 9.52396C22.1873 9.3447 21.9977 9.19586 21.7761 9.07465Z" fill="#298FC2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2288 8.84962C21.149 8.82555 21.0667 8.8038 20.9823 8.78413C20.8974 8.76494 20.8105 8.74796 20.7211 8.73305C20.4079 8.68075 20.0647 8.65594 19.6971 8.65594H16.5941C16.5176 8.65594 16.445 8.67379 16.3801 8.70604C16.2369 8.77716 16.1306 8.9172 16.1049 9.08864L15.4447 13.4102L15.4258 13.5362C15.4692 13.2517 15.7043 13.0424 15.9833 13.0424H17.1449C19.4261 13.0424 21.2124 12.0847 21.7345 9.31457C21.7501 9.23258 21.7632 9.15279 21.7749 9.07471C21.6428 9.00224 21.4998 8.94029 21.3457 8.8875C21.3077 8.87443 21.2684 8.86184 21.2288 8.84962Z" fill="#22284F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1047 9.08862C16.1304 8.91718 16.2367 8.77715 16.3799 8.70652C16.4453 8.67414 16.5174 8.6563 16.5939 8.6563H19.6969C20.0645 8.6563 20.4077 8.68123 20.7208 8.73353C20.8103 8.74831 20.8972 8.76542 20.9821 8.7846C21.0665 8.80415 21.1488 8.82603 21.2286 8.84998C21.2682 8.8622 21.3075 8.8749 21.3459 8.88749C21.4999 8.94028 21.6431 9.00272 21.7752 9.07469C21.9305 8.05082 21.7739 7.3537 21.2383 6.72245C20.6478 6.0274 19.5821 5.72998 18.2184 5.72998H14.2593C13.9808 5.72998 13.7431 5.9393 13.7001 6.22426L12.0511 17.0279C12.0186 17.2416 12.1781 17.4344 12.3866 17.4344H14.8308L16.1047 9.08862Z" fill="#28356A"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_visa.svg b/services/web/public/img/other-brands/logo_visa.svg
new file mode 100644
index 0000000000..388a933e39
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_visa.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="0.5" width="33.5" height="23" rx="5.5" fill="white"/>
+<rect x="1" y="0.5" width="33.5" height="23" rx="5.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.251 15.8582H9.19129L7.64674 9.79235C7.57343 9.51332 7.41776 9.26664 7.18879 9.15038C6.61737 8.85821 5.9877 8.62568 5.30078 8.50841V8.27487H8.61886C9.07681 8.27487 9.42026 8.62568 9.47751 9.03311L10.2789 13.4086L12.3376 8.27487H14.3401L11.251 15.8582ZM15.485 15.8582H13.5398L15.1415 8.27487H17.0868L15.485 15.8582ZM19.6035 10.3757C19.6607 9.96725 20.0042 9.73372 20.4049 9.73372C21.0346 9.67508 21.7205 9.79235 22.2929 10.0835L22.6364 8.45079C22.0639 8.21725 21.4343 8.09998 20.8628 8.09998C18.9748 8.09998 17.601 9.15038 17.601 10.6082C17.601 11.7173 18.5741 12.2996 19.261 12.6504C20.0042 13.0002 20.2904 13.2337 20.2332 13.5835C20.2332 14.1082 19.6607 14.3418 19.0893 14.3418C18.4024 14.3418 17.7155 14.1669 17.0868 13.8747L16.7433 15.5084C17.4303 15.7996 18.1734 15.9169 18.8603 15.9169C20.9773 15.9745 22.2929 14.9251 22.2929 13.35C22.2929 11.3664 19.6035 11.2502 19.6035 10.3757ZM29.1008 15.8582L27.5562 8.27487H25.8972C25.5537 8.27487 25.2103 8.50841 25.0958 8.85821L22.2356 15.8582H24.2381L24.6378 14.7502H27.0983L27.3273 15.8582H29.1008ZM26.1834 10.3171L26.7548 13.1751H25.153L26.1834 10.3171Z" fill="#172B85"/>
+</svg>