chore: add framer to index page (#1390)

<!-- Please make sure there is an issue that this PR is correlated to. -->

## Changes

<!-- If there are frontend changes, please include screenshots. -->

docs/package.json

@@ -8,7 +8,8 @@
     "lint": "next lint",
     "format": "prettier --write .",
     "create-article": "vite-node scripts/generateArticle.ts",
-    "generate-favicon": "npx cli-real-favicon generate scripts/faviconConfig.json faviconData.json public/icons"
+    "generate-favicon": "npx cli-real-favicon generate scripts/faviconConfig.json faviconData.json public/icons",
+	"update-framer": "unframer"
   },
   "browserslist": "defaults, not ie <= 11",
   "workspaces": [
@@ -77,6 +78,7 @@
     "socket.io": "^4.7.1",
     "socket.io-client": "^4.7.1",
     "tailwindcss": "^3.3.0",
+    "unframer": "^2.6.5",
     "unified": "^10.1.2",
     "unist-util-filter": "^4.0.1",
     "unist-util-visit": "^4.1.1",

docs/src/components/Layout.jsx

@@ -48,9 +48,9 @@ export function Layout({
             className={clsx(
               {
                 'lg:px-8': navigation.sidebar,
-                'lg:max-w-3xl': !fullWidth
+                'lg:max-w-3xl mt-9': !fullWidth
               },
-              'mx-auto mt-9 w-full flex-1'
+              'mx-auto w-full flex-1'
             )}>
             {prose ? <Prose as='article'>{children}</Prose> : children}