/**
 * Splash 背景图片
 *
 * 
 *   `SizedBox.expand(child: Assets.images.picBgHome.image(fit: BoxFit.cover))`
 * 资源: /public/images/splash/pic-bg-home.png (kebab-case 重命名后)
 *       原名: pic_bg_home.png (snake_case)
 *
 * sizes 属性说明：
 *   图片在 MobileShell 内（max-width: 500px）。
 *   - 视口 ≤ 500px：MobileShell = 100vw，图片 = 100vw
 *   - 视口 > 500px：MobileShell = 500px，图片 = 500px
 */
import Image from "next/image";
import styles from "./splash-background.module.css";

export function SplashBackground() {
  return (
    <div className={styles.bg}>
      <Image
        src="/images/splash/pic-bg-home.png"
        alt=""
        fill
        priority
        sizes="(max-width: 500px) 100vw, 500px"
        className={styles.image}
      />
    </div>
  );
}