website refactor

apps/website/components/landing/DiscoverySection.tsx

@@ -8,7 +8,7 @@ import { Grid } from '@/ui/Grid';
 import { Heading } from '@/ui/Heading';
 import { Link } from '@/ui/Link';
 import { Text } from '@/ui/Text';
-import { LeagueCard } from '@/components/leagues/LeagueCard';
+import { LeagueCard } from '@/components/leagues/LeagueCardWrapper';
 import { TeamCard } from '@/components/teams/TeamCard';
 import { UpcomingRaceItem } from '@/components/races/UpcomingRaceItem';
 import { HomeViewData } from '@/templates/HomeTemplate';
@@ -49,15 +49,7 @@ export function DiscoverySection({ viewData }: DiscoverySectionProps) {
                 {viewData.topLeagues.slice(0, 2).map((league) => (
                   <LeagueCard
                     key={league.id}
-                    name={league.name}
-                    description={league.description}
-                    coverUrl="/images/ff1600.jpeg"
-                    slotLabel="Drivers"
-                    usedSlots={18}
-                    maxSlots={24}
-                    fillPercentage={75}
-                    hasOpenSlots={true}
-                    openSlotsCount={6}
+                    league={league as any}
                   />
                 ))}
               </Stack>