更新首页示例代码，使其更加准确地反映项目模板的实际用法和结构

Author: CC11001100

office-website/src/components/Hero.tsx

@@ -178,40 +178,56 @@ const CodeDots = styled.div`
 `;
 
 const codeExample = `// ==UserScript==
-// @name         My Typescript UserScript
+// @name         Typescript Userscript Template
+// @namespace    https://github.com/JSREI/typescript-userscript-template
 // @version      1.0.0
-// @description  A UserScript built with TypeScript
+// @description  A modern userscript template using TypeScript
 // @author       Your Name
-// @match        https://example.com/*
+// @match        *://*/*
+// @run-at       document-start
+// @grant        GM_getValue
+// @grant        GM_setValue
+// @grant        GM_xmlhttpRequest
 // ==/UserScript==
 
+import { storeData, retrieveData } from "./gm_api_utils";
+
 class MyUserScript {
   private config = {
     enableLogging: true,
-    theme: 'dark',
+    theme: "dark"
   };
 
   constructor() {
     this.initialize();
   }
 
-  private initialize(): void {
-    console.log('UserScript initialized!');
+  private async initialize(): Promise<void> {
+    console.log("UserScript initialized!");
+    
+    // 存储并获取上次运行时间
+    await storeData("lastRun", new Date().toISOString());
+    const lastRun = await retrieveData<string>("lastRun", "从未运行");
+    
+    if (this.config.enableLogging) {
+      console.log(\`上次运行时间: \${lastRun}\`);
+    }
+    
     this.setupEventListeners();
   }
 
   private setupEventListeners(): void {
-    document.addEventListener('click', this.handleClick);
+    document.addEventListener("click", this.handleClick);
   }
 
   private handleClick = (e: MouseEvent): void => {
     if (this.config.enableLogging) {
-      console.log('Clicked:', e.target);
+      console.log("Clicked:", e.target);
     }
   };
 }
 
-// Start the script
+// 启动脚本
 new MyUserScript();`;
 
 const Hero: React.FC = () => {