initial commit

components/product/AssetDescriptionCard.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { useApp } from "@/contexts/AppContext";
+
+export default function AssetDescriptionCard() {
+  const { t } = useApp();
+
+  return (
+    <div className="bg-bg-surface dark:bg-gray-800 rounded-3xl border border-border-gray dark:border-gray-700 p-8 flex flex-col gap-4 h-[380px]">
+      <h3 className="text-body-large font-bold text-text-primary dark:text-white">
+        {t("description.title")}
+      </h3>
+      <div className="text-body-default font-regular text-text-primary dark:text-gray-300 leading-relaxed whitespace-pre-line flex-1 overflow-y-auto">
+        {t("description.content")}
+      </div>
+    </div>
+  );
+}