Copy for new splash page (need help with JSX syntax to incorporate the new graphics)

packages/docs/docusaurus.config.js

@@ -4,7 +4,7 @@ const lightCodeTheme = require("prism-react-renderer/themes/github")
 /** @type {import('@docusaurus/types').DocusaurusConfig} */
 module.exports = {
   title: "Verite Documentation",
-  tagline: "Verite decentralized identity for DeFi",
+  tagline: "Decentralized identity for DeFi",
   url: "https://docs.centre.io",
   baseUrl: "/",
   onBrokenLinks: "throw",
@@ -22,7 +22,7 @@ module.exports = {
         {
           to: "verite",
           activeBasePath: "docs/",
-          label: "Intro",
+          label: "Docs",
           position: "left"
         },
         {

packages/docs/src/components/HomepageFeatures.tsx

@@ -1,38 +1,38 @@
 import React from "react";
 import clsx from "clsx";
 import styles from "./HomepageFeatures.module.css";
+import architecture_map from "../../static/img/Verite_Architecture.png";
 
 const FeatureList = [
   {
-    title: "Identity building blocks for DeFi",
-    Svg: require("../../static/img/undraw_building_blocks_n0nc.svg").default,
+    title: "Issuers give value and freedom to their customers",
     description: (
-      <>
-        Data models, protocol recipes, and open source software that links
-        identity proofs to crypto finance experiences.
-      </>
+      <><>
+        Offering verifiable, portable, context-independent, off-chain "membership cards" strengthens a customer relationship and an issuer's brand.
+      </><Link className="button button--secondary button--lg" to="/verite/issuers/getting-started">
+          Issuer Overview
+        </Link></>
     ),
   },
   {
-    title: "Secure, privacy-preserving credentials",
-    Svg: require("../../static/img/undraw_Safe_re_kiil.svg").default,
+    title: "Wallets empower their users by supporting these flows",
     description: (
-      <>
-        Decentralized identity-based data models and protocols that are
-        privacy-preserving by default.
-      </>
-    ),
+      <><>
+        If wallets are truly going to be the "browsers" of Web3, wallets need meaningful consent and privacy. Verite offers a minimum-viable, incremental path towards supporting these emerging patterns and development styles.
+      </><Link className="button button--secondary button--lg" to="/verite/wallets/getting-started">
+          Wallet Overview
+        </Link></>
+  ),
   },
   {
-    title: "Lightweight, secure exchange and verification protocols",
-    Svg: require("../../static/img/undraw_online_transactions_02ka.svg")
-      .default,
+    title: "Verifiers unlock wider, safer customer bases for dapps",
     description: (
-      <>
-        People, institutions, and smart contracts can verify credentials without
-        accessing the private information used in the issuance of the claim and
-        without leaking information.
-      </>
+      <><>
+        Faster, smoother onboarding and tapping into existing customer bases is key to getting more and better users; standards and herd privacy are key to doing so without deanonymizing them or discriminating one wallet at a time.
+      </><Link className="button button--secondary button--lg" to="/verite/issuers/getting-started">
+          Issuer Overview
+        </Link></>
+
     ),
   },
 ];
@@ -46,6 +46,7 @@ function Feature({ Svg, title, description }) {
       <div className="text--center padding-horiz--md">
         <h3>{title}</h3>
         <p>{description}</p>
+
       </div>
     </div>
   );
@@ -55,6 +56,9 @@ export default function HomepageFeatures() {
   return (
     <section className={styles.features}>
       <div className="container">
+        <div className="row">
+          <img src={architecture_map} />
+        </div>
         <div className="row">
           {FeatureList.map((props, idx) => (
             <Feature key={idx} {...props} />

packages/docs/src/pages/index.tsx

@@ -16,7 +16,7 @@ function HomepageHeader() {
         <p className="hero__subtitle">{siteConfig.tagline}</p>
         <div className={styles.buttons}>
           <Link className="button button--secondary button--lg" to="/verite">
-            Get Started
+            Architecture Overview
           </Link>
         </div>
       </div>