updated whitepaper

Author: pelle

components/Hero.jsx

@@ -5,56 +5,76 @@ import { h } from "../deps.ts";
  */
 export default function Hero({ title, subtitle, children }) {
   // Default values
-  title = title || "Safe and compliant real-world transactions on any public blockchain";
-  subtitle = subtitle || "Crypto's first private decentralized payment messaging protocol for VASPs financial institutions, DeFi, and Self-hosted wallets";
+  title =
+    title ||
+    "Safe and compliant real-world transactions on any public blockchain";
+  subtitle =
+    subtitle ||
+    "Crypto's first private decentralized payment messaging protocol for VASPs financial institutions, DeFi, and Self-hosted wallets";
   children = children || null;
-  
+
   return (
     <div class="py-8 sm:py-16">
       <div class="relative isolate">
         <div
           class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80"
           aria-hidden="true"
         >
-          <div
-            class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-primary to-primary-foreground opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]"
-          />
+          <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-primary to-primary-foreground opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" />
         </div>
-      
+
         <div class="mx-auto max-w-2xl py-8 sm:py-12 lg:py-14">
           <div class="text-center">
             <h1 class="text-4xl font-bold tracking-tight font-heading text-text-primary sm:text-6xl">
               {title}
             </h1>
-            <p class="mt-6 text-lg leading-8 text-text-muted">
-              {subtitle}
-            </p>
+            <p class="mt-6 text-lg leading-8 text-text-muted">{subtitle}</p>
             <div class="mt-8 flex items-center justify-center gap-x-6">
-              <a href="https://docs.google.com/document/d/1z16nPRjiCFGsnMqr7GiBRMCMMPBG6laaS337s4oJrEw/edit#heading=h.qhpcmvla2cvr#" class="btn-secondary">
-                Read the TAP Whitepaper <span aria-hidden="true" class="ml-1">→</span>
+              <a href="https://hubs.ly/Q03BPp1k0" class="btn-secondary">
+                Read the TAP Whitepaper{" "}
+                <span aria-hidden="true" class="ml-1">
+                  →
+                </span>
               </a>
               <a href="https://taips.tap.rsvp" class="btn-secondary">
-                Read the standards <span aria-hidden="true" class="ml-1">→</span>
+                Read the standards{" "}
+                <span aria-hidden="true" class="ml-1">
+                  →
+                </span>
               </a>
             </div>
-            
+
             <div class="mt-8 px-12 text-sm bg-secondary text-secondary-foreground py-4 rounded-lg">
-              <div class="font-bold text-md text-center mb-2 font-heading">Ready to build with TAP?</div>
+              <div class="font-bold text-md text-center mb-2 font-heading">
+                Ready to build with TAP?
+              </div>
               <p>
-                Join the <a href="https://t.me/+ciHTo8DedQY2ZDU5" class="text-primary hover:underline">Telegram group</a> to connect with the development community. Or check out the <a href="https://github.com/TransactionAuthorizationProtocol/protocol" class="text-primary hover:underline">protocol repo</a> to get started.
+                Join the{" "}
+                <a
+                  href="https://t.me/+ciHTo8DedQY2ZDU5"
+                  class="text-primary hover:underline"
+                >
+                  Telegram group
+                </a>{" "}
+                to connect with the development community. Or check out the{" "}
+                <a
+                  href="https://github.com/TransactionAuthorizationProtocol/protocol"
+                  class="text-primary hover:underline"
+                >
+                  protocol repo
+                </a>{" "}
+                to get started.
               </p>
             </div>
             {children}
           </div>
         </div>
-      
+
         <div
           class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]"
           aria-hidden="true"
         >
-          <div
-            class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-primary to-primary-foreground opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]"
-          />
+          <div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-primary to-primary-foreground opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" />
         </div>
       </div>
     </div>

components/Open.tsx

@@ -1,4 +1,9 @@
-import { CubeTransparentIcon, DocumentTextIcon, LockOpenIcon, UserGroupIcon } from "npm:@heroicons/react/24/outline";
+import {
+  CubeTransparentIcon,
+  DocumentTextIcon,
+  LockOpenIcon,
+  UserGroupIcon,
+} from "npm:@heroicons/react/24/outline";
 
 const features = [
   {
@@ -27,7 +32,7 @@ export function Open() {
       <div className="mx-auto max-w-7xl px-6 lg:px-8">
         <div className="mx-auto max-w-2xl lg:text-center">
           <h2 className="text-base font-semibold leading-7 text-text-primary">
-          Fully Open and Public Domain
+            Fully Open and Public Domain
           </h2>
           <p className="mt-2 text-3xl font-bold tracking-tight text-text-primary sm:text-4xl">
             Transparent and fair