diff --git a/src/components/AlphaIcon/AlphaIcon.tsx b/src/components/AlphaIcon/AlphaIcon.tsx
index 3d8f059..e32783e 100644
--- a/src/components/AlphaIcon/AlphaIcon.tsx
+++ b/src/components/AlphaIcon/AlphaIcon.tsx
@@ -9,7 +9,7 @@ export function AlphaIcon() {
diff --git a/src/components/Logotype/Logotype.tsx b/src/components/Logotype/Logotype.tsx
new file mode 100644
index 0000000..92f1de2
--- /dev/null
+++ b/src/components/Logotype/Logotype.tsx
@@ -0,0 +1,19 @@
+export function Logotype() {
+ return (
+
+ );
+}
diff --git a/src/routes/index.css b/src/routes/index.css
index 4df487e..6834a1b 100644
--- a/src/routes/index.css
+++ b/src/routes/index.css
@@ -1,6 +1,6 @@
.index {
width: 100%;
- background-image: url(/background.png);
+ background-image: url(/bg.png);
background-position: 10px 10px;
background-position: right;
background-repeat: no-repeat;
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index b03f357..f986383 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -8,6 +8,7 @@ import { CodexLogo } from "../components/CodexLogo/CodexLogo";
import { ArrowRightCircle } from "../components/ArrowRightCircle/ArrowRightCircle";
import { useNetwork } from "../network/useNetwork";
import { NetworkIcon } from "../components/NetworkIcon/NetworkIcon";
+import { Logotype } from "../components/Logotype/Logotype";
export const Route = createFileRoute("/")({
component: Index,
@@ -28,8 +29,7 @@ function Index() {