"use client";

import dynamic from "next/dynamic";

/**
 * Client-side-only lazy import of the Three.js SoftAurora.
 *
 * Removes the WebGL bundle (~300kB) from the initial HTML/JS payload sent
 * to the browser. The component mounts after hydration, so LCP and FCP
 * count text/CSS only — the aurora fades in once the JS chunk arrives.
 */
const SoftAuroraLazy = dynamic(() => import("./SoftAurora"), {
  ssr: false,
  loading: () => null,
});

export default SoftAuroraLazy;