import React from "react"; import { PieChart, Pie, Cell, ResponsiveContainer } from "recharts"; import { motion } from "framer-motion"; const COLORS = ["#F7A600", "#FFD700", "#FFEC80", "#D3D3D3"]; const data = [ { name: "Developer Wallet Allocation", value: 5, color: "#F7A600" }, { name: "Team", value: 2, color: "#FFD700" }, { name: "Marketing & Operations", value: 1, color: "#FFEC80" }, { name: "Treasury & Ecosystem", value: 2, color: "#D3D3D3" }, ]; const vestingData = [ { name: "2% Locked (2 Years)", color: "#D3D3D3" }, { name: "0.5% for Marketing", color: "#E0E0E0" }, { name: "0.5% Treasury Liquidity", color: "#F0F0F0" }, ]; const Tokenomics: React.FC = () => { return (
{/* Animated Pie Chart */} {data.map((entry, index) => ( ))} {/* Tokenomics Info */}

Tokenomics

Transparent Allocation – Designed for Growth and Sustainability

{data.map((item, index) => (

{item.name} ({item.value}%)

))}

Vesting Plan

{vestingData.map((item, index) => (

{item.name}

))}
); }; export default Tokenomics;