大更新

app/product/[id]/page.tsx

@@ -0,0 +1,27 @@
+import Sidebar from "@/components/layout/Sidebar";
+import TopBar from "@/components/layout/TopBar";
+import ContentSection from "@/components/product/ContentSection";
+
+export default function ProductDetailPage() {
+  const breadcrumbItems = [
+    { label: "ASSETX", href: "/" },
+    { label: "Fund Market", href: "/" },
+    { label: "High-Yield US Equity" },
+  ];
+
+  return (
+    <div className="min-h-screen bg-bg-subtle dark:bg-gray-900 flex">
+      <Sidebar />
+      <div className="flex-1 flex flex-col ml-[222px]">
+        <div className="bg-[#F3F4F6] dark:bg-gray-800 border-b border-border-normal dark:border-gray-700 px-8 py-6">
+          <TopBar breadcrumbItems={breadcrumbItems} />
+        </div>
+
+        <div className="flex-1 px-8 py-8 bg-[#F3F4F6] dark:bg-gray-900">
+          {/* Tab Navigation and Content */}
+          <ContentSection />
+        </div>
+      </div>
+    </div>
+  );
+}