Aurora — React Animated Background

import { Aurora, AURORA_PRESETS } from "@/components/Aurora";

export function NightHero() {
  return (
    <section style={{ position: "relative", minHeight: "100dvh" }}>
      <Aurora {...AURORA_PRESETS.emerald}
        {...{
          interactive: true,
          speed: 0.7,
          intensity: 0.45,
          bands: 3,
          primary: "#2dd4bf",
          secondary: "#818cf8"
        }}
      />
      <div style={{ position: "relative", zIndex: 1, padding: "10rem 2rem" }}>
        <h1>Northern lights, no video file</h1>
      </div>
    </section>
  );
}