import ProductHeader from "./ProductHeader";
import StatsCards from "./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>
  );
}
