56 lines
1.6 KiB
TypeScript
56 lines
1.6 KiB
TypeScript
|
import ProductHeader from "./ProductHeader";
|
||
|
|
import StatsCards from "@/components/fundmarket/StatsCards";
|
||
|
|
import AssetOverviewCard from "./AssetOverviewCard";
|
||
|
|
import APYHistoryCard from "./APYHistoryCard";
|
||
|
|
import AssetDescriptionCard from "./AssetDescriptionCard";
|
||
|
|
import MintSwapPanel from "./MintSwapPanel";
|
||
|
|
import ProtocolInformation from "./ProtocolInformation";
|
||
|
|
import PerformanceAnalysis from "./PerformanceAnalysis";
|
||
|
|
import Season1Rewards from "./Season1Rewards";
|
||
|
|
import AssetCustodyVerification from "./AssetCustodyVerification";
|
||
|
|
|
||
|
|
export default function OverviewTab() {
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col gap-8 w-full">
|
||
|
|
{/* Product Header */}
|
||
|
|
<ProductHeader />
|
||
|
|
|
||
|
|
{/* Stats Cards */}
|
||
|
|
<StatsCards />
|
||
|
|
|
||
|
|
{/* Main Content Grid */}
|
||
|
|
<div className="grid grid-cols-3 gap-8">
|
||
|
|
{/* Left Column - 2/3 width */}
|
||
|
|
<div className="col-span-2 flex flex-col gap-8">
|
||
|
|
<AssetOverviewCard />
|
||
|
|
<APYHistoryCard />
|
||
|
|
<div id="asset-description">
|
||
|
|
<AssetDescriptionCard />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Right Column - 1/3 width */}
|
||
|
|
<div className="col-span-1">
|
||
|
|
<div className="sticky top-8 flex flex-col gap-8">
|
||
|
|
<MintSwapPanel />
|
||
|
|
<ProtocolInformation />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Season 1 Rewards */}
|
||
|
|
<Season1Rewards />
|
||
|
|
|
||
|
|
{/* Performance Analysis */}
|
||
|
|
<div id="performance-analysis">
|
||
|
|
<PerformanceAnalysis />
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{/* Asset Custody & Verification */}
|
||
|
|
<div id="asset-custody">
|
||
|
|
<AssetCustodyVerification />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|