PWA Support

Author: SEIFSEIF4

public/android-chrome-192x192.png

@@ -0,0 +1,119 @@
+{
+  "id": "/",
+  "name": "Case Customization",
+  "short_name": "Case Customization",
+  "description": "Create custom high-quality phone cases in seconds.",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "prefer_related_applications": false,
+  "theme_color": "#222",
+  "background_color": "#107334",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-57x57.png",
+      "sizes": "57x57",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-114x114.png",
+      "sizes": "114x114",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-60x60.png",
+      "sizes": "60x60",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-120x120.png",
+      "sizes": "120x120",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-76x76.png",
+      "sizes": "76x76",
+      "type": "image/png"
+    },
+    {
+      "src": "apple-touch-icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-196x196.png",
+      "sizes": "196x196",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-32x32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-16x16.png",
+      "sizes": "16x16",
+      "type": "image/png"
+    },
+    {
+      "src": "favicon-128.png",
+      "sizes": "128x128",
+      "type": "image/png"
+    }
+  ],
+  "screenshots": [
+    {
+      "src": "/wide.png",
+      "sizes": "1280x832",
+      "type": "image/gif",
+      "label": "Case Customization"
+    },
+    {
+      "src": "/wide.png",
+      "sizes": "1280x832",
+      "type": "image/gif",
+      "form_factor": "wide",
+      "label": "Case Customization"
+    }
+  ],
+  "shortcuts": [
+    {
+      "name": "Create a Case",
+      "short_name": "Create a Case",
+      "description": "Create a custom case in seconds!",
+      "url": "/configure/upload",
+      "icons": [
+        {
+          "src": "./favicon-96x96.png",
+          "sizes": "96x96",
+          "type": "image/png"
+        }
+      ]
+    }
+  ]
+}

public/android-chrome-512x512.png

@@ -2,10 +2,12 @@ import { type ClassValue, clsx } from "clsx";
 import { Metadata } from "next";
 import { twMerge } from "tailwind-merge";
 
+// Utility function to merge class names
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
 
+// Utility function to format price
 export const formatPrice = (price: number) => {
   const formatter = new Intl.NumberFormat("en-US", {
     style: "currency",
@@ -15,16 +17,19 @@ export const formatPrice = (price: number) => {
   return formatter.format(price);
 };
 
+// Function to construct metadata for the page
 export function constructMetadata({
   title = "Case Customization",
   description = "Create custom high-quality phone cases in seconds",
   image = "/thumbnail.png",
   icons = "/favicon.ico",
+  manifest = "/manifest.json",
 }: {
   title?: string;
   description?: string;
   image?: string;
   icons?: string;
+  manifest?: string;
 } = {}): Metadata {
   return {
     title,
@@ -41,6 +46,7 @@ export function constructMetadata({
       images: [image],
     },
     icons,
-    metadataBase: new URL("https://case-customizes.com"),
+    manifest,
+    metadataBase: new URL("https://case-customizes.vercel.app"),
   };
 }