docs: add live demo and update logo to webp

Author: draphy

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 dist
 coverage
+sites
 
 *.tsbuildinfo

.vscode/pushforge.code-workspace

@@ -3,6 +3,9 @@
     {
       "path": "../packages/builder",
     },
+    {
+      "path": "../sites/test",
+    },
     {
       "path": "..",
     },

README.md

@@ -1,6 +1,6 @@
 <div align="center">
 
-<img src="images/pushforge_logo.png" alt="PushForge Logo" width="120" />
+<img src="images/logo.webp" alt="PushForge Logo" width="120" />
 
 # PushForge
 
@@ -14,10 +14,23 @@ Zero dependencies · Works everywhere · TypeScript-first
 
 [Documentation](packages/builder) · [npm](https://www.npmjs.com/package/@pushforge/builder) · [Report Bug](https://github.com/draphy/pushforge/issues)
 
+**[Try the Live Demo →](https://pushforge.draphy.org)**
+
 </div>
 
 ---
 
+## Live Demo
+
+See PushForge in action at **[pushforge.draphy.org](https://pushforge.draphy.org)** — a fully working test site powered by PushForge on Cloudflare Workers.
+
+- **Enable push notifications** on your device with a single toggle
+- **Send a test notification** to all active devices — anyone visiting the page can send and receive
+- **See it working across browsers** — Chrome, Firefox, Edge, Safari 16+, and more
+- Subscriptions auto-expire after 5 minutes — no permanent data stored
+
+The entire backend is a single Cloudflare Worker using `buildPushHTTPRequest()` from `@pushforge/builder` with zero additional dependencies.
+
 ## The Problem
 
 Traditional web push libraries like `web-push` rely on Node.js-specific APIs that don't work in modern edge runtimes:

biome.json

@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/1.5.3/schema.json",
+  "$schema": "https://biomejs.dev/schemas/1.9.0/schema.json",
   "organizeImports": {
     "enabled": true
   },
@@ -15,7 +15,15 @@
         "useImportType": "error"
       }
     },
-    "ignore": ["dist", "node_modules", "build", "tmp", "dev-dist", ".vscode"]
+    "ignore": [
+      "dist",
+      "node_modules",
+      "build",
+      "tmp",
+      "dev-dist",
+      ".vscode",
+      "sites"
+    ]
   },
   "formatter": {
     "enabled": true,
@@ -29,7 +37,8 @@
       "build",
       "tmp",
       "dev-dist",
-      ".vscode"
+      ".vscode",
+      "sites"
     ]
   },
   "javascript": {

images/logo.webp

@@ -1,11 +1,38 @@
+<div align="center">
+
+<img src="https://raw.githubusercontent.com/draphy/pushforge/master/images/logo.webp" alt="PushForge Logo" width="120" />
+
 # PushForge Builder
 
-A lightweight, dependency-free Web Push library built on the standard Web Crypto API. Send push notifications from any JavaScript runtime.
+**A lightweight, dependency-free Web Push library built on the standard Web Crypto API.**
+
+[![npm version](https://img.shields.io/npm/v/@pushforge/builder.svg)](https://www.npmjs.com/package/@pushforge/builder)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-first--class-blue.svg)](https://www.typescriptlang.org/)
+
+Send push notifications from any JavaScript runtime · Zero dependencies
+
+[GitHub](https://github.com/draphy/pushforge) · [npm](https://www.npmjs.com/package/@pushforge/builder) · [Report Bug](https://github.com/draphy/pushforge/issues)
+
+**[Try the Live Demo →](https://pushforge.draphy.org)**
+
+</div>
+
+---
 
 ```bash
 npm install @pushforge/builder
 ```
 
+## Live Demo
+
+Try PushForge in your browser at **[pushforge.draphy.org](https://pushforge.draphy.org)** — a live test site running on Cloudflare Workers.
+
+- Toggle push notifications on, send a test message, and see it arrive in real time
+- Works across all supported browsers — Chrome, Firefox, Edge, Safari 16+
+- The backend is a single Cloudflare Worker using `buildPushHTTPRequest()` with zero additional dependencies
+- Subscriptions auto-expire after 5 minutes — no permanent data stored
+
 ## Why PushForge?
 
 | | PushForge | web-push |