pricing enterprise scope update

Author: Michał Gryczka

src/components/pricing/style.scss

@@ -4,6 +4,8 @@
   flex-flow: column;
   align-items: center;
   justify-content: flex-start;
+  padding: 0 20px;
+  box-sizing: border-box;
 
   #pricing-toggle {
     display: flex;
@@ -42,22 +44,40 @@
       justify-content: center;
 
       .pricing-card {
-        max-width: 255px;
+        max-width: 320px;
       }
     }
 
     @include break-up(sm) {
-      grid-template-columns: repeat(auto-fit, 255px);
-      column-gap: 25px;
-      row-gap: 25px;
+      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
+      column-gap: 15px;
+      row-gap: 30px;
       justify-content: center;
     }
 
+    @include break-up(md) {
+      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+      column-gap: 20px;
+      row-gap: 30px;
+      justify-content: center;
+      max-width: 620px;
+      margin: 0 auto;
+    }
+
+    @include break-up(lg) {
+      grid-template-columns: repeat(4, minmax(280px, 320px));
+      column-gap: 30px;
+      row-gap: 30px;
+      justify-content: center;
+      max-width: none;
+      margin: 0;
+    }
+
     @include break-up(xl) {
-      grid-template-columns: repeat(auto-fit, 255px);
-      // justify-content: space-between;
-      column-gap: 25px;
-      row-gap: 25px;
+      grid-template-columns: repeat(4, 320px);
+      column-gap: 30px;
+      row-gap: 30px;
+      justify-content: center;
     }
 
     .pricing-card {

src/content/pricing/enterprise.mdx

@@ -14,6 +14,9 @@ buttonText: "Contact Sales"
   - Custom user limits or unlimited
   - Custom VPN locations limit or unlimited
   - Custom [network devices](https://docs.defguard.net/admin-and-features/network-devices) (eg. IoT) limit or unlimited
-- Dedicated Support (SLA)
-
+- [Offline license](https://docs.defguard.net/enterprise/license#offline-license)
+- Enterprise Support:
+  - Guaranteed response within 1 business day
+  - Dedicated representative
+  - Pre-arranged calls for issue resolution
 

src/pages/pricing.astro

@@ -81,12 +81,10 @@ const tags = [
     <div id="get-evaluation-license" class="sla-support-wrapper">
       <div id="sla-support">
         <div class="left">
-          <h2>Request offline or evalution license</h2>
+          <h2>Evaluation license</h2>
           <p class="sla-description">
-            The plans above are also available in offline mode - meaning no connection to our licensing server is requeired. If you're interested in offline license, please fill the form below.
-          </br></br>
             For <strong>evaluations</strong> or proof-of-concept testing, we're happy to provide
-            a trial license.
+            a 14-day free of charge evaluation license. For convenience, please provide your company information (name, address and Tax Identification Number) in the form below.
           </p>
         </div>
         <ContentLimiter contentId="sla-support-content" maxWidth={1100}>
@@ -121,10 +119,10 @@ const tags = [
       }
 
       #pricing-tiers {
-        padding-bottom: calc(100px - var(--nav-height));
+        padding-bottom: calc(50px - var(--nav-height));
 
         @include break-up(md) {
-          padding-bottom: calc(200px - var(--nav-height));
+          padding-bottom: calc(80px - var(--nav-height));
         }
 
         h1 {
@@ -249,7 +247,7 @@ const tags = [
       .sla-support-wrapper {
         width: 100%;
         background-color: var(--background-secondary, #f5f5f5);
-        padding: 60px 0;
+        padding: 40px 0 60px 0;
       }
 
       #sla-support {
@@ -261,17 +259,13 @@ const tags = [
           width: 100%;
 
           & > h2 {
-            @include typography(paragraph);
+            @include typography(h2);
             box-sizing: border-box;
-            font-family: "Poppins";
-            font-size: 36px;
-            font-weight: 400;
-            line-height: 1.14;
             padding-top: 20px;
             padding-left: 20px;
             padding-right: 20px;
             padding-bottom: 0;
-            max-width: 1100px;
+            max-width: 1500px;
             margin: 0 auto;
             word-wrap: break-word;
             overflow-wrap: break-word;
@@ -281,7 +275,6 @@ const tags = [
               padding-top: 54px;
               padding-left: 20px;
               padding-right: 20px;
-              font-size: 55px;
               padding-bottom: 0;
             }
           }
@@ -306,7 +299,7 @@ const tags = [
         max-width: 1100px;
         margin: 0 auto;
         padding: 30px 20px;
-        padding-bottom: 100px;
+        padding-bottom: 30px;
         box-sizing: border-box;
       }
 
@@ -335,6 +328,11 @@ const tags = [
       .book .double-inputs {
         z-index: 1000;
       }
+
+      /* Hide floating links on pricing page */
+      #floating-links {
+        display: none !important;
+      }
     </style>
   </main>
 </BaseLayout>