diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
new file mode 100644
index 0000000..a68f28b
Binary files /dev/null and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
new file mode 100644
index 0000000..1ac4de0
Binary files /dev/null and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
new file mode 100644
index 0000000..530b1fb
Binary files /dev/null and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index b5336a4..ad9f48b 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/images/logo.png b/public/images/logo.png
new file mode 100644
index 0000000..d83b153
Binary files /dev/null and b/public/images/logo.png differ
diff --git a/public/site.webmanifest b/public/site.webmanifest
new file mode 100644
index 0000000..b61cae5
--- /dev/null
+++ b/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-384x384.png",
+            "sizes": "384x384",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index a9ec6e0..476cd82 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -1,6 +1,7 @@
 "use client";
 
 import React from "react";
+import Image from "next/image";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { Button } from "@/components/ui/button";
@@ -20,7 +21,14 @@ export const Header = () => {
           href="/"
           className="flex w-[200px] items-center space-x-2 duration-150 hover:opacity-80"
         >
-          <span className="inline-block font-bold">{siteConfig.global.name}</span>
+          <Image
+            src={siteConfig.global.logo}
+            alt={siteConfig.global.name}
+            width={200}
+            height={200}
+            className="object-contain h-6"
+          />
+          {/* <span className="inline-block font-bold">{siteConfig.global.name}</span> */}
         </Link>
         <Nav items={siteConfig.header.nav.links} />
         <div className="flex w-[200px] justify-end">
diff --git a/src/config/site-config.tsx b/src/config/site-config.tsx
index c7e6791..3e1f656 100644
--- a/src/config/site-config.tsx
+++ b/src/config/site-config.tsx
@@ -1,9 +1,9 @@
 export const siteConfig = {
   global: {
     url: "https://vapi.tn",
-    name: "vapi.tn",
+    name: "VAPI",
     logo: "/images/logo.png",
-    title: "vapi.tn",
+    title: "Vapi",
     description: "Première marketplace de vente de cigarettes électroniques en Tunisie.",
     keywords: [],
     authors: [