Merge pull request #13 from TrueBlocks/feature/better_copy

Improved copy
TrueBlocks · Apr 25, 2024 · 7e65420 · 7e65420
2 parents 957f1a2 + c55252a
commit 7e65420
Show file tree

Hide file tree

Showing 8 changed files with 422 additions and 99 deletions.
diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
@@ -8,3 +8,135 @@ html.dark {
         color: #b4afb6;
     }
 }
+
+header p {
+    font-size: 1.2rem;
+}
+
+.usecases {
+    gap: 1rem;
+    text-align: left;
+
+    .usecase {
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+        width: 100%;
+        padding: .4rem .4rem .4rem 1rem;
+        box-shadow: 0 .2rem .4rem rgba(0,0,0,.4);
+        border-radius: 4px;
+
+        &:not(:last-child) {
+            margin-bottom: .8rem;
+        }
+
+        .icon {
+            color: #651e81;
+            font-size: 2rem;
+
+            .dark & {
+                color: #9be37a;
+            }
+        }
+
+        strong {
+            display: block;
+        }
+    }
+}
+
+#cta {
+    padding-top: 0;
+    box-shadow: inset 0 0 .8rem rgba(0, 0, 0, .4);
+    background: radial-gradient(white, #651e83 150%);
+    text-shadow: 0 0 2px white;
+
+    .wrapper {
+        padding-top: 6rem;
+    }
+
+    .lead {
+        @apply font-secondary font-bold leading-tight;
+        font-size: 1.2rem;
+    }
+
+    a.btn {
+        width: 20rem;
+        text-shadow: none;
+
+        &:not(.btn-primary) {
+            background-color: white;
+
+            &:hover {
+                color: unset;
+            }
+        }
+    }
+
+    .dark & {
+        background: radial-gradient(white, #9be37a 150%);
+        color: black;
+
+        a.btn {
+            background-color: #651e83;
+            color: white;
+            border: none;
+
+            &:not(.btn-primary) {
+                background-color: black;
+            }
+        }
+
+        .qn-link {
+            &, a {
+                color: black;
+            }
+        }
+    }
+}
+
+.section-appearances {
+    ul {
+        display: flex;
+        gap: .6rem;
+
+        li {
+            padding: 0;
+        }
+    }
+}
+
+.section-newsletter h2 {
+    font-size: 1.4rem;
+}
+
+#pricing {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 1rem;
+
+    .plan {
+        border-radius: 4px;
+        padding: .8rem;
+        box-shadow: 0 .2rem .4rem rgba(0, 0, 0, .4);
+        flex: 1;
+        border: .2rem solid #651e81;
+
+        .name {
+            @apply font-secondary font-bold leading-tight;
+        }
+    }
+
+    .dark & {
+        .name, .price {
+            color: white;
+        }
+    }
+}
+
+.pricing-cta {
+    display: flex;
+    justify-content: center;
+    margin-top: 3rem;
+}
diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml
@@ -16,6 +16,11 @@ parent = "Docs"
 name = "Appearance Index"
 url = "docs/appearance"
 
+[[main]]
+name = "Pricing"
+url = "pricing"
+weight = 2
+
 [[main]]
 name = "About"
 url = "about/"

diff --git a/content/english/_index.md b/content/english/_index.md
@@ -1,31 +1,14 @@
 ---
 # Banner
 banner:
-  title: "Everything that ever happened anywhere on the chain"
-  content: "Get a complete historical list of appearances (block number, transaction id) for any Ethereum address"
+  title: "Find significantly more appearances of any address with a single API call"
   button:
     enable: true
-    label: "Try on QuickNode Marketplace"
+    label: "Try in QuickNode Marketplace"
     link: "https://marketplace.quicknode.com/add-on/trueblocks-key"
 
 # Features
 features:
-  - title: "Appearance Index API"
-    content: "A single API endpoint returns significantly more appearances (block number, transaction ID) than other indexers. Includes:"
-    bulletpoints:
-      - "regular transactions"
-      - "internal transactions"
-      - "logs"
-      - "token transfers"
-      - "withdrawals"
-      - "mining and uncle rewards"
-      - "and more..."
-    footer: "The API can also return number of appearances (i.e., count) for any Ethereum address."
-    button:
-      enable: true
-      label: "Read docs"
-      link: "/docs/appearance/"
-
   - title: "On the roadmap"
     content: ""
     bulletpoints:

diff --git a/content/english/about/index.md b/content/english/about/index.md
@@ -4,7 +4,7 @@ meta_title: "About"
 draft: false
 ---
 
-TrueBlocks Key provides TrueBlocks Core's unique indexing through an cloud-based Web 2.0 APIs. Currently we offer Appearances Index API (other APIs coming soon). This allows users to get a complete historical list of appearances (#lt;bn.txid#gt; pairs) for any Ethereum address.
+TrueBlocks Key provides TrueBlocks Core's unique indexing through an cloud-based Web 2.0 APIs. Currently we offer Appearances Index API (other APIs coming soon). This allows users to get a complete historical list of appearances (&lt;bn.txid&gt; pairs) for any Ethereum address.
 
 This includes appearances found in regular transactions, internal transactions, logs, token transfers, withdrawals, mining and uncles rewards, and anywhere else address can appear. We find significantly more appearances than other sources [[1](https://tjayrush.medium.com/how-accurate-is-etherscan-83dab12eeedd), [2](https://medium.com/coinmonks/trueblocks-covalent-comparison-7b42f3d1e6f7)].
 

diff --git a/content/english/pages/pricing.md b/content/english/pages/pricing.md
@@ -0,0 +1,55 @@
+---
+title: "Pricing"
+draft: false
+---
+
+{{< rawhtml >}}
+
+<section id="pricing">
+
+    <div class="plan standard">
+        <span class="name">Standard</span>
+        <span class="price">$34.95</span>
+        <ul>
+            <li>
+                20 requests per second
+            </li>
+            <li>
+                Access to all <a href="/docs/appearance">Key RPC methods</a>
+            </li>
+            <li>
+                Enhanced support (email, Discord)
+            </li>
+        </ul>
+        <p>
+            For individuals, smart contract devs, and data scientists
+        </p>
+    </div>
+
+    <div class="plan enterprise">
+        <span class="name">Enterprise</span>
+        <ul>
+            <li>
+                Custom requests per second rate
+            </li>
+            <li>
+                Access to all <a href="/docs/appearance">Key RPC methods</a>
+            </li>
+            <li>
+                Premium support
+            </li>
+        </ul>
+        <p>
+            For massive data consumers
+        </p>
+    </div>
+
+</section>
+
+<div class="pricing-cta">
+<a href="/sign-up" class="btn btn-primary">
+        Sign Up
+    </a>
+    </div>
+
+{{< /rawhtml >}}
diff --git a/content/english/pages/sign-up.md b/content/english/pages/sign-up.md
@@ -0,0 +1,22 @@
+---
+title: "Sign up"
+draft: false
+---
+
+Thank you for being interested in signing up for TrueBlocks Key.
+
+Currently, Key is available as an add-on in the <a href="https://marketplace.quicknode.com/add-on/trueblocks-key">QuickNode Marketplace</a>.
+However, we also support businesses integrating their workflows with Key directly.
+
+Please fill out the form below if you are interested in integrating with Key directly.
+
+{{< rawhtml >}}
+<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
+<script>
+  hbspt.forms.create({
+    region: "na1",
+    portalId: "45966077",
+    formId: "d6b201b6-0db0-4200-af93-fb6c729a371a"
+  });
+</script>
+{{< /rawhtml >}}