diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
index 6842e488..333ea705 100644
--- a/docs/.vitepress/theme/custom.css
+++ b/docs/.vitepress/theme/custom.css
@@ -2,8 +2,8 @@
 @import url(https://fonts.googleapis.com/css?family=Space+Grotesk:regular,italic,700,700italic);
 
 :root {
-  --vp-c-brand: #962dff;
-  --vp-c-brand-light: #972eff;
+  --vp-c-brand: #a752fc;
+  --vp-c-brand-light: #a040ff;
   --vp-c-brand-lighter: rgba(162, 23, 255, 0.25);
   --vp-c-brand-dark: #8612fa;
   --vp-c-brand-darker: #7b0fe7;
diff --git a/docs/index.md b/docs/index.md
index f979ff0d..a4822bc9 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -4,9 +4,9 @@ layout: home
 # Hero section
 hero:
   name: Portfolio Ideas
-  # text: Repository of portfolio Inspiration
+  text: Repository of portfolio Inspiration
   image:
-    src: /Megaphone.png
+    src: /header.png
     alt: Portfolio-ideas logo
   tagline: A curation of awesome portfolio website ideas for developers and designers to draw inspiration from.
   actions:
@@ -45,7 +45,7 @@ head:
       content: https://user-images.githubusercontent.com/62628408/203779311-949cf214-92a7-4900-b997-55595fd12316.png
   - - meta
     - property: og:url
-      content: https://vitejs.dev/blog/announcing-vite3
+      content: https://portfolio-ideas.vercel.app
   - - meta
     - name: title
       content: Portfolio-ideas
diff --git a/docs/public/Megaphone.png b/docs/public/Megaphone.png
deleted file mode 100644
index 19692c0a..00000000
Binary files a/docs/public/Megaphone.png and /dev/null differ
diff --git a/docs/public/header.png b/docs/public/header.png
new file mode 100644
index 00000000..2b7e67f8
Binary files /dev/null and b/docs/public/header.png differ