website refactor

apps/website/ui/SponsorshipTierBadge.tsx

@@ -0,0 +1,26 @@
+
+
+import { Badge } from './Badge';
+
+interface SponsorshipTierBadgeProps {
+  tier: 'premium' | 'standard' | 'starter';
+  entityLabel: string;
+}
+
+export function SponsorshipTierBadge({ tier, entityLabel }: SponsorshipTierBadgeProps) {
+  const tierStyles = {
+    premium: 'bg-yellow-400/10 border-yellow-400/30 text-yellow-400',
+    standard: 'bg-purple-400/10 border-purple-400/30 text-purple-400',
+    starter: 'bg-primary-blue/10 border-primary-blue/30 text-primary-blue',
+  };
+
+  return (
+    <Badge 
+      bg={tierStyles[tier].split(' ')[0]} 
+      borderColor={tierStyles[tier].split(' ')[1]} 
+      color={tierStyles[tier].split(' ')[2]}
+    >
+      {tier.charAt(0).toUpperCase() + tier.slice(1)} {entityLabel}
+    </Badge>
+  );
+}