28 lines
899 B
TypeScript
28 lines
899 B
TypeScript
|
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>
|
||
|
|
);
|
||
|
|
}
|