\n {activeTab === \"home\" && <>\n

\n \n Your Skills Deserve On-Chain Rewards\n

Earn Karma, Not Just Clout.

\n Post bounties, solve tasks, and earn reputation on-chain. KarmaChain is the ultimate decentralized micro-task marketplace where your reputation is your superpower!\n

\n \n

\n \n \n \n

\n \n

Create Bounties

\n Post tasks that need solving and set rewards in $KARMA tokens for successful completion.\n

\n \n

Complete Tasks

\n Browse through available tasks, submit your work, and earn $KARMA tokens and reputation.\n

\n \n

Earn NFT Badges

\n Build your Karma Score to unlock exclusive NFT badges and gain access to premium opportunities.\n

\n \n

Featured Tasks

\n {tasks.slice(0, 3).map(task =>

setSelectedTask(task)}>\n

{task.title}

{task.description}

\n $\n {task.reward}\n

\n \n {Math.ceil((new Date(task.deadline) - new Date()) / (1000 * 60 * 60 * 24))} days left\n \n

)}\n

\n \n

\n }\n \n {activeTab === \"discover\" && <>\n {}\n

\n setSearchQuery(e.target.value)} />\n \n

\n \n

\n \n \n \n \n

\n \n {}\n

\n \n

Available Tasks

{tasks.length}

\n \n

Completed Tasks

{user.completedTasks}

\n \n

Your Rank

{user.rank}

\n \n

Eligible Tasks

{tasks.filter(task => task.karmaRequirement <= user.karmaScore).length}

