website refactor

apps/website/components/teams/TeamCard.tsx

@@ -1,10 +1,9 @@
 'use client';
-
-import { Image } from '@/ui/Image';
-import { PlaceholderImage } from '@/ui/PlaceholderImage';
+ 
+import { TeamLogo } from '@/components/teams/TeamLogo';
 import { TeamCard as UITeamCard } from '@/ui/TeamCard';
 import React, { ReactNode } from 'react';
-
+ 
 interface TeamCardProps {
   name: string;
   description?: string;
@@ -19,7 +18,7 @@ interface TeamCardProps {
   statsContent?: ReactNode;
   onClick?: () => void;
 }
-
+ 
 export function TeamCard({
   name,
   description,
@@ -42,17 +41,7 @@ export function TeamCard({
       region={region}
       onClick={onClick}
       logo={
-        logo ? (
-          <Image
-            src={logo}
-            alt={name}
-            fullWidth
-            fullHeight
-            objectFit="cover"
-          />
-        ) : (
-          <PlaceholderImage />
-        )
+        <TeamLogo src={logo} alt={name} size={64} />
       }
       badges={
         <>