wip

apps/website/components/feed/FeedEmptyState.tsx

@@ -0,0 +1,25 @@
+import Card from '@/components/ui/Card';
+import Button from '@/components/ui/Button';
+
+export default function FeedEmptyState() {
+  return (
+    <Card className="bg-iron-gray/80 border-dashed border-charcoal-outline text-center py-10">
+      <div className="text-3xl mb-3">🏁</div>
+      <h3 className="text-lg font-semibold text-white mb-2">
+        Your feed is warming up
+      </h3>
+      <p className="text-sm text-gray-400 mb-4 max-w-md mx-auto">
+        As leagues, teams, and friends start racing, this feed will show their latest results,
+        signups, and highlights.
+      </p>
+      <Button
+        as="a"
+        href="/leagues"
+        variant="secondary"
+        className="text-xs px-4 py-2"
+      >
+        Explore leagues
+      </Button>
+    </Card>
+  );
+}