diff --git a/README.md b/README.md
index a91402a..3ee2f74 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Web CLI
+# 
Web CLI
[](https://golang.org)
[](https://react.dev)
diff --git a/docs/images/webcli.png b/docs/images/webcli.png
new file mode 100644
index 0000000..0edf98d
Binary files /dev/null and b/docs/images/webcli.png differ
diff --git a/docs/sources/webcli.xcf b/docs/sources/webcli.xcf
new file mode 100644
index 0000000..d4a0294
Binary files /dev/null and b/docs/sources/webcli.xcf differ
diff --git a/frontend/assets/favicon.ico b/frontend/assets/favicon.ico
new file mode 100644
index 0000000..a93550c
Binary files /dev/null and b/frontend/assets/favicon.ico differ
diff --git a/frontend/index.html b/frontend/index.html
index e422205..c720f55 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -2,7 +2,7 @@
-
+
Web CLI
diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx
index cbec7e0..96f8c83 100644
--- a/frontend/src/components/Header.jsx
+++ b/frontend/src/components/Header.jsx
@@ -1,10 +1,11 @@
-import React, { useState, useEffect, useCallback } from 'react';
+import React from 'react';
import { AppBar, Toolbar, Typography, Box, IconButton, Tooltip } from '@mui/material';
-import { Terminal, Api } from '@mui/icons-material';
+import { Api } from '@mui/icons-material';
import GitHubIcon from '@mui/icons-material/GitHub';
import { useNavigate } from 'react-router-dom';
import ThemeToggle from './ThemeToggle';
import VaultIcon from './shared/VaultIcon';
+import logo from "../../assets/favicon.ico"
/**
* Header component - displays the application header with logo and theme toggle
@@ -29,7 +30,7 @@ const Header = ({ mode, toggleTheme }) => {
}}
onClick={() => navigate('/')}
>
-
+ 
Web CLI