diff --git a/src/assets/fonts/Virgil.woff2 b/src/assets/fonts/Virgil.woff2
new file mode 100644
index 0000000..cb22225
Binary files /dev/null and b/src/assets/fonts/Virgil.woff2 differ
diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..fab141b
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,7 @@
+
diff --git a/src/components/InfinateCanvas.tsx b/src/components/InfinateCanvas.tsx
index 815324c..dbfceb2 100644
--- a/src/components/InfinateCanvas.tsx
+++ b/src/components/InfinateCanvas.tsx
@@ -7,6 +7,7 @@ import { ImageCard } from "./ImageCard"
import images from "../signals/images"
import { CardSelector } from "./cardSelector/CardSelector"
import { isTheme } from "../utils/isTheme"
+import { Logo } from "./Logo"
export default function InfiniteCanvas() {
const containerRef = useRef(null)
@@ -36,6 +37,7 @@ export default function InfiniteCanvas() {
return (
<>
+
diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx
new file mode 100644
index 0000000..2412971
--- /dev/null
+++ b/src/components/Logo.tsx
@@ -0,0 +1,9 @@
+import LogoSvg from '../assets/logo.svg'
+export function Logo() {
+ return (
+ <>
+
+ slab
+ >
+ )
+}
diff --git a/src/styles.css b/src/styles.css
index 2fc79da..df90cf6 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -2,6 +2,11 @@
@tailwind components;
@tailwind utilities;
+@font-face {
+ font-family: "Virgil";
+ src: url("./assets/fonts/Virgil.woff2") format("woff2");
+}
+
* {
margin: 0;
padding: 0;