初始化 assetx 项目，首次提交

components/ProductHeader.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import Image from "next/image";
+import { useApp } from "@/contexts/AppContext";
+
+export default function ProductHeader() {
+  const { t } = useApp();
+
+  return (
+    <div className="flex flex-col gap-6">
+      {/* Product Title Section */}
+      <div className="flex items-start justify-between">
+        <div className="flex gap-6">
+          <div className="flex-shrink-0">
+            <Image src="/lr0.svg" alt="Product Logo" width={80} height={80} />
+          </div>
+          <div className="flex flex-col gap-2">
+            <h1 className="text-heading-h2 font-bold text-text-primary dark:text-white">
+              {t("product.gyUsEquityIndexToken")}
+            </h1>
+            <p className="text-body-default font-regular text-text-tertiary dark:text-gray-400">
+              High-Yield US Equity Quantitative Strategy - Institutional Grade RWA
+            </p>
+          </div>
+        </div>
+        <div className="flex items-center gap-2 px-4 py-2 bg-bg-subtle dark:bg-gray-700 rounded-lg border border-border-gray dark:border-gray-600">
+          <Image src="/group-9270.svg" alt="Contract" width={16} height={16} />
+          <span className="text-caption-tiny font-medium font-jetbrains text-text-tertiary dark:text-gray-400">
+            {t("product.contractAddress")}: 0x1b19...4f2c
+          </span>
+        </div>
+      </div>
+    </div>
+  );
+}