diff --git a/pages/_document.tsx b/pages/_document.tsx
index db979dd..01b31db 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -13,8 +13,8 @@ class Document extends NextDocument {
-
-
+
+
diff --git a/public/images/logo.svg b/public/images/logo.svg
new file mode 100644
index 0000000..295413e
--- /dev/null
+++ b/public/images/logo.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/theme/layout/Header.tsx b/theme/layout/Header.tsx
index 45e8654..7af79cc 100644
--- a/theme/layout/Header.tsx
+++ b/theme/layout/Header.tsx
@@ -1,4 +1,5 @@
import React, { useEffect, useRef, useState } from "react";
+import Image from "next/image";
import {
Heading,
HStack,
@@ -10,6 +11,7 @@ import {
import { Icon } from "@iconify/react";
import DesktopNav from "./DesktopNav";
import MobileNav from "./MobileNav";
+import appLogo from "../../public/images/logo.svg";
const Header = (): JSX.Element => {
const appName = "LCM Potty Chart";
@@ -82,8 +84,8 @@ const Header = (): JSX.Element => {
open
? "brand.main"
: transparentNavbar
- ? "rgba(49, 56, 220, 0.9)"
- : "brand.main"
+ ? "rgba(49, 56, 220, 0.9)"
+ : "brand.main"
}
transition=".5s ease"
borderRadius="0px 0px 10px 10px"
@@ -113,6 +115,8 @@ const Header = (): JSX.Element => {
cursor: "default"
}}
>
+
+
{appName}
@@ -146,6 +150,7 @@ const Header = (): JSX.Element => {
cursor: "default"
}}
>
+
{appName}