diff --git a/src/home/index.html b/src/home/index.html
index 8b235c2b..3ea06845 100644
--- a/src/home/index.html
+++ b/src/home/index.html
@@ -15,6 +15,22 @@
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Noto+Sans:wght@500&display=swap"
rel="stylesheet"
/>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/public/favicon/android-icon-192x192.ico b/src/public/favicon/android-icon-192x192.ico
new file mode 100644
index 00000000..6b251653
Binary files /dev/null and b/src/public/favicon/android-icon-192x192.ico differ
diff --git a/src/public/favicon/apple-touch-icon-114x114.ico b/src/public/favicon/apple-touch-icon-114x114.ico
new file mode 100644
index 00000000..99472645
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-114x114.ico differ
diff --git a/src/public/favicon/apple-touch-icon-120x120.ico b/src/public/favicon/apple-touch-icon-120x120.ico
new file mode 100644
index 00000000..415d33cc
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-120x120.ico differ
diff --git a/src/public/favicon/apple-touch-icon-144x144.ico b/src/public/favicon/apple-touch-icon-144x144.ico
new file mode 100644
index 00000000..5ea031a0
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-144x144.ico differ
diff --git a/src/public/favicon/apple-touch-icon-152x152.ico b/src/public/favicon/apple-touch-icon-152x152.ico
new file mode 100644
index 00000000..ab67df19
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-152x152.ico differ
diff --git a/src/public/favicon/apple-touch-icon-180x180.ico b/src/public/favicon/apple-touch-icon-180x180.ico
new file mode 100644
index 00000000..26d7a001
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-180x180.ico differ
diff --git a/src/public/favicon/apple-touch-icon-57x57.ico b/src/public/favicon/apple-touch-icon-57x57.ico
new file mode 100644
index 00000000..59957311
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-57x57.ico differ
diff --git a/src/public/favicon/apple-touch-icon-60x60.ico b/src/public/favicon/apple-touch-icon-60x60.ico
new file mode 100644
index 00000000..e576f3e0
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-60x60.ico differ
diff --git a/src/public/favicon/apple-touch-icon-72x72.ico b/src/public/favicon/apple-touch-icon-72x72.ico
new file mode 100644
index 00000000..deb52b67
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-72x72.ico differ
diff --git a/src/public/favicon/apple-touch-icon-76x76.ico b/src/public/favicon/apple-touch-icon-76x76.ico
new file mode 100644
index 00000000..f3c900a3
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-76x76.ico differ
diff --git a/src/public/favicon/apple-touch-icon-96x96.ico b/src/public/favicon/apple-touch-icon-96x96.ico
new file mode 100644
index 00000000..25fdd96c
Binary files /dev/null and b/src/public/favicon/apple-touch-icon-96x96.ico differ
diff --git a/src/public/favicon/favicon-16x16.ico b/src/public/favicon/favicon-16x16.ico
new file mode 100644
index 00000000..a794eef9
Binary files /dev/null and b/src/public/favicon/favicon-16x16.ico differ
diff --git a/src/public/favicon/favicon-32x32.ico b/src/public/favicon/favicon-32x32.ico
new file mode 100644
index 00000000..9df403cb
Binary files /dev/null and b/src/public/favicon/favicon-32x32.ico differ
diff --git a/vite.config.js b/vite.config.js
index fd20c5d5..66224f47 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,7 @@
// vite.config.js
import { resolve } from 'path';
import { defineConfig } from 'vite';
+import { VitePWA } from 'vite-plugin-pwa';
export default defineConfig({
root: resolve(__dirname, 'src'),
@@ -27,4 +28,47 @@ export default defineConfig({
'~styles': resolve(__dirname, 'src/styles'),
},
},
+ plugins: [
+ VitePWA({
+ manifest: {
+ name: 'PetDex',
+ short_name: 'PetDex',
+ icons: [
+ {
+ src: "/favicon/android-icon-36x36.ico",
+ sizes: "36x36",
+ type: "image/png"
+ },
+ {
+ src: "/favicon/android-icon-48x48.ico",
+ sizes: "48x48",
+ type: "image/png"
+ },
+ {
+ src: "/favicon/android-icon-72x72.ico",
+ sizes: "72x72",
+ type: "image/png"
+ },
+ {
+ src: "/favicon/android-icon-96x96.ico",
+ sizes: "96x96",
+ type: "image/png"
+ },
+ {
+ src: "/favicon/android-icon-144x144.ico",
+ sizes: "144x144",
+ type: "image/png"
+ },
+ {
+ src: "/favicon/android-icon-192x192.ico",
+ sizes: "192x192",
+ type: "image/png"
+ }
+ ],
+ theme_color: '#ffffff',
+ background_color: '#ffffff',
+ display: 'standalone'
+ }
+ })
+ ]
});