add metatags to docs (#65)

* add metatags to docs * add changes from Kamil
nightly-labs · Sep 26, 2023 · e63c181 · e63c181
1 parent 40fe021
commit e63c181
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 18 deletions.
diff --git a/sdk/apps/docs/docs/application/connect.md b/sdk/apps/docs/docs/application/connect.md
@@ -147,7 +147,7 @@ export default dynamic(() => Promise.resolve(SuiProvider), {
 ```
 
 </TabItem>
-<TabItem value="Polkadot" label="Polkadot">
+<TabItem value="Substrate" label="Substrate">
 
 You can find example usage of this addapter here: https://github.com/nightly-labs/connect/blob/main/sdk/apps/modal-example/src/routes/aleph.tsx
 

diff --git a/sdk/apps/docs/docs/application/sign_transaction.md b/sdk/apps/docs/docs/application/sign_transaction.md
@@ -57,7 +57,7 @@ const signedTx: SignedTransaction = await app.signTransactionBlock({
 ```
 
 </TabItem>
-<TabItem value="Polkadot" label="Polkadot">
+<TabItem value="Substrate" label="Substrate">
 
 Nightly connect automatically turns into remote signer after connection from client (Mobile/Extension).
 Signing transaction is as simple as passing `signer` object

diff --git a/sdk/apps/docs/docs/client/connect.md b/sdk/apps/docs/docs/client/connect.md
@@ -88,7 +88,7 @@ await client.connect(message)
 ```
 
 </TabItem>
-<TabItem value="Polkadot" label="Polkadot">
+<TabItem value="Substrate" label="Substrate">
 
 ```js
 import { ClientPolkadot } from '@nightlylabs/nightly-connect-polkadot'

diff --git a/sdk/apps/docs/docs/client/sign.md b/sdk/apps/docs/docs/client/sign.md
@@ -90,7 +90,7 @@ client.on('signTransactions', async (e) => {
 ```
 
 </TabItem>
-<TabItem value="Polkadot" label="Polkadot">
+<TabItem value="Substrate" label="Substrate">
 
 ```js
 

diff --git a/sdk/apps/docs/docs/client/signMessage.md b/sdk/apps/docs/docs/client/signMessage.md
@@ -64,7 +64,7 @@ client.on('signMessages', async (e) => {
 ```
 
 </TabItem>
-<TabItem value="Polkadot" label="Polkadot">
-Signing messages on Polkadot works the same way as signing transactions
+<TabItem value="Substrate" label="Substrate">
+Signing messages on Substrate works the same way as signing transactions
 </TabItem>
 </Tabs>
diff --git a/sdk/apps/docs/docs/home.md b/sdk/apps/docs/docs/home.md
@@ -6,22 +6,15 @@ slug: /
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 
-<head>
-    <meta name="DC.title" content="Nightly Connect - your key to the metaverse" />
-    <meta name="title"content="Nightly Connect - future is multichain" />
-    <meta property="og:description" content="Nightly Connect - protocol which establishes a connection on chain between Nightly Mobile Wallet and dApp through scanning QR code on Solana and Sui." />
-    <meta property="twitter:description" content="Nightly Connect - protocol which establishes a connection on chain between Nightly Mobile Wallet and dApp through scanning QR code on Solana and Sui." />
-    <meta name="DC.description" content="Nightly Wallet - The fastest multichain wallet to manage your tokens and NFTs via an extension or mobile app. Your key to the metaverse available on Solana and Sui." />
-</head>
-
 ![Welcome to Nightly](../static/img/connect_landing_narrow.png)
 
 ### Nightly created to Connect
 
-**Nightly Connect** is an easy and user friendly way to connect applications with client's wallet. Scan, connect and approve. In these few steps the application is connected to the wallet.
+**Nightly Connect** is a permissionless, open-source solution that serves as both a wallet adapter and a bridge wallet, enabling connections through QR codes or deep links.
+
+We built this tool to lighten dApp developers in continuously adding new wallets. Now, after implementing Nightly Connect once, all standard-compliant wallets will be added automatically without any action required from dApp.
 
-Secure way to communicate between wallets and dapps.
-Nightly Connect can be easily adapted on any blockchain. Right now we are supporting wallets on Sui and Solana.
+Our goal is to be compatible with every mobile wallet. Unfortunately, this requires minimal changes on the wallet's side. But it's worth it - after implementing these changes, any mobile application will be able to connect to any dApp through Nightly Connect using QR codes or deep links, and will gain access to tools such as push notifications.
 
 ### Get started
 
@@ -55,6 +48,21 @@ npm i @nightlylabs/wallet-selector-sui
 yarn add @nightlylabs/wallet-selector-sui
 ```
 
+</TabItem>
+
+<TabItem value="Substrate" label="Substrate">
+
+Simply integrate Nightly Connect to your application or wallet with our [Nightly Polkadot Connect package](https://www.npmjs.com/package/@nightlylabs/wallet-selector-polkadot).
+
+```bash
+# Using NPM
+npm i @nightlylabs/wallet-selector-polkadot
+
+# Using Yarn
+yarn add @nightlylabs/wallet-selector-polkadot
+
+```
+
 </TabItem>
 </Tabs>
 

diff --git a/sdk/apps/docs/docusaurus.config.js b/sdk/apps/docs/docusaurus.config.js
@@ -69,6 +69,11 @@ const config = {
             label: 'Client',
             position: 'left'
           },
+          {
+            href: 'https://example.connect.nightly.app/',
+            label: 'Demo',
+            position: 'right'
+          },
           {
             href: 'https://twitter.com/NightlyConnect',
             label: 'Twitter',

diff --git a/sdk/apps/docs/src/pages/index.tsx b/sdk/apps/docs/src/pages/index.tsx
@@ -2,5 +2,41 @@ import React from 'react'
 import { Redirect } from '@docusaurus/router'
 
 export default function Home(): JSX.Element {
-  return <Redirect to="/docs/" />
+  return (
+    <>
+      <meta charSet="utf-8" />
+      <meta name="viewport" content="width=device-width, initial-scale=1" />
+      <meta name="title" content="Nightly Connect - entire Web3 in one place" />
+
+      {/* <!-- Twitter --> */}
+      <meta property="twitter:card" content="summary_large_image" />
+      <meta property="twitter:title" content="Nightly Connect - entire Web3 in one place" />
+      <meta
+        property="twitter:description"
+        content="Find Nightly Connect documentation in one place. Try Nightly Connect's open-source code and push your projects on Solana, Aleph Zero, or Sui to the next level."
+      />
+      {/* <meta
+        property="twitter:image"
+        content="https://near.game.nightly.app/graphicRaffleNear.png"
+      /> */}
+      {/* DublinCore */}
+      <meta property="DC.title" content="Nightly Connect - entire Web3 in one place" />
+      <meta
+        property="DC.description"
+        content="Find Nightly Connect documentation in one place. Try Nightly Connect's open-source code and push your projects on Solana, Aleph Zero, or Sui to the next level."
+      />
+      {/* <meta property="DC:image" content="https://near.game.nightly.app/graphicRaffleNear.png" /> */}
+
+      {/* <!-- Open Graph / Facebook --> */}
+      <meta property="og:type" content="website" />
+      <meta property="og:title" content="Nightly Connect - entire Web3 in one place" />
+      <meta
+        property="og:description"
+        content="Find Nightly Connect documentation in one place. Try Nightly Connect's open-source code and push your projects on Solana, Aleph Zero, or Sui to the next level."
+      />
+      {/* <meta property="og:image" content="https://near.game.nightly.app/graphicRaffleNear.png" /> */}
+
+      <Redirect to="/docs/" />
+    </>
+  )
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -90,7 +90,7 @@ client.on('signTransactions', async (e) => { @@
     ```
     </TabItem>
-    <TabItem value="Polkadot" label="Polkadot">
+    <TabItem value="Substrate" label="Substrate">
     ```js
@@ Expand Down @@