diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 1b32f8ed..40f618c4 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -38,9 +38,11 @@ export const Header = () => {
className={`lg:static top-0 navbar min-h-0 flex-shrink-0 justify-between z-20 px-0 sm:px-2 bg-base-100 ${pathname !== "/" ? "border-b border-[#1c2d49] bg-base-400" : ""}`}
>
-
+ {pathname !== "/" && (
+
+ )}
diff --git a/packages/nextjs/font/codec.ttf b/packages/nextjs/font/codec.ttf
new file mode 100644
index 00000000..26331c9c
Binary files /dev/null and b/packages/nextjs/font/codec.ttf differ
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
index f736742e..cb8904de 100644
--- a/packages/nextjs/package.json
+++ b/packages/nextjs/package.json
@@ -15,6 +15,7 @@
},
"dependencies": {
"@heroicons/react": "^2.1.3",
+ "@next/font": "^14.2.2",
"@radix-ui/react-icons": "1.3.0",
"@radix-ui/themes": "2.0.3",
"@starknet-react/chains": "^0.1.7",
diff --git a/packages/nextjs/public/hero.png b/packages/nextjs/public/hero.png
new file mode 100644
index 00000000..2d7ee29b
Binary files /dev/null and b/packages/nextjs/public/hero.png differ
diff --git a/yarn.lock b/yarn.lock
index d91a54a6..90e75e0a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -296,6 +296,15 @@ __metadata:
languageName: node
linkType: hard
+"@next/font@npm:^14.2.2":
+ version: 14.2.2
+ resolution: "@next/font@npm:14.2.2"
+ peerDependencies:
+ next: "*"
+ checksum: 0dc19c1b1d6b406ce60c0ebc25bc02b5414b7d9cc994a864ae1b5d826ed0e07a4e91a50d6070b71b90dd4da1a4c50017e00ff74a6c499cd34130955d5a66255f
+ languageName: node
+ linkType: hard
+
"@next/swc-darwin-arm64@npm:14.1.3":
version: 14.1.3
resolution: "@next/swc-darwin-arm64@npm:14.1.3"
@@ -1583,6 +1592,7 @@ __metadata:
resolution: "@ss-2/nextjs@workspace:packages/nextjs"
dependencies:
"@heroicons/react": ^2.1.3
+ "@next/font": ^14.2.2
"@radix-ui/react-icons": 1.3.0
"@radix-ui/themes": 2.0.3
"@starknet-react/chains": ^0.1.7