diff --git a/docs/design/mobx.afdesign b/docs/design/mobx.afdesign
index d1573d456..ca59b7584 100644
Binary files a/docs/design/mobx.afdesign and b/docs/design/mobx.afdesign differ
diff --git a/docs/package.json b/docs/package.json
index 02dffb0e2..91c660808 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -16,6 +16,8 @@
"@emotion/react": "^11.11.3",
"@emotion/styled": "^11.11.0",
"@mdx-js/react": "^3.0.0",
+ "@splinetool/react-spline": "^2.2.6",
+ "@splinetool/runtime": "^1.0.17",
"axios": "^1.6.3",
"dotenv": "^16.3.1",
"lodash.get": "^4.4.2",
diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
index 002e5e43e..30b912a9f 100644
--- a/docs/pnpm-lock.yaml
+++ b/docs/pnpm-lock.yaml
@@ -23,6 +23,12 @@ dependencies:
'@mdx-js/react':
specifier: ^3.0.0
version: 3.0.0(@types/react@18.2.45)(react@18.2.0)
+ '@splinetool/react-spline':
+ specifier: ^2.2.6
+ version: 2.2.6(@splinetool/runtime@1.0.17)(react-dom@18.2.0)(react@18.2.0)
+ '@splinetool/runtime':
+ specifier: ^1.0.17
+ version: 1.0.17
axios:
specifier: ^1.6.3
version: 1.6.3
@@ -2725,6 +2731,27 @@ packages:
webpack-sources: 3.2.3
dev: false
+ /@splinetool/react-spline@2.2.6(@splinetool/runtime@1.0.17)(react-dom@18.2.0)(react@18.2.0):
+ resolution: {integrity: sha512-y9L2VEbnC6FNZZu8XMmWM9YTTTWal6kJVfP05Amf0QqDNzCSumKsJxZyGUODvuCmiAvy0PfIfEsiVKnSxvhsDw==}
+ peerDependencies:
+ '@splinetool/runtime': '*'
+ react: '>=17.0.0'
+ react-dom: '>=17.0.0'
+ dependencies:
+ '@splinetool/runtime': 1.0.17
+ lodash.debounce: 4.0.8
+ react: 18.2.0
+ react-dom: 18.2.0(react@18.2.0)
+ react-merge-refs: 2.1.1
+ dev: false
+
+ /@splinetool/runtime@1.0.17:
+ resolution: {integrity: sha512-NYpZ2l11dWPDSQS0707yjNZkT8T/qNnMdzvBF6xn/rdw52c3eNB3PBCigd58PB6dUkAnHqJoR0uilUHIupKSeQ==}
+ dependencies:
+ on-change: 4.0.2
+ semver-compare: 1.0.0
+ dev: false
+
/@svgr/babel-plugin-add-jsx-attribute@6.5.1(@babel/core@7.23.6):
resolution: {integrity: sha512-9PYGcXrAxitycIjRmZB+Q0JaN07GZIWaTBIGQzfaZv+qr1n8X1XUEJ5rZ/vx6OVD9RRYlrNnXWExQXcmZeD/BQ==}
engines: {node: '>=10'}
@@ -6998,6 +7025,11 @@ packages:
resolution: {integrity: sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==}
dev: false
+ /on-change@4.0.2:
+ resolution: {integrity: sha512-cMtCyuJmTx/bg2HCpHo3ZLeF7FZnBOapLqZHr2AlLeJ5Ul0Zu2mUJJz051Fdwu/Et2YW04ZD+TtU+gVy0ACNCA==}
+ engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+ dev: false
+
/on-finished@2.4.1:
resolution: {integrity: sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==}
engines: {node: '>= 0.8'}
@@ -7983,6 +8015,10 @@ packages:
webpack: 5.89.0
dev: false
+ /react-merge-refs@2.1.1:
+ resolution: {integrity: sha512-jLQXJ/URln51zskhgppGJ2ub7b2WFKGq3cl3NYKtlHoTG+dN2q7EzWrn3hN3EgPsTMvpR9tpq5ijdp7YwFZkag==}
+ dev: false
+
/react-router-config@5.1.1(react-router@5.3.4)(react@18.2.0):
resolution: {integrity: sha512-DuanZjaD8mQp1ppHjgnnUnyOlqYXZVjnov/JzFhjLEwd3Z4dYjMSnqrEzzGThH47vpCOqPPwJM2FtthLeJ8Pbg==}
peerDependencies:
@@ -8391,6 +8427,10 @@ packages:
node-forge: 1.3.1
dev: false
+ /semver-compare@1.0.0:
+ resolution: {integrity: sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==}
+ dev: false
+
/semver-diff@4.0.0:
resolution: {integrity: sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==}
engines: {node: '>=12'}
diff --git a/docs/src/images/mobx.png b/docs/src/images/mobx.png
index d56b68eec..7ee7db39a 100644
Binary files a/docs/src/images/mobx.png and b/docs/src/images/mobx.png differ
diff --git a/docs/src/images/mobx.svg b/docs/src/images/mobx.svg
index 335e23dbf..7d9b4e3ae 100644
--- a/docs/src/images/mobx.svg
+++ b/docs/src/images/mobx.svg
@@ -1,15 +1 @@
-
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/docs/src/images/mobx@2x.png b/docs/src/images/mobx@2x.png
index 030c9c840..9b944431c 100644
Binary files a/docs/src/images/mobx@2x.png and b/docs/src/images/mobx@2x.png differ
diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
index 807c5a75d..f623fe4d2 100644
--- a/docs/src/pages/index.tsx
+++ b/docs/src/pages/index.tsx
@@ -14,6 +14,7 @@ import { TestimonialList } from '../components/Testimonial';
import MobXLogo from '../images/mobx.svg';
import React from 'react';
import Layout from '@theme/Layout';
+import Spline from '@splinetool/react-spline';
export default function () {
return (
@@ -70,11 +71,20 @@ function HeroSection() {
-
+
);
}
+function MobXLogoViewer({ className }: { className?: string }) {
+ return (
+
+ );
+}
+
function BadgesSection() {
return (