diff --git a/apps/web/docs/getting-started/create-a-interprocess.mdx b/apps/web/docs/getting-started/create-a-interprocess.mdx
index 603db7c..bbdee51 100644
--- a/apps/web/docs/getting-started/create-a-interprocess.mdx
+++ b/apps/web/docs/getting-started/create-a-interprocess.mdx
@@ -5,7 +5,7 @@ order: 3
# Create a interprocess
-Let's build something simple that can show you some of the interprocess's power!
+Let's build something simple that can show you some of the interprocess' power!
diff --git a/apps/web/docs/getting-started/overview.mdx b/apps/web/docs/getting-started/overview.mdx
index 42a4841..bb0c532 100644
--- a/apps/web/docs/getting-started/overview.mdx
+++ b/apps/web/docs/getting-started/overview.mdx
@@ -14,7 +14,7 @@ Features:
- 🚀 Best-in-class DX with a fully-typed API
-- 🧠 Enchanced and consistent API
+- 🧠 Enhanced and consistent API
- 🔥 Type-safe and scalable
- 🪄 Code splitting support
- 🕸️ All edges connected (APIs to handle all processes)
diff --git a/apps/web/public/background.svg b/apps/web/public/background.svg
deleted file mode 100644
index 2140422..0000000
--- a/apps/web/public/background.svg
+++ /dev/null
@@ -1,211 +0,0 @@
-
diff --git a/apps/web/public/blur.jpg b/apps/web/public/blur.jpg
new file mode 100644
index 0000000..79ac5e7
Binary files /dev/null and b/apps/web/public/blur.jpg differ
diff --git a/apps/web/public/pattern.svg b/apps/web/public/pattern.svg
new file mode 100644
index 0000000..4896e77
--- /dev/null
+++ b/apps/web/public/pattern.svg
@@ -0,0 +1,6 @@
+
diff --git a/apps/web/src/components/CodeEditorPresenter/index.tsx b/apps/web/src/components/CodeEditorPresenter/index.tsx
index 96fea8d..8f54e71 100644
--- a/apps/web/src/components/CodeEditorPresenter/index.tsx
+++ b/apps/web/src/components/CodeEditorPresenter/index.tsx
@@ -3,7 +3,6 @@ import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
import React, { useCallback, useEffect, useRef, useState } from 'react'
import ScrollableContainer from 'react-indiana-drag-scroll'
-import { getPublicPath } from 'shared/utils'
import { codes, tabs } from 'shared/constants'
import { Button, CodeSandboxIcon, FileIcon, Separator } from 'components'
diff --git a/apps/web/src/components/Layout/Background/index.ts b/apps/web/src/components/Layout/Background/index.ts
index a3ea795..03caee0 100644
--- a/apps/web/src/components/Layout/Background/index.ts
+++ b/apps/web/src/components/Layout/Background/index.ts
@@ -6,10 +6,12 @@ export const Background = styled('div', {
left: 0,
width: '100%',
height: '100%',
- backgroundImage: `url("${getPublicPath('/background.svg')}")`,
- backgroundRepeat: 'no-repeat',
- backgroundSize: '300%',
- backgroundPosition: 'top center',
+ backgroundImage: `url("${getPublicPath(
+ '/pattern.svg'
+ )}"), url(${getPublicPath('/blur.jpg')})`,
+ backgroundRepeat: 'repeat, no-repeat',
+ backgroundSize: '30%, 200%',
+ backgroundPosition: 'top center, center center',
zIndex: -1,
position: 'fixed',
overflowX: 'hidden',