Merge pull request #124 from webbushka/main

Homepage redesign
provenance-io · Oct 30, 2024 · b92b8d6 · b92b8d6
2 parents 810740c + 98889cf
commit b92b8d6
Show file tree

Hide file tree

Showing 67 changed files with 1,936 additions and 542 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,15 @@
+node_modules
+
+/build
+/public/build
+/server-build
+.env
+
+/test-results/
+/playwright-report/
+/playwright/.cache/
+/tests/fixtures/email/*.json
+/coverage
+/prisma/migrations
+
+package-lock.json
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,8 @@
+{
+	"arrowParens": "avoid",
+	"plugins": ["prettier-plugin-tailwindcss"],
+	"tailwindFunctions": ["tv"],
+	"semi": false,
+	"singleQuote": true,
+	"tabWidth": 2
+}
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 
 # Website
 
-This website is built using [Docusaurus 2](https://docusaurus.io/), a modern static website generator.
+This website is built using [Docusaurus 3](https://docusaurus.io/), a modern static website generator.
 
 ### Installation
 
@@ -41,4 +41,3 @@ $ GIT_USER=<Your GitHub username> yarn deploy
 ```
 
 If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch.
-
diff --git a/docs/learn/Start-on-Testnet.md b/docs/learn/Start-on-Testnet.md
diff --git a/docs/learn/purpose-built.mdx b/docs/learn/purpose-built.mdx
@@ -0,0 +1,79 @@
+# Purpose-Built for Financial Services
+
+## What it means to be purpose-built for financial services
+
+Section 1
+
+## Supports the full lifecycle of tokenized real-world financial assets
+
+Provenance Blockchain originated in 2018, and is a decentralized public blockchain built in the Cosmos ecosystem, with Cosmos SDKs. The architecture of the blockchain was designed intentionally to meet the specific and unique requirements of the financial services industry.
+
+Specific capabilities are engineered directly into the protocol to enable digital assets and privacy, and each of these specific capabilities are underpinned by unique features, modules and APIs.
+
+### Issuance
+
+Asset issuers require the ability to ensure compliance with complex rules. At the protocol-layer, create a digital asset and enact a set of protocol-enforced governing rules, such as limiting asset transactions to accounts with certain attestations.
+
+- [Marker Module](https://developer.provenance.io/docs/sdk/marker/)
+- [Sanction / Quarantine Module](https://developer.provenance.io/docs/sdk/quarantine/)
+- [Name / Attribute Module](https://developer.provenance.io/docs/sdk/attribute/)
+
+\{[Learn more about Insurance](https://provenance.io/solutions/capabilities/markers/)\}
+
+### Confidentiality
+
+Many participants require their information, positions, and trades to remain confidential. Provenance Blockchain features a data asset management system that includes data access permissioning, secure storage, and controls.
+
+- [Metadata Module](https://developer.provenance.io/docs/sdk/metadata/)
+- [Prov WASM](https://developer.provenance.io/docs/sdk/metadata/)
+- [Encrypted Object Store](https://developer.provenance.io/docs/pb/p8e/overview/encrypted-object-store/)
+
+\{[Learn more about Confidentiality](https://provenance.io/solutions/capabilities/confidentiality/)\}
+
+### Identity
+
+Financial relationships and transactions require a known identity. Provenance Blockchain enables the ability to record, reference, and manage attributes critical to financial service decisioning, governance, and compliance directly in the protocol-layer.
+
+- Self Custody Accounts
+- Group & Institution Level Controls
+- Account Attestation
+- Fine-grained Authorization
+
+\{[Learn more about Identity](https://provenance.io/solutions/capabilities/identity/)\}
+
+### Interoperability
+
+Move digital assets, as well as tools and services, in and out of Zones and the Mainnet, and in and out of the Provenance Blockchain Network.
+
+- [Inter Blockchain Communications](https://developer.provenance.io/docs/build/libraries/#ibc)
+- [IBC Hooks](https://developer.provenance.io/docs/sdk/ibchooks/)
+- [Prov WASM](https://developer.provenance.io/docs/sdk/z-smart-contracts/)
+- Bank & Account APIs
+
+\{[Learn more about Interoperability](https://provenance.io/solutions/capabilities/interoperability/)\}
+
+### Settlement
+
+Asset owners seek instant, secure and frictionless transactions. Provenance Blockchain features deterministic finality and protocol-embedded capabilities that protect participants from the risk of default of their counterparties.
+
+- [Marker Module](https://developer.provenance.io/docs/sdk/marker/)
+- [Hold Module](https://developer.provenance.io/docs/sdk/hold/)
+- [Exchange Module](https://developer.provenance.io/docs/sdk/exchange/)
+
+\{[Learn more about Settlement](https://provenance.io/solutions/capabilities/markers/)\}
+
+### Zones
+
+Provenance Blockchain is a network of zones, with a decentralized public mainnet, and permissioned zones that are interoperable with the mainnet. Zones support use cases that desire or require permissioned infrastructure.
+
+- [Inter Blockchain Communications](https://developer.provenance.io/docs/build/libraries/#ibc)
+
+\{[Learn more about Zones](https://provenance.io/solutions/capabilities/zones/)\}
+
+Section 2
+
+## If you wonder what purpose-built means, take a look below
+
+import ReactPlayer from 'react-player/youtube'
+
+<ReactPlayer url="https://www.youtube.com/watch?v=CKPOG8huTRg" />
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -2,11 +2,11 @@
 // Note: type annotations allow type checking and IDEs autocompletion
 
 // To enable syntax highlighting
-import { themes as prismThemes } from 'prism-react-renderer';
+import { themes as prismThemes } from 'prism-react-renderer'
 
 // To enable LaTex
-const math = require('remark-math');
-const katex = require('rehype-katex');
+const math = require('remark-math')
+const katex = require('rehype-katex')
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -95,60 +95,6 @@ const config = {
           src: 'img/prov-logo-full-color.png',
         },
         items: [
-          {
-            type: 'dropdown',
-            position: 'left',
-            label: 'Quick Start',
-            items: [
-              {
-                label: 'Start Here',
-                to: 'docs/quick-start/start-here',
-              },
-              {
-                label: 'Get a Wallet & Hash',
-                to: 'docs/quick-start/wallet-and-hash',
-              },
-              {
-                label: 'Run a Node',
-                to: 'docs/pb/blockchain/running-a-node/running-a-node-1/',
-              },
-              {
-                label: 'Become a Validator',
-                to: 'docs/quick-start/become-a-validator',
-              },
-              {
-                label: 'Tokenize an Asset',
-                to: 'docs/learn/asset-lifecycle/markers',
-              },
-              {
-                label: 'Build a dApp',
-                to: 'docs/quick-start/build-a-dapp',
-              },
-              {
-                label: 'Write a Smart Contract',
-                to: 'docs/quick-start/write-a-smart-contract',
-              },
-            ],
-          },
-          {
-            label: 'Guides',
-            type: 'dropdown',
-            position: 'left',
-            items: [
-              {
-                label: 'Asset Lifecycle Guide',
-                to: 'docs/learn/asset-lifecycle/assets-overview',
-              },
-              {
-                label: "dApp Builder's Guide",
-                to: 'docs/learn/dapps/dapps-overview',
-              },
-              {
-                label: 'More Guides & Tutorials',
-                to: 'docs/learn/learn-about',
-              },
-            ],
-          },
           {
             label: 'Build',
             type: 'dropdown',
@@ -162,74 +108,45 @@ const config = {
                 label: 'Clients',
                 to: 'docs/build/clients',
               },
-
               {
                 label: 'Libraries and APIs',
                 to: 'docs/build/libraries',
               },
               {
-                label: 'Grants Program',
-                to: 'https://provenance.io/grants',
+                label: 'Smart Contract Catalog',
+                to: 'docs/discover/smart-contract-catalog',
               },
-            ],
-          },
-          {
-            label: 'Discover',
-            type: 'dropdown',
-            position: 'left',
-            items: [
               {
-                label: 'Provenance Explorer',
-                to: 'docs/discover/explorer',
+                label: 'CONNECT dApps',
+                to: 'https://provenance.io/connect',
               },
               {
                 label: 'Wallets',
-                to: 'docs/discover/wallets',
-              },
-              {
-                label: 'Hash',
-                to: 'docs/discover/hash',
-              },
-              {
-                label: 'USDF',
-                to: 'docs/discover/usdf',
-              },
-              {
-                label: 'Smart Contract Catalog',
-                to: 'docs/discover/smart-contract-catalog',
+                to: 'https://www.provenance.io/connect/?tag=wallets',
               },
               {
-                label: 'dApps',
-                to: 'https://provenance.io/connect',
+                label: 'HASH',
+                to: 'https://www.provenance.io/ecosystem/HASH/',
               },
             ],
           },
           {
-            label: 'Connect',
+            label: 'Tutorials',
             type: 'dropdown',
             position: 'left',
             items: [
               {
-                label: 'GitHub',
-                to: 'https://github.com/provenance-io/',
-              },
-              {
-                label: 'Discord',
-                to: 'https://discord.gg/kNZC8nwCFP',
+                label: 'Asset Lifecycle Guide',
+                to: 'docs/learn/asset-lifecycle/assets-overview',
               },
-
               {
-                label: 'LinkedIn',
-                to: 'https://www.linkedin.com/company/provenance-blockchain/',
+                label: 'dApps Builder Guide',
+                to: 'docs/learn/dapps/dapps-overview',
               },
 
               {
-                label: 'Twitter',
-                to: 'https://twitter.com/provenancefdn',
-              },
-              {
-                label: 'Blog',
-                to: 'https://medium.com/provenanceblockchain',
+                label: 'More Tutorials and Guides',
+                to: 'docs/learn/learn-about',
               },
             ],
           },
@@ -299,11 +216,11 @@ const config = {
         name: 'docusaurus-tailwindcss',
         configurePostCss(postcssOptions) {
           // Appends TailwindCSS and AutoPrefixer.
-          postcssOptions.plugins.push(require('tailwindcss'));
-          postcssOptions.plugins.push(require('autoprefixer'));
-          return postcssOptions;
+          postcssOptions.plugins.push(require('tailwindcss'))
+          postcssOptions.plugins.push(require('autoprefixer'))
+          return postcssOptions
         },
-      };
+      }
     },
     [
       '@docusaurus/plugin-client-redirects',
@@ -325,6 +242,6 @@ const config = {
       },
     ],
   ],
-};
+}
 
-module.exports = config;
+module.exports = config
diff --git a/package.json b/package.json
@@ -16,28 +16,31 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@docusaurus/core": "^3.3.2",
-    "@docusaurus/plugin-client-redirects": "^3.3.2",
-    "@docusaurus/preset-classic": "^3.3.2",
+    "@docusaurus/core": "^3.5.2",
+    "@docusaurus/plugin-client-redirects": "^3.5.2",
+    "@docusaurus/preset-classic": "^3.5.2",
     "@heroicons/react": "^2.0.18",
     "@mdx-js/react": "^3.0.0",
+    "@uidotdev/usehooks": "^2.4.1",
     "clsx": "^2.0.0",
     "hast-util-is-element": "^3.0.0",
     "prism-react-renderer": "^2.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-player": "^2.13.0",
+    "react-player": "^2.16.0",
     "redocusaurus": "^2.0.0",
     "rehype-katex": "^7.0.0",
     "remark-math": "^6.0.0"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^3.0.1",
-    "@docusaurus/tsconfig": "^3.0.1",
+    "@docusaurus/module-type-aliases": "^3.5.2",
+    "@docusaurus/tsconfig": "^3.5.2",
     "@types/react": "^18.2.29",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.5",
+    "prettier": "^3.3.3",
+    "prettier-plugin-tailwindcss": "^0.6.8",
+    "tailwindcss": "^3.4.14",
     "typescript": "^5.2.2"
   },
   "browserslist": {