Setup: Add PWA support with new green geometric icons and manifest

index.html

@@ -9,6 +9,10 @@
     <meta property="og:title" content="FXCraft - إضافات ماين كرافت" />
     <meta property="og:description" content="أفضل إضافات ماين كرافت العربية. تصفح وحمّل المودات وحزم الموارد والخرائط." />
     <meta property="og:type" content="website" />
+    <link rel="icon" type="image/png" href="/logo.png" />
+    <link rel="apple-touch-icon" href="/pwa-192x192.png" />
+    <link rel="manifest" href="/manifest.json" />
+    <meta name="theme-color" content="#10b981" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&display=swap" rel="stylesheet" />

public/manifest.json

@@ -0,0 +1,23 @@
+{
+  "name": "FXCraft - إضافات ماين كرافت",
+  "short_name": "FXCraft",
+  "description": "أفضل إضافات ماين كرافت العربية. تصفح وحمّل المودات وحزم الموارد والخرائط.",
+  "start_url": "/",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#10b981",
+  "icons": [
+    {
+      "src": "/pwa-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any maskable"
+    },
+    {
+      "src": "/pwa-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}