\n \n {taskInProgress ?

{taskInProgress.title}

\n \n \n {taskInProgress.estimatedTime}\n \n \n {taskInProgress.category}\n \n \n {taskInProgress.difficulty}\n \n \n \n Due: {formatDate(taskInProgress.deadline)}\n \n

\n $\n {task.reward}\n

\n \n

{taskInProgress.description}

\n \n

\n {taskProgressPercentage < 100 ? `Working on task... ${taskProgressPercentage}% complete` : \"Task completed! Submit your work to claim your reward.\"}\n

\n \n

\n {taskProgressPercentage >= 100 ? : }\n \n \n

\n {filteredTasks.length > 0 ? filteredTasks.map(task => {\n const isExpired = new Date(task.deadline) < new Date();\n const daysLeft = Math.ceil((new Date(task.deadline) - new Date()) / (1000 * 60 * 60 * 24));\n return user.karmaScore ? 'opacity-60' : ''}\n ${isExpired ? 'border-red-800/50 bg-red-900/10' : ''}\n ${task.status === 'completed' ? 'border-green-800/50 bg-green-900/10' : ''}\n `} onClick={() => setSelectedTask(task)} whileHover={{\n y: -5,\n boxShadow: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'\n }} initial={{\n opacity: 0,\n y: 20\n }} animate={{\n opacity: 1,\n y: 0\n }} transition={{\n duration: 0.3\n }}>\n

{task.title}

\n $\n {task.reward}\n

\n \n

{task.description}

\n \n

\n \n \n {task.estimatedTime}\n \n \n {task.category}\n \n \n {task.difficulty}\n \n \n \n {isExpired ? 'Expired' : daysLeft === 0 ? 'Due Today' : daysLeft === 1 ? 'Due Tomorrow' : `${daysLeft} days left`}\n \n

\n \n

\n {task.submissions.length > 0 ? <>\n \n {task.submissions.length} submission{task.submissions.length !== 1 ? 's' : ''}\n : <>\n \n {task.applicants} applicant{task.applicants !== 1 ? 's' : ''}\n }\n

\n \n {task.karmaRequirement > 0 &&

\n {task.karmaRequirement <= user.karmaScore ? : }\n Karma {task.karmaRequirement}+\n

}\n \n {task.creator === user.address &&

\n \n Your Task\n

}\n

\n ;\n }) :

\n \n

No tasks found

Try adjusting your search or filters

}\n

}\n }\n \n {activeTab === \"mytasks\" &&

Your Karma Profile

Keep completing tasks to increase your Karma Score and unlock premium opportunities

\n \n {user.rank}\n

\n \n

Karma Score

\n \n

\n {user.karmaScore}\n +{Math.floor(user.karmaScore * 0.05)} this week\n

\n \n

$KARMA Balance

\n $\n

\n {user.karmaTokens}\n +{user.tasks.filter(t => t.status === \"completed\").reduce((acc, t) => acc + t.reward, 0)} earned\n

\n \n

Completed Tasks

\n \n

\n {user.completedTasks}\n tasks completed\n

\n \n {user.badgeEligible &&

\n \n

🏅 Claim Your Badge

\n You're eligible for a {user.badgeLevel === 'gold' ? 'Gold' : user.badgeLevel === 'silver' ? 'Silver' : 'Bronze'} Badge NFT!\n

\n \n

}\n \n

\n Progress to {rankDetails.nextRank}\n {user.karmaScore} / {user.nextRankAt}\n

\n Earn {user.nextRankAt - user.karmaScore} more Karma to reach {rankDetails.nextRank}\n

\n \n

Your Tasks

\n \n {user.tasks.length > 0 ?

\n {user.tasks.map(task =>

{task.title}

\n \n {task.status === \"completed\" ? <>\n \n Completed\n : <>\n \n In Progress\n }\n \n {task.status === \"completed\" && \n Completed on {task.completedAt}\n }\n {task.status === \"in_progress\" && \n Started on {task.startedAt}\n }\n

\n $\n {task.reward}\n

)}\n

\n \n

No tasks yet

Start completing tasks to build your karma and earn rewards

\n \n

}\n

}\n \n {activeTab === \"tokenomics\" &&

\n \n $KARMA Tokenomics\n

Fueling the decentralized reputation economy

\n Token Contract: {KARMA_TOKEN_ADDRESS.slice(0, 4)}...{KARMA_TOKEN_ADDRESS.slice(-4)}\n

\n\n

\n \n

Total Supply

1,000,000,000

\n \n

Decimals

\n \n

Governance

Community DAO

\n \n

Token Distribution

\n \n \n \n {[{\n name: 'Task Bounty Pool',\n value: 35,\n color: '#f59e0b'\n }, {\n name: 'Early User Airdrop',\n value: 25,\n color: '#3b82f6'\n }, {\n name: 'Core Team Fund',\n value: 20,\n color: '#ec4899'\n }, {\n name: 'Liquidity & Listing',\n value: 10,\n color: '#10b981'\n }, {\n name: 'Community DAO Fund',\n value: 5,\n color: '#8b5cf6'\n }, {\n name: 'Partnerships & Marketing',\n value: 5,\n color: '#f97316'\n }].map((entry, index) => )}\n \n [`${value}%`, 'Allocation']} contentStyle={{\n backgroundColor: '#1f2937',\n borderColor: '#374151',\n borderRadius: '0.5rem',\n color: 'white'\n }} />\n {value}} />\n \n \n

\n \n

Token Utility

\n \n

Task Rewards

Complete bounties to earn $KARMA tokens as rewards for your contributions

\n \n

Task Creation Fee

Minimum {MIN_KARMA_FOR_TASK_CREATION} $KARMA required to post new tasks to ensure quality bounties

\n \n

Governance Voting

$KARMA holders can participate in DAO voting to guide the future of the platform

\n \n

NFT Badge Claims

Earn exclusive on-chain NFT badges based on your Karma Score achievements

\n \n

\n \n Tokenomics Highlights\n

35% allocated to Task Bounty Pool - The largest allocation ensures sustainable rewards for contributors

25% for Community Airdrop - Active participants receive tokens based on platform engagement

20% Team & Dev Fund - 1-year vesting schedule to ensure long-term alignment

10% DEX Liquidity - Ensuring stable trading on Raydium/Jupiter for all users

}\n\n {activeTab === \"leaderboard\" &&

Karma Leaderboard

Top contributors in the KarmaChain ecosystem

\n \n

0x3D...7f4e

\n \n Karma Legend\n

\n \n 892\n

\n \n

0x8B...2c9a

\n \n Karma Master\n

\n \n 657\n

\n \n

0x5F...9e2d

\n \n Karma Adept\n

\n \n 429\n

\n \n

\n {[{\n rank: 4,\n address: \"0x7A...8b3c\",\n karmaScore: 350,\n level: \"Karma Adept\",\n badge: \"bronze\"\n }, {\n rank: 5,\n address: \"0x2C...4d1e\",\n karmaScore: 284,\n level: \"Karma Adept\",\n badge: \"bronze\"\n }, {\n rank: 6,\n address: \"0x9E...5a7f\",\n karmaScore: 231,\n level: \"Karma Adept\",\n badge: \"bronze\"\n }, {\n rank: 7,\n address: \"0x4B...6c2d\",\n karmaScore: 197,\n level: \"Trusted Contributor\",\n badge: \"bronze\"\n }, {\n rank: 8,\n address: user.address,\n karmaScore: user.karmaScore,\n level: user.rank,\n badge: user.badgeLevel,\n isCurrentUser: connected\n }, {\n rank: 9,\n address: \"0x1F...3e8b\",\n karmaScore: 62,\n level: \"Rising Contributor\",\n badge: null\n }, {\n rank: 10,\n address: \"0x6D...9a4c\",\n karmaScore: 45,\n level: \"Rising Contributor\",\n badge: null\n }].map(leaderboardUser =>

\n {leaderboardUser.rank}\n

\n {leaderboardUser.address}\n {leaderboardUser.isCurrentUser && You}\n {leaderboardUser.badge && \n \n }\n

{leaderboardUser.level}

\n \n {leaderboardUser.karmaScore}\n

)}\n

}\n

\n \n Your Skills Deserve On-Chain Rewards\n

Create Bounties

Complete Tasks

Earn NFT Badges

Featured Tasks

{task.title}

{taskInProgress.title}

{task.title}

No tasks found

Your Karma Profile

Karma Score

$KARMA Balance

Completed Tasks

🏅 Claim Your Badge

Your Tasks

{task.title}

No tasks yet

\n \n $KARMA Tokenomics\n

Token Distribution

Token Utility

Task Rewards

Task Creation Fee

Governance Voting

NFT Badge Claims

\n \n Tokenomics Highlights\n

Karma Leaderboard

0x3D...7f4e

0x8B...2c9a

0x5F...9e2d

\n {leaderboardUser.address}\n {leaderboardUser.isCurrentUser && You}\n {leaderboardUser.badge && \n \n }\n

{selectedTask.title}

Description

Reward

Posted By

Task Submissions

Task Deadline Has Passed

Karma Requirement Not Met

Wallet Connection Required

Create New Task

Your Profile

{user.address}

🏅 Badge Available!

Submit Your Work

Task Submissions

\n Submission from {submission.submitter}\n {submission.status === 'approved' && Approved}\n {submission.status === 'rejected' && Rejected}\n {submission.status === 'pending' && Pending Review}\n

No submissions yet

$KARMA Token

Token Name

Symbol

Decimals

Total Supply

Token Distribution

Token Utility

Claim Your NFT Badge

{user.badgeLevel === 'gold' ? 'Gold Badge' : user.badgeLevel === 'silver' ? 'Silver Badge' : 'Bronze Badge'}