feat: new landing

docs/ai/introduction.md

@@ -38,9 +38,3 @@ Shade Agents power [Agentic Protocols](./shade-agents/concepts/what-can-you-buil
 - End-to-end confidential iterations with agents
 
 Agents are accessible through the [NEAR AI Assistant](https://chat.near.ai/chat), a single interface that intelligently selects the most appropriate agents to handle user requests and connects multiple agents together for more complex tasks. The assistant can take actions for the user, has integrated payments, and can dynamically generate frontends on the fly based on user requests.
-
----
-
-## Bitte Protocol
-
-[Bitte Protocol](https://docs.bitte.ai/agents/build-agent) is a framework for creating AI agents that interact with smart contracts on NEAR and other chains via natural language. Bitte agents are quick and easy to get started with, you can build an agent for a smart contract in a couple of hours with little prior knowledge of agents. 

docs/index.md

@@ -8,106 +8,88 @@ description: "NEAR Protocol documentation - Build decentralized applications and
 ---
 
 import Card from '@site/src/components/UI/Card';
+import LandingHero from '@site/src/components/LandingHero';
 
-<div className="landing">
 
-  <div className="landing-intro">
-    <h1>NEAR Protocol Documentation</h1>
-    <p className="landing-subtitle">Build decentralized applications and AI agents with seamless cross-chain capabilities</p>
-    <div className="landing-underline"></div>
+<LandingHero />
+
+<div className="row" style={{ marginTop: '4rem', gridGap: '3rem 0rem' }}>
+  <div className="auto-col">
+    <Card
+      variant="icon"
+      icon={<img src="/assets/menu/near.svg" alt="NEAR Protocol" />}
+      title="New to NEAR?"
+    >
+      <ul>
+        <li><a href="/protocol/basics">Learn All About our Protocol</a></li>
+        <li><a href="/tutorials/protocol/create-account">Create a NEAR Account</a></li>
+        <li><a href="/faucet">Get Testnet Tokens</a></li>
+      </ul>
+    </Card>
   </div>
-  <div className="row">
-    <div className="auto-col">
-      <Card
-        variant="icon"
-        icon={<img src="/assets/menu/near.svg" alt="NEAR Protocol" />}
-        title="New to NEAR?"
-        description="NEAR is a layer-1 blockchain built for scale and multichain compatibility. Battle-tested with 13M+ transaction peaks and 5 years of zero downtime"
-      >
-        <ul>
-          <li><a href="/protocol/basics">What is NEAR?</a></li>
-          <li><a href="/protocol/account-id">Account Model</a></li>
-          <li><a href="/protocol/transactions">Transactions</a></li>
-        </ul>
-      </Card>
-    </div>
-    <div className="auto-col">
-      <Card
-        variant="icon"
-        icon={<img src="/assets/menu/ai.svg" alt="AI Native Infrastructure" />}
-        title="AI Native Infrastructure"
-        description="NEAR is the execution layer for AI-native apps—enabling agents to own assets, make decisions, and transact freely across networks"
-      >
-        <ul>
-          <li><a href="/ai/introduction">Getting Started</a></li>
-          <li><a href="/ai/shade-agents/introduction">Shade Agents</a></li>
-          <li><a href="https://docs.near.ai">NEAR AI Docs</a></li>
-        </ul>
-      </Card>
-    </div>
-    <div className="auto-col">
-      <Card
-        variant="icon"
-        icon={<img src="/assets/menu/multichain.svg" alt="Multi-Chain" />}
-        title="Multi-Chain"
-        description="Tap into any blockchain with NEAR's chain abstraction layer"
-      >
-        <ul>
-          <li><a href="/chain-abstraction/what-is">What is Chain Abstraction?</a></li>
-          <li><a href="/chain-abstraction/intents/overview">NEAR Intents</a></li>
-          <li><a href="/chain-abstraction/chain-signatures">Chain Signatures</a></li>
-        </ul>
-      </Card>
-    </div>
-    <div className="auto-col">
-      <Card
-        variant="icon"
-        icon={<img src="/assets/menu/app.svg" alt="Web3 Applications" />}
-        title="Web3 Applications"
-        description="Create modern web applications that interact with the NEAR blockchain. Learn frontend integration and user experience best practices"
-      >
-        <ul>
-          <li><a href="/web3-apps/what-is">What are Web3 Apps?</a></li>
-          <li><a href="/web3-apps/quickstart">Quickstart ✨</a></li>
-          <li><a href="/web3-apps/integrate-contracts">Use a Contract in Your Frontend</a></li>
-        </ul>
-      </Card>
-    </div>
-    <div className="auto-col">
-      <Card
-        variant="icon"
-        icon={<img src="/assets/menu/contract.svg" alt="Smart Contracts" />}
-        title="Smart Contracts"
-        description="Deploy and interact with smart contracts on NEAR. From basic concepts to advanced patterns and security best practices"
-      >
-        <ul>
-          <li><a href="/smart-contracts/what-is">What are Smart Contracts?</a></li>
-          <li><a href="/smart-contracts/quickstart">Quickstart ✨</a></li>
-          <li><a href="/smart-contracts/anatomy/">Contract's Anatomy</a></li>
-        </ul>
-      </Card>
-    </div>
-    <div className="auto-col">
-      <Card
-        variant="icon"
-        icon={<img src="/assets/menu/token.svg" alt="Tokens and Primitives" />}
-        title="Tokens and Primitives"
-        description="Learn about FTs, NFTs, DAOs and everything you need to build an application on NEAR"
-      >
-        <ul>
-          <li><a href="/primitives/ft">Fungible Tokens (FT)</a></li>
-          <li><a href="/primitives/nft">Non-Fungible Tokens (NFT)</a></li>
-          <li><a href="/primitives/dao">Autonomous Organizations</a></li>
-        </ul>
-      </Card>
-    </div>
+  <div className="auto-col">
+    <Card
+      variant="icon"
+      icon={<img src="/assets/menu/ai.svg" alt="AI Native Infrastructure" />}
+      title="AI Native Infrastructure"
+    >
+      <ul>
+        <li><a href="/ai/introduction">Understand AI & Blockchain</a></li>
+        <li><a href="/ai/shade-agents/introduction">Build a Multi-chain Trustless Agent</a></li>
+        <li><a href="https://docs.near.ai">Discover the NEAR AI Cloud</a></li>
+      </ul>
+    </Card>
   </div>
-  <div className="landing-footer">
-    <h2>Ready to start building?</h2>
-    <p>Discover what makes NEAR the perfect platform for your next application</p>
-    <div className="landing-cta">
-      <a href="/protocol/basics" className="button button--primary button--lg">Explore NEAR</a>
-    </div>
+  <div className="auto-col">
+    <Card
+      variant="icon"
+      icon={<img src="/assets/menu/multichain.svg" alt="Multi-Chain" />}
+      title="Multi-Chain"
+    >
+      <ul>
+        <li><a href="/chain-abstraction/what-is">Learn How Chain Abstraction Works</a></li>
+        <li><a href="/chain-abstraction/intents/overview">Discover NEAR Intents</a></li>
+        <li><a href="/chain-abstraction/chain-signatures">Read on Chain Signatures</a></li>
+      </ul>
+    </Card>
+  </div>
+  <div className="auto-col">
+    <Card
+      variant="icon"
+      icon={<img src="/assets/menu/app.svg" alt="Web3 Applications" />}
+      title="Web3 Applications"
+    >
+      <ul>
+        <li><a href="/web3-apps/what-is">Discover What are Web3 Apps</a></li>
+        <li><a href="/web3-apps/quickstart">Create your First Web3 App ✨</a></li>
+        <li><a href="/web3-apps/integrate-contracts">Use a Contract in Your Frontend</a></li>
+      </ul>
+    </Card>
+  </div>
+  <div className="auto-col">
+    <Card
+      variant="icon"
+      icon={<img src="/assets/menu/contract.svg" alt="Smart Contracts" />}
+      title="Smart Contracts"
+    >
+      <ul>
+        <li><a href="/smart-contracts/what-is">What are Smart Contracts?</a></li>
+        <li><a href="/smart-contracts/quickstart">Quickstart ✨</a></li>
+        <li><a href="/smart-contracts/anatomy/">Contract's Anatomy</a></li>
+      </ul>
+    </Card>
+  </div>
+  <div className="auto-col">
+    <Card
+      variant="icon"
+      icon={<img src="/assets/menu/token.svg" alt="Tokens and Primitives" />}
+      title="Tokens and Primitives"
+    >
+      <ul>
+        <li><a href="/primitives/ft">Fungible Tokens (FT)</a></li>
+        <li><a href="/primitives/nft">Non-Fungible Tokens (NFT)</a></li>
+        <li><a href="/primitives/dao">Autonomous Organizations</a></li>
+      </ul>
+    </Card>
   </div>
-
 </div>

docs/protocol/basics.md

@@ -45,7 +45,7 @@ NEAR is a technical marvel, offering built-in features such as named accounts an
 
 1. 5 years of **100% uptime** and [**4 Billion** transactions](https://pikespeak.ai/near-world/overview) processed
 2. NEAR has sustained peaks of [>13M transactions](https://pikespeak.ai/near-world/overview) in a single day
-3. NEAR is home to decentralized apps with [millions of users](https://dappradar.com/rankings?range=30d):
+3. NEAR is home to decentralized apps with [millions of users](https://dappradar.com/rankings/protocol/near?sort=uawCount&order=desc&range=30d):
     - [Kai-ching](https://cosmose.ai/)
     - [Sweat](https://sweateconomy.com/)
     - [Hot Wallet](https://t.me/herewalletbot/)

website/docusaurus.config.js

@@ -11,9 +11,6 @@ const config = {
   organizationName: 'near',
   projectName: 'docs',
   trailingSlash: false,
-  markdown: {
-    mermaid: true,
-  },
   scripts: [
     'https://buttons.github.io/buttons.js',
     'https://use.fontawesome.com/221fd444f5.js',
@@ -36,7 +33,10 @@ const config = {
   },
   themes: ['@saucelabs/theme-github-codeblock', '@docusaurus/theme-mermaid'],
   onBrokenLinks: 'throw',
-  onBrokenMarkdownLinks: 'throw',
+  markdown: { 
+    mermaid: true,
+    hooks: { onBrokenMarkdownLinks: 'throw' }
+  },
   onBrokenAnchors: 'throw',
   presets: [
     [

website/package.json

@@ -20,8 +20,8 @@
     "docusaurus": "docusaurus"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "3.9.1",
-    "@docusaurus/types": "3.9.1",
+    "@docusaurus/module-type-aliases": "3.9.2",
+    "@docusaurus/types": "3.9.2",
     "@emailjs/browser": "^4.4.1",
     "@types/react": "^18.2.42",
     "buffer": "^6.0.3",
@@ -31,11 +31,11 @@
     "serve": "^14.2.4"
   },
   "dependencies": {
-    "@docusaurus/core": "3.9.1",
-    "@docusaurus/plugin-ideal-image": "3.9.1",
-    "@docusaurus/plugin-sitemap": "3.9.1",
-    "@docusaurus/preset-classic": "3.9.1",
-    "@docusaurus/theme-mermaid": "3.9.1",
+    "@docusaurus/core": "3.9.2",
+    "@docusaurus/plugin-ideal-image": "3.9.2",
+    "@docusaurus/plugin-sitemap": "3.9.2",
+    "@docusaurus/preset-classic": "3.9.2",
+    "@docusaurus/theme-mermaid": "3.9.2",
     "@feelback/react": "^0.3.4",
     "@mermaid-js/layout-elk": "^0.2.0",
     "@near-js/accounts": "2.3.1",
@@ -58,30 +58,27 @@
     "@near-wallet-selector/welldone-wallet": "^9.5.4",
     "@saucelabs/theme-github-codeblock": "^0.2.3",
     "axios": "^1.12.0",
-    "bootstrap": "^5.3.2",
-    "bootstrap-icons": "^1.11.1",
-    "clsx": "^2.1.1",
+    "clsx": "^1.1.1",
     "crypto-browserify": "^3.12.1",
     "docusaurus-plugin-sass": "^0.2.6",
     "dotenv": "^17.2.1",
     "gleap": "^13.7.3",
     "lodash": "^4.17.21",
-    "monaco-editor": "^0.52.2",
+    "monaco-editor": "^0.55.1",
     "posthog-js": "^1.257.2",
     "process": "^0.11.10",
     "react": "^18.2.0",
-    "react-bootstrap": "^2.9.1",
-    "react-bootstrap-typeahead": "^6.3.2",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.61.1",
     "react-markdown": "^10.1.0",
     "react-monaco-editor": "^0.59.0",
-    "react-syntax-highlighter": "^15.6.1",
+    "react-syntax-highlighter": "^16",
     "react-toastify": "^11.0.5",
     "sass": "^1.89.2",
     "stream-browserify": "^3.0.0",
     "styled-components": "^6.1.19",
     "swr": "^2.3.6",
+    "typed.js": "^2.1.0",
     "url": "^0.11.4",
     "util": "^0.12.5",
     "vm-browserify": "^1.1.2"

website/sidebars.js

@@ -116,7 +116,7 @@ const sidebar = {
             'tools/explorer',
             {
               type: 'link',
-              label: 'Wallets ↗',
+              label: 'Wallets',
               href: 'https://wallet.near.org',
             },
             'tools/near-cli',