Light Prism — React Glass Effect

import { LightPrism, LIGHT_PRISM_PRESETS } from "@/components/LightPrism";

export function PrismHero() {
  return (
    <section style={{ position: "relative", minHeight: "100dvh" }}>
      <LightPrism {...LIGHT_PRISM_PRESETS.paper}
        {...{
          interactive: true,
          speed: 1,
          prismSize: 0.3,
          beamWidth: 0.0045,
          refraction: 0.16,
          dispersion: 0.22,
          shadow: 1,
          from: "#d2ccc2"
        }}
      />
      <div style={{ position: "relative", zIndex: 1, padding: "8rem 2rem" }}>
        <h1>Refract the ordinary</h1>
      </div>
    </section>
  );
}