{data.name}

\n {data.verified && (\n \n \n \n )}\n {eng.label}\n

@{data.username} · {data.category}

{data.bio}

{formatNumber(data.followers)}

Followers

{data.following.toLocaleString()}

Following

{data.posts.toLocaleString()}

Posts

{data.engagementRate}%

Engagement

\n {/* Earnings Card */}\n

Est. per post

{formatMoney(data.estimatedEarnings.min)}

{formatMoney(data.estimatedEarnings.max)}

Avg Views/Post

{formatNumber(data.avgViews)}

\n\n {/* Tabs */}\n

\n {([\"overview\", \"audience\", \"posts\"] as const).map(tab => (\n setActiveTab(tab)}\n className={`flex-1 py-2.5 text-sm font-medium rounded-xl transition-all capitalize ${\n activeTab === tab\n ? \"gradient-ig text-white shadow-lg\"\n : \"text-gray-500 hover:text-gray-300\"\n }`}\n >\n {tab}\n \n ))}\n

\n\n {/* Tab Content */}\n {activeTab === \"overview\" && (\n

\n {/* Metric Cards */}\n

\n {[\n { label: \"Avg Likes\", value: formatNumber(data.avgLikes), icon: \"❤️\" },\n { label: \"Avg Comments\", value: formatNumber(data.avgComments), icon: \"💬\" },\n { label: \"Avg Views\", value: formatNumber(data.avgViews), icon: \"👁️\" },\n { label: \"Posts\", value: data.posts.toLocaleString(), icon: \"📸\" },\n ].map(m => (\n

{m.icon}

{m.value}

{m.label}

\n ))}\n

\n\n {/* Growth Chart */}\n

Follower Growth (Last 6 Months)

\n \n

\n\n {/* Engagement Chart */}\n

\n Influencer Analytics\n

Track, analyze & compare top Instagram creators in real-time

\n\n {/* Stats Overview */}\n {stats && (\n

\n \n \n \n \n

\n )}\n\n {/* Filters */}\n

\n \n setSearch(e.target.value)}\n className=\"w-full bg-gray-900 border border-gray-700 text-white rounded-xl pl-10 pr-4 py-3 text-sm focus:outline-none focus:border-purple-500 transition-colors placeholder-gray-600\"\n />\n

\n {categories.map(cat => (\n setCategory(cat)}\n className={`px-4 py-2 rounded-xl text-sm font-medium transition-all ${\n category === cat\n ? \"gradient-ig text-white shadow-lg\"\n : \"bg-gray-900 border border-gray-700 text-gray-400 hover:border-gray-500 hover:text-gray-200\"\n }`}\n >\n {cat === \"all\" ? \"All\" : cat}\n \n ))}\n

\n setSortBy(e.target.value)}\n className=\"bg-gray-900 border border-gray-700 text-gray-300 rounded-xl px-4 py-2 text-sm focus:outline-none focus:border-purple-500 cursor-pointer\"\n >\n \n \n \n \n

\n\n {/* Influencer Grid */}\n {loading ? (\n

\n ) : (\n

\n {sorted.map((influencer, i) => (\n

\n onSelectInfluencer(influencer.id)}\n />\n

\n ))}\n

\n )}\n\n {sorted.length === 0 && !loading && (\n

🔍

No influencers found

\n )}\n

{data.name}

Follower Growth (Last 6 Months)

Recent Post Performance

Recent Posts

InfluencerIQ

\n Influencer Analytics\n

Audience Gender

Age Distribution

Top Countries

History · frontend