diff --git a/.DS_Store b/.DS_Store
index 362b685..2d98971 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/nuxt.config.ts b/nuxt.config.ts
index a26ab98..f7239fa 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,8 +1,14 @@
+import { AppFormHero } from './.nuxt/components.d';
 export default ({
     modules: ['@nuxtjs/tailwindcss', 'nuxt-icon', '@vueuse/nuxt'],
     build: {
         transpile: ["@headlessui/vue"],
     },
+    head:{
+        link: [
+            { rel: 'icon', type: 'image/x-icon', href: '/public/favicon.ico' }
+          ],
+      },
     colorMode: {
         classSuffix: '',
     },
diff --git a/public/.DS_Store b/public/.DS_Store
index e0a894d..c2cc9f6 100644
Binary files a/public/.DS_Store and b/public/.DS_Store differ
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 0000000..0bc7ed6
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/favicon.png b/public/favicon.png
deleted file mode 100644
index 22e96a6..0000000
Binary files a/public/favicon.png and /dev/null differ