Merge pull request #1114 from lukso-network/docs/integration-upd

Add ramp network + Address deprecation warning

docs/learn/getting-started.mdx

@@ -20,7 +20,7 @@ export const CardData = [
     cardContent: [
       {
         linkText: 'Learn how to develop with Universal Profiles',
-        linkPath: '../learn/universal-profile/getting-started.md',
+        linkPath: '../learn/universal-profile/getting-started',
       },
       {
         linkText: 'Explore code examples in our playground repository',

docs/tools/integrations.md

@@ -114,6 +114,10 @@ All the RPC URLs are listed under the [**Networks**](../networks/mainnet/paramet
     <td style={{ maxWidth: "20rem" }}><a class="imageLink" href="https://transak.com/" target="_blank" rel="noopener noreferrer"><img src="/img/tools/transak_logo.png"/></a></td>
     <td><a href="https://docs.transak.com/docs/transak-on-ramp" target="_blank">Transak</a> is a crypto on-ramp marketplace that can be integrated easily by developers using their API and SDK, to enable to purchase crypto easily on a website and UI.</td>
   </tr>
+    <tr>
+    <td style={{ maxWidth: "20rem" }}><a class="imageLink" href="https://ramp.network/" target="_blank" rel="noopener noreferrer"><img src="/img/tools/ramp-network-logo.png"/></a></td>
+    <td><a href="https://docs.ramp.network/" target="_blank">Ramp Network</a> is a fiat-to-crypto and crypto-to-fiat gateway for web3 applications. It supports local payment methods globally, ensuring fast and secure transactions.​</td>
+  </tr>
 </tbody>
 </table>
 

docusaurus.config.js

@@ -206,6 +206,11 @@ export default {
             from: '/learn/expert-guides/deploy-up-with-lsp23',
             to: '/learn/universal-profile/advanced-guides/deploy-up-with-lsp23',
           },
+          //Standards
+          {
+            from: '/standards/nft-2.0/introduction',
+            to: '/standards/tokens/introduction',
+          },
         ],
       },
     ],

src/components/CallToActionButton/CallToActionButton.module.scss

@@ -21,6 +21,8 @@
 
   transition: all 200ms ease-out 10ms;
 
+  color: white;
+
   &:hover {
     box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.1);
     transform: scale(1.05);
@@ -29,8 +31,6 @@
     color: white;
   }
 
-  color: white;
-
   a:hover {
     color: white !important;
   }