feat: more lighting

packages/website/src/components/HelpingSpotLight.tsx

@@ -1,10 +1,17 @@
 import type { SpotLightProps } from '@react-three/fiber';
+import { memo } from 'react';
+import { Color } from 'three';
+import { isHalloween } from '../core/blitzkit/isHalloween';
 
 interface Props extends SpotLightProps {
   debug?: boolean;
 }
 
-export function HelpingSpotLight({ debug, ...props }: Props) {
+export const HelpingSpotLight = memo<Props>(({ debug, ...props }) => {
+  const color = new Color();
+
+  if (isHalloween()) color.set(1, 0.25, 0.25);
+
   return (
     <>
       {debug && (
@@ -14,7 +21,7 @@ export function HelpingSpotLight({ debug, ...props }: Props) {
         </mesh>
       )}
 
-      <spotLight {...props} />
+      <spotLight color={color} {...props} />
     </>
   );
-}
+});