/**
 * Splash 主内容文案
 */

export function SplashContent({ characterName }: { characterName: string }) {
  return (
    <div className="z-2 flex flex-col gap-1.5 text-left text-white">
      <h1 className="m-0 max-w-105 font-(family-name:--font-athelas) text-[clamp(29px,8.2vw,35px)] font-bold leading-[1.08] text-white [text-shadow:0_2px_18px_rgba(0,0,0,0.42)]">
        Welcome to {characterName}&apos;s private world.
      </h1>
      <p className="m-0 text-[clamp(15px,4.1vw,18px)] font-semibold leading-[1.4] text-white/92 [text-shadow:0_2px_12px_rgba(0,0,0,0.5)]">
        Just you and me.
      </p>
    </div>
  );
}
