wip

apps/website/app/teams/[id]/page.tsx

@@ -3,9 +3,11 @@
 import { useState, useEffect, useCallback } from 'react';
 import { useParams } from 'next/navigation';
 import Image from 'next/image';
+import Link from 'next/link';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
 import Breadcrumbs from '@/components/layout/Breadcrumbs';
+import SponsorInsightsCard, { useSponsorMode, MetricBuilders, SlotTemplates } from '@/components/sponsors/SponsorInsightsCard';
 import { getImageService } from '@/lib/di-container';
 import TeamRoster from '@/components/teams/TeamRoster';
 import TeamStandings from '@/components/teams/TeamStandings';
@@ -18,6 +20,7 @@ import {
 } from '@/lib/di-container';
 import { useEffectiveDriverId } from '@/lib/currentDriver';
 import type { Team, TeamMembership, TeamRole } from '@gridpilot/racing';
+import { Users, Trophy, TrendingUp, Star, Zap } from 'lucide-react';
 
 type Tab = 'overview' | 'roster' | 'standings' | 'admin';
 
@@ -31,6 +34,7 @@ export default function TeamDetailPage() {
   const [loading, setLoading] = useState(true);
   const [isAdmin, setIsAdmin] = useState(false);
   const currentDriverId = useEffectiveDriverId();
+  const isSponsorMode = useSponsorMode();
 
   const loadTeamData = useCallback(async () => {
     setLoading(true);
@@ -152,6 +156,14 @@ export default function TeamDetailPage() {
 
   const visibleTabs = tabs.filter(tab => tab.visible);
 
+  // Build sponsor insights for team
+  const teamMetrics = [
+    MetricBuilders.members(memberships.length),
+    MetricBuilders.reach(memberships.length * 15),
+    MetricBuilders.races(team.leagues.length * 8),
+    MetricBuilders.engagement(82),
+  ];
+
   return (
     <div className="max-w-6xl mx-auto">
       {/* Breadcrumb */}
@@ -163,6 +175,20 @@ export default function TeamDetailPage() {
         ]}
       />
 
+      {/* Sponsor Insights Card - Consistent placement at top */}
+      {isSponsorMode && team && (
+        <SponsorInsightsCard
+          entityType="team"
+          entityId={team.id}
+          entityName={team.name}
+          tier="standard"
+          metrics={teamMetrics}
+          slots={SlotTemplates.team(true, true, 500, 250)}
+          trustScore={90}
+          monthlyActivity={85}
+        />
+      )}
+
       <Card className="mb-6">
         <div className="flex items-start justify-between">
           <div className="flex items-start gap-6">