add Learn card for docs and general info

docs/learn/introduction.md

@@ -0,0 +1,43 @@
+# Basics
+
+## What is LUKSO?
+
+LUKSO is L1 blockchain, EVM (Ethereum Virtual Machine) compatible, based on PoS (Proof of Stake), for creative economies.
+
+## How LUKSO started?
+
+The story of LUKSO started with ERC725, a standard proposed by Fabian Vogelsteller for blockchain-based identity. ERC725 allows for self-sovereign identity. Over the years we saw the negative effects of having a centralized identity with damaging leaks and unfair selling of user data and identity. An open, portable standard for identities enables decentralized reputation, governance, and more. Users can take their identity across different dApps and platforms that support this standard.
+LUKSO is the first blockchain that powers self-sovereign identities.
+
+## Why choose LUKSO?
+
+LSPs (LUKSO Standard Proposals) are the building blocks of LUKSO. They are used to to build blockchain-based applications that offer an enhanced user experience, and allow for more flexibility and interaction. LSPs are part of the more general LIPs used to discuss protocol specifications and client API improvements. To learn more about LSPs, check out the following [link](https://docs.lukso.tech/standards/introduction).
+
+**LSPs introduce new concepts like blockchain-based accounts, also known as Universal Profiles (UPs), Digital Assets, and NFT 2.0.**.
+
+By integrating different LSPs in unique ways, LUKSO solves fundamental problems that we currently face when it comes to blockchains such as:
+
+- upgradeable security: UPs can be owned by an EOA or a custom contract such as a multisig. Therefore, you can have multiple devices and applications controlling your account, each of them with different permissions. You can even have social recovery, such that you grant certain permissions to your account to your friends and family
+- you can build your identity by attaching info to your UP account such as your name, a profile picture, description, etc., offering a web2 like-experience
+- senders and receivers are notified of transfers (e.g.: tokens transfers), and you can see which assets you own within your profile. You can even block transfers of certain assets
+- updatable and flexible metadata: metadata can be updated, enabling dynamic NFTs that can change certain properties over time, while other properties remain immutable
+- you can extend your account over time seamlessly, with no need to redeploy the associated smart contract
+- gassless experience: want to do a token transfer but you don't have LYX? No worries. UPs support relay services that cover the gas for users's transactions. Currently, there is a relay service that subsidizes users' transactions maintained by the LUKSO team. In the future, various relay services will be offered by multiple third parties, evolving into a competitive relay ecosystem with various business models.
+
+Since LUKSO is EVM-compatible, Solidity developers can build on LUKSO's implementation of the EVM straight out-of-the box, using the same tools they are familiar with.
+
+## Who is LUKSO intended for?
+
+LUKSO is intended for creative economies, where identities play a key role.
+LUKSO allows brands, creatives, and developers to dictate the distribution of wealth and influence from lifestyle activities. They can do so by having Universal Profiles (UPs), creating Digital Identities and Certificates, and by building Tokenized Communities.
+
+## What can you build on LUKSO?
+
+The number of LSPs is constantly evolving. Even more, there are innumerable ways you can connect the LSPs and create innovative dApps. Your imagination is the limit. If you are looking for potential use cases, look at the following list. Please bear in mind that those represent only the tip of the iceberg.
+
+- decentralized social media applications
+- decentralized content publishing platforms
+- decentralized identity and reputation systems
+- decentralized marketplaces
+- decentralized news outlets
+- tokenized communities for artists and creatives

docusaurus.config.js

@@ -167,6 +167,12 @@ module.exports = {
         src: 'img/logo.png',
       },
       items: [
+        {
+          type: 'doc',
+          docId: 'learn/introduction',
+          position: 'left',
+          label: 'Learn',
+        },
         {
           type: 'doc',
           docId: 'guides/getting-started',

src/pages/index.js

@@ -56,6 +56,13 @@ function Index() {
           />
         </div>
         <div className={styles.cardContainer}>
+          <Box
+            icon={GuidesIcon}
+            link="./learn/introduction"
+            title="LEARN"
+            className="learn"
+            content="Learn about the LUKSO ecosystem"
+          />
           <Box
             icon={GuidesIcon}
             link="./guides/getting-started"