Particle Field — React Animated Background

import { ParticleField, PARTICLE_PRESETS } from "@/components/ParticleField";

export function AmbientBanner() {
  return (
    <div style={{ position: "relative", height: 420 }}>
      <ParticleField {...PARTICLE_PRESETS.frost}
        {...{
          interactive: true,
          density: 0.45,
          size: 0.16,
          speed: 0.8,
          color: "#a8d8ff"
        }}
      />
      <div style={{ position: "relative", zIndex: 1 }}>…</div>
    </div>
  );
}