Add player leaderboard and homepage preview

components/MapCard.tsx

@@ -12,18 +12,28 @@ export type CardMap = {
   server?: { name: string } | undefined;
   bounds: { minX: number; minZ: number; maxX: number; maxZ: number };
 };
-export function MapCard({ map, index = 0 }: { map: CardMap; index?: number }) {
+export function MapCard({
+  map,
+  index = 0,
+  minecraftPaper = false,
+}: {
+  map: CardMap;
+  index?: number;
+  minecraftPaper?: boolean;
+}) {
   return (
     <Link className="map-card" href={`/servers/${map.id}`}>
-      <div className="card-image">
-        <Image
-          src={map.image || "/images/example-map.webp"}
-          alt={`${map.name} terrain`}
-          fill
-          loading={index < 3 ? "eager" : "lazy"}
-          unoptimized
-          sizes="(max-width: 640px) 100vw, 33vw"
-        />
+      <div className={`card-image${minecraftPaper ? " minecraft-paper" : ""}`}>
+        <div className="card-map-content">
+          <Image
+            src={map.image || "/images/example-map.webp"}
+            alt={`${map.name} terrain`}
+            fill
+            loading={index < 3 ? "eager" : "lazy"}
+            unoptimized
+            sizes="(max-width: 640px) 100vw, 33vw"
+          />
+        </div>
         <span className="card-type">
           {map.source === "plugin" ? "SERVER EXPORT" : "PLAYER CAPTURE"}
         </span>