Small changes

src/app/(main)/page.tsx

@@ -4,7 +4,7 @@ export default function Home() {
     return (
         <div className="flex flex-col items-center min-h-screen">
             <div className="mt-[20vh]">
-                <h1 className="text-4xl font-bold text-center">Stats Hypixel</h1>
+                <h1 className="text-4xl font-bold text-center">Hypixel Stats</h1>
             </div>
             <SearchBar />
         </div>

src/app/(stats)/player/[ign]/_stats/bedwars/components.tsx

@@ -2,7 +2,7 @@ import { formatNumber } from "@/lib/formatters"
 import { bedwarsLevelColors, getBedwarsStar, getPrestigeName, getTextColor } from "@/lib/hypixel/bedwars/bedwars"
 import { getBWLevelForExp } from "@/lib/hypixel/bedwars/level"
 import { cn } from "@/lib/utils"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 import Multicolored from "../../_components/Multicolored"
 
 export function BedwarsLevel({ xp }: { xp: number }) {

src/app/(stats)/player/[ign]/_stats/build-battle/progress.tsx

@@ -1,7 +1,7 @@
 import { getBuildBattleRank, getNextBuildBattleRank } from "@/lib/hypixel/build-battle/general"
 import { getProgress } from "@/lib/hypixel/general"
 import { cn } from "@/lib/utils"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 
 export default function BuildBattleTitleProgress({ score }: { score: number }) {
     const current = getBuildBattleRank(score)

src/app/(stats)/player/[ign]/_stats/pit/progress.tsx

@@ -1,7 +1,7 @@
 import { formatNumber } from "@/lib/formatters"
 import { getProgress } from "@/lib/hypixel/general"
 import { getPrestigeColor, getXpForPrestige } from "@/lib/hypixel/pit/general"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 
 export default function PitProgress({ prestige, xp }: { prestige: number, xp: number }) {
     const presColor = getPrestigeColor(prestige)

src/app/(stats)/player/[ign]/_stats/skywars/components.tsx

@@ -2,7 +2,7 @@ import { formatNumber } from "@/lib/formatters"
 import { getSkywarsLevel } from "@/lib/hypixel/skywars/level"
 import { getPrestige, getSkyWarsIcon } from "@/lib/hypixel/skywars/skywars"
 import { cn } from "@/lib/utils"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 import { HeadsBar, PresigeousHeads } from "./client"
 
 type SkywarsHeadsProps = {

src/app/(stats)/player/[ign]/_stats/uhc/progress.tsx

@@ -1,7 +1,7 @@
 import { formatNumber } from "@/lib/formatters"
 import { getProgress } from "@/lib/hypixel/general"
 import { getNextUhcStar, getUhcStar } from "@/lib/hypixel/uhc/level"
-import GenericProgress from "../../_components/GenericProgress"
+import { GenericProgress } from "../../_components/GenericProgress"
 
 export default function UHCProgress({ score }: { score: number }) {
     const current = getUhcStar(score)

src/app/globals.css

@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@plugin "@designbycode/tailwindcss-text-stroke";
 
 @custom-variant dark (&:is(.dark *));
 

src/app/layout.tsx

@@ -8,8 +8,8 @@ import type { Metadata } from "next"
 
 export const metadata: Metadata = {
     title: {
-        template: "%s | Stats Hypixel",
-        default: "Stats Hypixel"
+        template: "%s | Hypixel Stats",
+        default: "Hypixel Stats"
     }
 }
 

src/components/player/displayname.tsx

@@ -34,7 +34,7 @@ export default function DisplayName(
                     className="shadow-2xl"
                 />
             </Link>
-            <h1 className="text-3xl font-bold">
+            <h1 className="text-3xl font-bold text-stroke text-stroke-foreground dark:text-stroke-transparent">
                 <PlayerRank rank={rank} monthly={monthly} plusColor={plusColor} rankColor={rankColor} specialRank={specialRank} />{" "}
                 <PlayerIGN ign={ign} rank={rank} monthly={monthly} rankColor={rankColor} specialRank={specialRank} />{" "}
                 <GuildTag tag={guildTag} tagColor={tagColor} ign={ign} />