website refactor

apps/website/components/teams/FeaturedRecruiting.tsx

@@ -1,6 +1,5 @@
 import Image from 'next/image';
 import { UserPlus, Users, Trophy } from 'lucide-react';
-import type { TeamSummaryViewModel } from '@/lib/view-models/TeamSummaryViewModel';
 import { getMediaUrl } from '@/lib/utilities/media';
 
 const SKILL_LEVELS: {
@@ -14,7 +13,7 @@ const SKILL_LEVELS: {
   {
     id: 'pro',
     label: 'Pro',
-    icon: () => null, // We'll import Crown if needed
+    icon: () => null,
     color: 'text-yellow-400',
     bgColor: 'bg-yellow-400/10',
     borderColor: 'border-yellow-400/30',
@@ -46,7 +45,17 @@ const SKILL_LEVELS: {
 ];
 
 interface FeaturedRecruitingProps {
-  teams: TeamSummaryViewModel[];
+  teams: Array<{
+    id: string;
+    name: string;
+    description?: string;
+    logoUrl?: string;
+    category?: string;
+    memberCount: number;
+    totalWins: number;
+    performanceLevel: string;
+    isRecruiting: boolean;
+  }>;
   onTeamClick: (id: string) => void;
 }