feat: pricing page (for tiered pricing) (#1894)

https://www.notion.so/As-a-potential-web3-storage-customer-when-select-a-tier-on-the-pre-login-Pricing-page-I-am-redirec-fac64c48624043b1b60844433525eb5e

- [x] move out of blockbuilder style
- [x] pricing tiers display except enterprise
- [x] enterprise pricing tier
- [x] get new links to payment page working
- [ ] ~enterprise custom form
(#1918
- [x] enterprise mailto
- [x] copy old FAQ
- [x] FAQ links
- [x] trusted by the future section
- [x] ~trusted by the future links~ no links, no testimonals
- [x] copy trailing links from the bottom of the page (welcome, how-to,
concepts, reference)
- [x] final updated copy (Figma has old text?)
- [x] pricing tier bullet vertical alignment


https://www.notion.so/Pricing-Page-Updates-e03acf99100844c79e3c5632e9aec726

- [x] change Pro to Expert
- [x] remove “See what people building the future of the web today have
to say, and get started”
- [x] on the second bullet under expert it says "lowest price"? It
should say "lowest tier price"


https://www.notion.so/Pricing-Page-Updates-II-3b38e72d13d146a1a48ecd0ee1115b9e

- [x] Remove last bullet in Lite as it is a repeat from something in
Free (sorry, that is our fault)
- [x] At top of page (first paragraph), make Web3.storage entirely
lowercase
- [x] Remove this text: Trusted by the future
Web3.Storage is the easiest way to build on the decentralized web from
hackathon projects to production code at scale.


Drew:
- [x] fix mobile

Mail generated from the mailto:

![image](https://user-images.githubusercontent.com/22156330/192392203-59d98617-a692-4f3a-a6e9-7470990ebe5c.png)

packages/website/components/navigation/navigation.js

@@ -39,7 +39,7 @@ export default function Navigation({ isProductApp }) {
   const navItems = links.filter(item => item.text.toLowerCase() !== 'account');
   const auth = GeneralPageData.navigation.auth;
   const logoText = GeneralPageData.site_logo.text;
-  const theme = router.route === '/pricing' || isProductApp ? 'light' : 'dark';
+  const theme = isProductApp ? 'light' : 'dark';
   const buttonTheme = isProductApp ? 'pink-blue' : '';
   const isDocs = router.route.includes('docs');
 

packages/website/content/pages/pricing.json

@@ -1,113 +1,88 @@
 {
-  "seo": {
-    "title": "",
-    "description": ""
-  },
-  "og": {
-    "site_name": "",
-    "url": "",
-    "type": "website",
-    "image": ""
-  },
   "page_content": [
-    [
-      {
-        "id": "pricing_hero_header",
-        "columns": [
-          {
-            "type": "hero",
-            "page": "pricing",
-            "cols": {
-              "num": "col-6_md-5_sm-10_ti-12",
-              "push_left": "off-6_md-6_sm-2_ti-0"
-            },
-            "format": "header",
-            "heading": "Decentralized shouldn't cost more than centralized storage.",
-            "subheading": "Stop worrying about costs and focus only on the potential of your application. <strong>All storage on Web3.Storage is free today.</strong>"
-          }
-        ]
-      }
-    ],
     [
       {
         "type": "section-data",
         "gradient": true,
         "variant": "light"
       },
       {
-        "id": "section_tiers",
+        "id": "section_pricing_header",
         "grid": ["middle"],
         "columns": [
           {
-            "type": "text_block",
+            "type": "custom",
             "cols": {
-              "num": "col-6_sm-8_mi-10_ti-12",
+              "num": "col-10_sm-8_mi-10_ti-12",
               "push_left": "off-0_sm-2_mi-1_ti-0"
             },
-            "format": "medium",
-            "heading": "Storage that grows with you",
-            "description": [
-              "Web3.Storage is designed to scale to meet your storage needs. The economics of Filecoin allow us to offer all storage for free today.",
-              "The 1 TiB storage tier is open to everyone. If you need more than 1TiB, that's still free today, but we need to know more about your project so we can scale the service to meet your needs.",
-              "In the future, users will be able to pay to increase their storage capacity. This will remain low-cost, and all limits already increased for free will continue to be respected!"
+            "customizations": [
+              {
+                "type": "corkscrew",
+                "id": "intro_1-hero-corkscrew"
+              },
+              {
+                "type": "coil",
+                "id": "intro_1-coil"
+              },
+              {
+                "type": "cross",
+                "id": "intro_1-cross"
+              },
+              {
+                "type": "text_block",
+                "format": "header",
+                "heading": "Storage that grows with you",
+                "description": [
+                  "Web3.Storage is designed for scale and simplicity. Utilize our elastic, hosted data platform that natively integrates decentralized data and authentication protocols. No need to worry about performance or reliability."
+                ]
+              }
             ]
-          },
+          }
+        ]
+      },
+      {
+        "id": "section_trusted_by_header",
+        "grid": ["middle"],
+        "columns": [
           {
             "type": "custom",
             "cols": {
-              "num": "col-6_sm-8_mi-10_ti-12",
+              "num": "col-10_sm-8_mi-10_ti-12",
               "push_left": "off-0_sm-2_mi-1_ti-0"
             },
             "customizations": [
               {
-                "type": "triangle",
-                "id": "section_tiers-triangle"
-              },
-              {
-                "type": "image_block",
-                "src": "/images/tiers/holo-graph.png"
+                "type": "text_block",
+                "format": "medium",
+                "subheading": "TRUSTED BY"
               }
             ]
           }
         ]
       },
       {
-        "id": "section_tiers-cards",
+        "id": "section_trusted_by_logos",
+        "grid": ["middle"],
         "columns": [
           {
-            "type": "card_list_block",
+            "type": "custom",
             "cols": {
-              "num": "col-12"
+              "num": "col-10_sm-8_mi-10_ti-12",
+              "push_left": "off-0_sm-2_mi-1_ti-0"
             },
-            "direction": "column",
-            "cards": [
+            "customizations": [
               {
-                "type": "E",
-                "label": "FREE",
-                "title": "Up to 1 TiB",
-                "description": "<ul><li>Get started storing data on Filecoin and retrieving via the IPFS network</li><li>Integrate with your product or project, or just use for data storage</li><li>No strings attached</li></ul>",
-                "cta": {
-                  "text": "START HERE",
-                  "url": "/account",
-                  "theme": "dark",
-                  "event": "",
-                  "ui": "",
-                  "action": ""
-                }
+                "type": "image_block",
+                "src": "/images/logos/nft-storage.svg"
               },
               {
-                "type": "E",
-                "label": "STILL FREE",
-                "title": "> 1 TiB",
-                "description": "<ul><li>After you've started building on Web3.Storage, you might need more data</li><li>Just fill out a form to tell us more about what you're building, and how much storage you think you need</li><li>This helps us know how we should scale with you!</li></ul>",
-                "cta": {
-                  "text": "REQUEST MORE STORAGE",
-                  "url": "/account",
-                  "theme": "outline-dark",
-                  "event": "",
-                  "ui": "",
-                  "action": ""
-                }
+                "type": "image_block",
+                "src": "/images/logos/protocol-labs.svg"
+              },
+              {
+                "type": "image_block",
+                "src": "/images/logos/filecoin.svg"
               }
             ]
           }