diff --git a/package-lock.json b/package-lock.json
index 81e9c21..8945112 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "astro-seo-schema": "^2.2.0",
         "axios": "^1.4.0",
         "file-type": "^18.5.0",
+        "flowbite": "^2.3.0",
         "icojs": "^0.17.1",
         "sharp": "^0.32.1",
         "tailwindcss": "^3.3.2"
@@ -1019,6 +1020,15 @@
         "url": "https://opencollective.com/unts"
       }
     },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/@tokenizer/token": {
       "version": "0.3.0",
       "resolved": "https://registry.npmjs.org/@tokenizer/token/-/token-0.3.0.tgz",
@@ -2633,6 +2643,15 @@
         "pkg-dir": "^4.2.0"
       }
     },
+    "node_modules/flowbite": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/flowbite/-/flowbite-2.3.0.tgz",
+      "integrity": "sha512-pm3JRo8OIJHGfFYWgaGpPv8E+UdWy0Z3gEAGufw+G/1dusaU/P1zoBLiQpf2/+bYAi+GBQtPVG86KYlV0W+AFQ==",
+      "dependencies": {
+        "@popperjs/core": "^2.9.3",
+        "mini-svg-data-uri": "^1.4.3"
+      }
+    },
     "node_modules/follow-redirects": {
       "version": "1.15.2",
       "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
@@ -4378,6 +4397,14 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/mini-svg-data-uri": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+      "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "bin": {
+        "mini-svg-data-uri": "cli.js"
+      }
+    },
     "node_modules/minimatch": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
diff --git a/package.json b/package.json
index ccca583..5305da4 100644
--- a/package.json
+++ b/package.json
@@ -22,6 +22,7 @@
     "astro-seo-schema": "^2.2.0",
     "axios": "^1.4.0",
     "file-type": "^18.5.0",
+    "flowbite": "^2.3.0",
     "icojs": "^0.17.1",
     "sharp": "^0.32.1",
     "tailwindcss": "^3.3.2"
diff --git a/public/assets/images/icons/arabic-keyboard.mo9a7i.com.png b/public/assets/images/icons/arabic-keyboard.mo9a7i.com.png
new file mode 100644
index 0000000..2278b46
Binary files /dev/null and b/public/assets/images/icons/arabic-keyboard.mo9a7i.com.png differ
diff --git a/public/assets/images/icons/devtoys.app.png b/public/assets/images/icons/devtoys.app.png
new file mode 100644
index 0000000..73cdaf7
Binary files /dev/null and b/public/assets/images/icons/devtoys.app.png differ
diff --git a/public/assets/images/icons/hetzner.cloud.png b/public/assets/images/icons/hetzner.cloud.png
new file mode 100644
index 0000000..7f22d6b
Binary files /dev/null and b/public/assets/images/icons/hetzner.cloud.png differ
diff --git a/public/assets/images/icons/www.techpowerup.com.png b/public/assets/images/icons/www.techpowerup.com.png
new file mode 100644
index 0000000..fbd5a84
Binary files /dev/null and b/public/assets/images/icons/www.techpowerup.com.png differ
diff --git a/src/assets/data/db.json b/src/assets/data/db.json
index 73ac864..fc8f407 100644
--- a/src/assets/data/db.json
+++ b/src/assets/data/db.json
@@ -186,7 +186,8 @@
         {"title": "لماذا لايعمل الدومين الخاص بي مباشرة بعد حجزه؟","url": "http://web.archive.org/web/20150517010722/http://www.traidnt.net/vb/traidnt1027285-2/","arabic": true},
         {"title": "arabicStrings (NPM)","url": "https://www.npmjs.com/package/@6degrees/arabic-strings"},
         {"title": "Source Code Spitter (NPM)","url": "https://www.npmjs.com/package/@6degrees/source-code-spitter"},
-        {"title": "Swarmapp API Wrapper (NPM)","url": "https://www.npmjs.com/package/swarmapp-api"}
+        {"title": "Swarmapp API Wrapper (NPM)","url": "https://www.npmjs.com/package/swarmapp-api"},
+        {"title": "أداة كتابة بالعربي بالمقلوب للألعاب والفوتوشوب والبرامج اللي ماتدعم عربي", "url": "https://arabic-keyboard.mo9a7i.com"}
       ]
     },