Solar Corona — React Animated Background

import { SolarCorona, SOLAR_CORONA_PRESETS } from "@/components/SolarCorona";

export function SunHero() {
  return (
    <section style={{ position: "relative", minHeight: "100dvh" }}>
      <SolarCorona {...SOLAR_CORONA_PRESETS.gold}
        {...{
          interactive: true,
          speed: 1,
          intensity: 1,
          rays: 18,
          corona: 1,
          from: "#fff6d8",
          to: "#ffb347",
          accent: "#ff5470"
        }}
      />
      <div style={{ position: "relative", zIndex: 1, padding: "8rem 2rem" }}>
        <h1>Do not look directly</h1>
      </div>
    </section>
  );
}