Merge pull request 0xPolygon#342 from abdullahvenly/patch-1

Update index.md

Author: kmurphypolygon

docs/tools/wallets/venly/index.md

@@ -1,13 +1,12 @@
-!!! caution "Content disclaimer"
-    Please view the third-party content disclaimer [here](https://github.com/0xPolygon/polygon-docs/blob/main/CONTENT_DISCLAIMER.md).
+!!! caution "Content disclaimer" Please view the third-party content disclaimer [here](https://github.com/0xPolygon/polygon-docs/blob/main/CONTENT_DISCLAIMER.md).
 
-Venly (prev. Arkane Network) allows you to easily integrate your app to the Polygon blockchain, whether you already have an app integrated with Web3 or are building a new app from scratch. Venly provides a smooth and delightful experience for you and your users on both web & mobile.
+**Venly** allows you to easily integrate your app to the Polygon blockchain, whether you already have an app integrated with Web3 or are building a new app from scratch. Venly provides a smooth and delightful experience for you and your users on both web & mobile.
 
-Venly will help you in interacting with the Polygon network, create blockchain wallets, create different asset types such as fungible (ERC20), and non-fungible tokens (ERC721 and ERC1155) and interact with smart contracts. Next to a superior developer experience, you can give your users a user-friendly interface.
+Venly will help you interact with the Polygon network, create blockchain wallets, create different asset types such as fungible (ERC20), and non-fungible tokens (ERC721 and ERC1155), and interact with smart contracts. Next to a superior developer experience, you can give your users a user-friendly interface.
 
-Each application is unique and has different needs, therefore they provide different ways of interacting with Venly. We recommend that web3 applications integrate the [Venly web3 provider](https://docs.venly.io/widget/web3-provider/getting-started), others may use the [Venly Widget](https://docs.venly.io/docs/widget-overview).
+Each application is unique and has different needs, providing different ways of interacting with Venly. We recommend that web3 applications integrate the [Venly web3 provider](https://docs.venly.io/docs/web3js), others may use the [Venly Widget](https://docs.venly.io/docs/widget-overview).
 
-## Key Features
+## Key features
 
 - Support web and mobile.
 - Offers social logins.
@@ -18,50 +17,97 @@ Each application is unique and has different needs, therefore they provide diffe
 - Built for a mainstream audience.
 - Offers in-app customer support.
 
-## Getting Started
+## Getting started 
 
-If you already support Web3 technology, you can improve the UX within your application by integrating the **Venly Web3 Provider**, a smart wrapper around the existing Web3 Ethereum JavaScript API.
+If you already support web3 technology, you can improve your application's UX by integrating the [Venly web3 provider](https://docs.venly.io/docs/web3js), a smart wrapper around the existing web3 Ethereum JavaScript API.
 
-By making use of our Web3 provider you are able to leverage the full potential of Venly with minimal effort and you will be able to onboard users that are less tech savvy without making them leave your application or download third party plugins. Integrating just takes 2 steps and ~5 minutes.
+By using our [web3 provider](https://docs.venly.io/docs/web3js), you can leverage the full potential of Venly with minimal effort, and you will be able to onboard less tech-savvy users without making them leave your application or download third-party plugins. Integrating just takes two steps and 5 minutes!
 
-!!! tip
-    Venly provides a [Venly Widget](https://docs.venly.io/widget/) to help developers generate Web 3 support to their applications.
+**Don't support web3 yet?**
 
-### Add the library to your project
+> Don't worry we've got you covered with our 📦 [Venly - Widget](https://docs.venly.io/docs/widget-overview).
+
+### Step 1: Add the library to your project
 
 Install the library by downloading it to your project via NPM.
 
-```sh
+```javascript
 npm i @venly/web3-provider
 ```
 
-Add the script to the head of your page.
+Alternatively, you could also include the library directly from a CDN.
 
-```js
-<script src="/node_modules/@venly/web3-provider/dist/web3-provider.js"></script>
+```javascript
+<script src="https://unpkg.com/@venly/web3-provider/umd/index.js"></script>
 ```
 
-After adding the javascript file to your page, a global **Venly** object is added to your window. This object is the gateway for creating the Web3 wrapper and fully integrates the widget - Venly Connect.
+```javascript
+<script src="https://cdn.jsdelivr.net/npm/@venly/web3-provider/umd/index.js"></script>
+```
 
-### Initialize the Web3 provider
+## Step 2: Initialize the web3 provider
 
 Add the following lines of code to your project, it will load the Venly web3 provider.
 
-```js
-Venly.createProviderEngine({clientId: 'Testaccount'}).then(provider => {
-    web3 = new Web3(provider);
-});
+### Simple
+
+```javascript
+import Web3 from 'web3';
+import { VenlyProvider } from '@venly/web3-provider';
+
+const Venly = new VenlyProvider();
+const options: VenlyProviderOptions = {
+  clientId: 'YOUR_CLIENT_ID'
+};
+
+const provider = await Venly.createProvider(options);
+const web3 = new Web3(provider);
 ```
 
-The web3 instance now works as if it was injected by Parity or Metamask. You can fetch wallets, sign transactions, and messages.
+### Advanced
+
+```javascript
+import Web3 from 'web3';
+import { VenlyProvider } from '@venly/web3-provider';
+
+const Venly = new VenlyProvider();
+const options = {
+  clientId: 'YOUR_CLIENT_ID',
+  environment: 'staging', //optional, production by default
+  signMethod: 'POPUP', //optional, REDIRECT by default
+  bearerTokenProvider: () => 'obtained_bearer_token', //optional, default undefined
+  //optional: you can set an identity provider to be used when authenticating
+  authenticationOptions: {
+    idpHint: 'google'
+  },
+  secretType: 'ETHEREUM' //optional, ETHEREUM by default
+};
+
+const provider = await Venly.createProvider(options);
+const web3 = new Web3(provider);
+```
 
-**Congratulations! Your dApp now supports Venly.**
+You can fetch wallets, and sign transactions, and messages.
 
-!!! info
-    To connect with a personalised [Client ID](https://docs.venly.io/widget/deep-dive/authentication#client-id), and access our production environment, please request access one using this [form](https://forms.venly.io/clientID).
+Congratulations, your dapp now supports Venly.
+
+Ready to try out the Wallet-Widget? [Click here to get started](https://docs.venly.io/docs/widget-getting-started).
+Want to know more about what Venly has to offer? [Check out the documentation](https://docs.venly.io/docs/widget-overview).
 
 ## More about Venly
 
-What makes Venly (prev. Arkane) stand out is their commitment to supporting the ecosystem. Not only their wallet users, by explaining what gas is, or by helping them import an Ethereum wallet into Polygon, but also the developers that are using Venly to build new upcoming products.
+Venly stands out because of its commitment to supporting not only their wallet users by explaining what gas is, or by helping them import an Ethereum wallet into Polygon, but also the developers that are using Venly to build new products.
+
+At Venly, we offer a diverse range of products spanning various categories, including Wallet Solutions, NFT Tools, and Marketplaces. Let's begin with a brief overview of these three product categories:
+
+- [Wallet solutions](https://docs.venly.io/docs/wallet-api-overview): Empower your users by providing them with a wallet or seamlessly integrating the Venly wallet into your application.
+- [NFT tools](https://docs.venly.io/docs/nft-api-overview): Facilitate the creation and distribution of NFTs, along with fetching comprehensive NFT data and information.
+- [Marketplaces](https://docs.venly.io/docs/market-api-overview): Build your own NFT marketplace or list your NFT collection on our existing marketplace.
+
+Even in their test environments, they add an in-app chat so that developers can directly communicate with the team behind the Venly platform. In case you want to learn more, check out their [detailed product documentation](https://docs.venly.io/docs/getting-started-with-venly).
+
+## Resources
 
-Even in their test environments, they add an in-app chat so that developers can directly communicate with the team behind the Venly platform. In case you want to learn more, check out their [detailed product documentation](https://docs.venly.io/widget/).
+- [Venly widget](https://docs.venly.io/docs/widget-overview)
+- [Web3 wallet providers](https://docs.venly.io/docs/ethersjs)
+- [Web3.js](https://docs.venly.io/docs/web3js)