From f9719ba617c7f45732b3820ecf2a5fb22d4adfeb Mon Sep 17 00:00:00 2001
From: Jacob Edley <edleyjacob@gmail.com>
Date: Tue, 9 Dec 2025 20:10:46 -0600
Subject: [PATCH 1/5] add shooting stars

---
 app/challenge/landing-page/page.tsx           |   4 +
 app/landing/About.tsx                         |   4 +
 app/landing/HackVoyagers.tsx                  |   4 +
 app/landing/Hero.tsx                          |   4 +
 .../ShootingStars/ShootingStars.module.scss   |  28 ++++++
 components/ShootingStars/ShootingStars.tsx    |  89 ++++++++++++++++++
 package-lock.json                             |  19 ++++
 package.json                                  |   1 +
 public/assets/shooting_star.lottie            | Bin 0 -> 9217 bytes
 9 files changed, 153 insertions(+)
 create mode 100644 components/ShootingStars/ShootingStars.module.scss
 create mode 100644 components/ShootingStars/ShootingStars.tsx
 create mode 100644 public/assets/shooting_star.lottie

diff --git a/app/challenge/landing-page/page.tsx b/app/challenge/landing-page/page.tsx
index 327ffb5a..907b5f48 100644
--- a/app/challenge/landing-page/page.tsx
+++ b/app/challenge/landing-page/page.tsx
@@ -5,6 +5,7 @@ import styles from "./LandingPage.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import clsx from "clsx";
 import { motion, Variants } from "framer-motion";
+import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
 
 const ProChallenge: React.FC = () => {
     const { offsetY, ref } = useParallaxScrollY();
@@ -120,6 +121,9 @@ const ProChallenge: React.FC = () => {
                     }}
                 />
 
+                {/* Shooting Stars */}
+                <ShootingStars size={500} />
+
                 {/* OVERLAY LAYER */}
                 <Box sx={{ position: "absolute", inset: 0 }}>
                     {/* pill and text */}
diff --git a/app/landing/About.tsx b/app/landing/About.tsx
index 1990f7a1..90f4a8d0 100644
--- a/app/landing/About.tsx
+++ b/app/landing/About.tsx
@@ -6,6 +6,7 @@ import Image from "next/image";
 import styles from "./About.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import { motion, Variants } from "framer-motion";
+import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
 
 const About = () => {
     const { offsetY, ref } = useParallaxScrollY();
@@ -100,6 +101,9 @@ const About = () => {
                 />
             </div>
 
+            {/* Shooting Stars */}
+            <ShootingStars size={500} />
+
             {/* 3. Convert container to motion.div and apply container variants */}
             <motion.div
                 className={styles.content}
diff --git a/app/landing/HackVoyagers.tsx b/app/landing/HackVoyagers.tsx
index 1e7ee344..5e8fbd37 100644
--- a/app/landing/HackVoyagers.tsx
+++ b/app/landing/HackVoyagers.tsx
@@ -5,6 +5,7 @@ import Image from "next/image";
 import styles from "./HackVoyagers.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import { motion, Variants } from "framer-motion";
+import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
 
 const HackVoyagers = () => {
     const { offsetY, ref } = useParallaxScrollY();
@@ -82,6 +83,9 @@ const HackVoyagers = () => {
                 />
             </div>
 
+            {/* Shooting Stars */}
+            <ShootingStars size={500} />
+
             {/* 3. Wrap Robot container with motion div */}
             <motion.div
                 className={styles.robotContainer}
diff --git a/app/landing/Hero.tsx b/app/landing/Hero.tsx
index a918583f..ada9cab3 100644
--- a/app/landing/Hero.tsx
+++ b/app/landing/Hero.tsx
@@ -8,6 +8,7 @@ import Image from "next/image";
 import { START_END_DATES } from "./constants";
 import styles from "./Hero.module.scss";
 import { motion, Variants } from "framer-motion";
+import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
 
 // Create a motion-enabled version of the Next.js Image component
 const MotionImage = motion(Image);
@@ -104,6 +105,9 @@ const Hero = () => {
                 />
             </div>
 
+            {/* Shooting Stars */}
+            <ShootingStars size={500} />
+
             {/* 3. Apply the container variants to the main content wrapper */}
             <motion.div
                 className={styles.heroSectionContent}
diff --git a/components/ShootingStars/ShootingStars.module.scss b/components/ShootingStars/ShootingStars.module.scss
new file mode 100644
index 00000000..0c6bd4e1
--- /dev/null
+++ b/components/ShootingStars/ShootingStars.module.scss
@@ -0,0 +1,28 @@
+.shootingStarsContainer {
+    position: absolute;
+    inset: 0;
+    pointer-events: none;
+    z-index: 5;
+    overflow: hidden;
+}
+
+.shootingStar {
+    position: absolute;
+    pointer-events: none;
+    animation: shootingStarFade 2s ease-out forwards;
+}
+
+@keyframes shootingStarFade {
+    0% {
+        opacity: 0;
+    }
+    20% {
+        opacity: 1;
+    }
+    80% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
diff --git a/components/ShootingStars/ShootingStars.tsx b/components/ShootingStars/ShootingStars.tsx
new file mode 100644
index 00000000..33bc6e70
--- /dev/null
+++ b/components/ShootingStars/ShootingStars.tsx
@@ -0,0 +1,89 @@
+"use client";
+
+import { DotLottieReact } from "@lottiefiles/dotlottie-react";
+import { useState, useEffect } from "react";
+import styles from "./ShootingStars.module.scss";
+
+interface ShootingStar {
+    id: number;
+    x: number;
+    y: number;
+    rotation: number;
+}
+
+interface ShootingStarsProps {
+    /** Minimum delay between shooting stars in milliseconds (default: 1000) */
+    minDelay?: number;
+    /** Maximum delay between shooting stars in milliseconds (default: 6000) */
+    maxDelay?: number;
+    /** Duration of each shooting star animation in milliseconds (default: 2000) */
+    duration?: number;
+    /** Width of each shooting star in pixels (default: 500) */
+    size?: number;
+}
+
+export const ShootingStars = ({
+    minDelay = 1000,
+    maxDelay = 6000,
+    duration = 2000,
+    size = 500
+}: ShootingStarsProps) => {
+    const [shootingStars, setShootingStars] = useState<ShootingStar[]>([]);
+
+    useEffect(() => {
+        const spawnShootingStar = () => {
+            const id = Date.now();
+
+            const maxX = 100 - (size / window.innerWidth) * 100;
+            const maxY = 100 - (size / window.innerHeight) * 100;
+
+            const x = Math.random() * Math.max(0, maxX - 10) + 5; // 5% to (100 - size)% of width
+            const y = Math.random() * Math.max(0, maxY - 10) + 5; // 5% to (100 - size)% of height
+            const rotation = Math.random() * -25; // 0 to -25 degrees
+
+            const newStar: ShootingStar = { id, x, y, rotation };
+            setShootingStars(prev => [...prev, newStar]);
+
+            // Remove after animation completes
+            setTimeout(() => {
+                setShootingStars(prev => prev.filter(star => star.id !== id));
+            }, duration);
+        };
+
+        // Spawn a shooting star at random intervals
+        const scheduleNext = () => {
+            const delay = Math.random() * (maxDelay - minDelay) + minDelay;
+            return setTimeout(() => {
+                spawnShootingStar();
+                scheduleNext();
+            }, delay);
+        };
+
+        const timeoutId = scheduleNext();
+
+        return () => clearTimeout(timeoutId);
+    }, [minDelay, maxDelay, duration, size]);
+
+    return (
+        <div className={styles.shootingStarsContainer}>
+            {shootingStars.map(star => (
+                <div
+                    key={star.id}
+                    className={styles.shootingStar}
+                    style={{
+                        left: `${star.x}%`,
+                        top: `${star.y}%`,
+                        transform: `rotate(${star.rotation}deg)`
+                    }}
+                >
+                    <DotLottieReact
+                        src="/assets/shooting_star.lottie"
+                        loop={false}
+                        autoplay
+                        style={{ width: `${size}px`, height: `${size}px` }}
+                    />
+                </div>
+            ))}
+        </div>
+    );
+};
diff --git a/package-lock.json b/package-lock.json
index 40a3dda4..028dfa60 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
             "dependencies": {
                 "@emotion/react": "^11.14.0",
                 "@emotion/styled": "^11.14.1",
+                "@lottiefiles/dotlottie-react": "0.17.10",
                 "@mui/icons-material": "^7.3.4",
                 "@mui/material": "^7.3.4",
                 "@mui/material-nextjs": "^7.3.5",
@@ -988,6 +989,24 @@
                 "@jridgewell/sourcemap-codec": "^1.4.14"
             }
         },
+        "node_modules/@lottiefiles/dotlottie-react": {
+            "version": "0.17.10",
+            "resolved": "https://registry.npmjs.org/@lottiefiles/dotlottie-react/-/dotlottie-react-0.17.10.tgz",
+            "integrity": "sha512-ikrN05/q0/KjqIU+n48uNwmE7DeZIC9y3Nd19httcKqe273zoOeNYycEaQzLSdcpEGnWLmHaZpgtoo07aQZAXg==",
+            "license": "MIT",
+            "dependencies": {
+                "@lottiefiles/dotlottie-web": "0.58.1"
+            },
+            "peerDependencies": {
+                "react": "^17 || ^18 || ^19"
+            }
+        },
+        "node_modules/@lottiefiles/dotlottie-web": {
+            "version": "0.58.1",
+            "resolved": "https://registry.npmjs.org/@lottiefiles/dotlottie-web/-/dotlottie-web-0.58.1.tgz",
+            "integrity": "sha512-YC4pmScrV0R3rd11gU5xHrjeNczlCic69zlnMH/buDIzYxIbpR88oPUhGtKgu5ln7EJchoLpeRJbA3uLCzSeTA==",
+            "license": "MIT"
+        },
         "node_modules/@mui/core-downloads-tracker": {
             "version": "7.3.6",
             "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-7.3.6.tgz",
diff --git a/package.json b/package.json
index 73a44a1f..ed007488 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
+        "@lottiefiles/dotlottie-react": "0.17.10",
         "@mui/icons-material": "^7.3.4",
         "@mui/material": "^7.3.4",
         "@mui/material-nextjs": "^7.3.5",
diff --git a/public/assets/shooting_star.lottie b/public/assets/shooting_star.lottie
new file mode 100644
index 0000000000000000000000000000000000000000..f6f407d94aa297eb6782693ac68abdbe1f62641a
GIT binary patch
literal 9217
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
Xq>oWkgogR&7R28L{JT3+{*(O|2S|~i

literal 0
HcmV?d00001


From 30e8bba7f8fba7f832b1d65e016cebb0537a68c9 Mon Sep 17 00:00:00 2001
From: Jacob Edley <edleyjacob@gmail.com>
Date: Fri, 12 Dec 2025 14:02:46 -0600
Subject: [PATCH 2/5] optimize shooting star effect

---
 app/challenge/landing-page/page.tsx        |   2 +-
 components/ShootingStars/ShootingStars.tsx | 120 ++++++++++++++++-----
 public/assets/shooting_star.lottie         | Bin 9217 -> 1933 bytes
 3 files changed, 93 insertions(+), 29 deletions(-)

diff --git a/app/challenge/landing-page/page.tsx b/app/challenge/landing-page/page.tsx
index 7ac52f9a..10b592b8 100644
--- a/app/challenge/landing-page/page.tsx
+++ b/app/challenge/landing-page/page.tsx
@@ -122,7 +122,7 @@ const ProChallenge: React.FC = () => {
                 />
 
                 {/* Shooting Stars */}
-                <ShootingStars size={500} />
+                <ShootingStars />
 
                 {/* OVERLAY LAYER */}
                 <Box sx={{ position: "absolute", inset: 0 }}>
diff --git a/components/ShootingStars/ShootingStars.tsx b/components/ShootingStars/ShootingStars.tsx
index 33bc6e70..1f1eb65b 100644
--- a/components/ShootingStars/ShootingStars.tsx
+++ b/components/ShootingStars/ShootingStars.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { DotLottieReact } from "@lottiefiles/dotlottie-react";
-import { useState, useEffect } from "react";
+import { useState, useEffect, useRef } from "react";
 import styles from "./ShootingStars.module.scss";
 
 interface ShootingStar {
@@ -22,32 +22,95 @@ interface ShootingStarsProps {
     size?: number;
 }
 
+// Cache the lottie data at module level to avoid re-fetching
+let cachedLottieData: ArrayBuffer | null = null;
+let fetchPromise: Promise<ArrayBuffer> | null = null;
+
+const fetchLottieData = async (): Promise<ArrayBuffer> => {
+    if (cachedLottieData) {
+        return cachedLottieData;
+    }
+    if (fetchPromise) {
+        return fetchPromise;
+    }
+    fetchPromise = fetch("/assets/shooting_star.lottie")
+        .then(res => res.arrayBuffer())
+        .then(data => {
+            cachedLottieData = data;
+            return data;
+        });
+    return fetchPromise;
+};
+
 export const ShootingStars = ({
-    minDelay = 1000,
-    maxDelay = 6000,
+    minDelay = 2000,
+    maxDelay = 4000,
     duration = 2000,
-    size = 500
+    size = 600
 }: ShootingStarsProps) => {
     const [shootingStars, setShootingStars] = useState<ShootingStar[]>([]);
+    const [lottieData, setLottieData] = useState<ArrayBuffer | null>(null);
+    const containerRef = useRef<HTMLDivElement>(null);
+
+    // Preload lottie data once
+    useEffect(() => {
+        fetchLottieData().then(setLottieData);
+    }, []);
 
     useEffect(() => {
         const spawnShootingStar = () => {
             const id = Date.now();
 
-            const maxX = 100 - (size / window.innerWidth) * 100;
-            const maxY = 100 - (size / window.innerHeight) * 100;
+            // Calculate the visible portion of the container
+            const container = containerRef.current;
+            if (!container) return;
+
+            const rect = container.getBoundingClientRect();
+            const containerHeight = container.offsetHeight;
+            const containerWidth = container.offsetWidth;
+
+            // Calculate visible area within the container
+            const visibleTop = Math.max(0, -rect.top);
+            const visibleBottom = Math.min(
+                containerHeight,
+                window.innerHeight - rect.top
+            );
+            const visibleHeight = visibleBottom - visibleTop;
+
+            // Don't spawn if container isn't visible
+            if (visibleHeight <= 0) return;
+
+            // Calculate spawn position as percentage of container
+            const starHeightPercent = (size / containerHeight) * 100;
+            const starWidthPercent = (size / containerWidth) * 100;
+
+            // X position: across the full width (with padding)
+            const maxX = 100 - starWidthPercent;
+            const x = Math.random() * Math.max(0, maxX - 10) + 5;
+
+            // Y position: only within the visible area
+            const visibleTopPercent = (visibleTop / containerHeight) * 100;
+            const visibleHeightPercent =
+                (visibleHeight / containerHeight) * 100;
+            const maxYInVisible = visibleHeightPercent - starHeightPercent;
+
+            if (maxYInVisible <= 0) return;
+
+            const y =
+                visibleTopPercent +
+                Math.random() * Math.max(0, maxYInVisible - 5) +
+                2.5;
 
-            const x = Math.random() * Math.max(0, maxX - 10) + 5; // 5% to (100 - size)% of width
-            const y = Math.random() * Math.max(0, maxY - 10) + 5; // 5% to (100 - size)% of height
             const rotation = Math.random() * -25; // 0 to -25 degrees
 
             const newStar: ShootingStar = { id, x, y, rotation };
             setShootingStars(prev => [...prev, newStar]);
 
             // Remove after animation completes
+            const actualDuration = duration + (Math.random() - 0.5) * 500;
             setTimeout(() => {
                 setShootingStars(prev => prev.filter(star => star.id !== id));
-            }, duration);
+            }, actualDuration);
         };
 
         // Spawn a shooting star at random intervals
@@ -65,25 +128,26 @@ export const ShootingStars = ({
     }, [minDelay, maxDelay, duration, size]);
 
     return (
-        <div className={styles.shootingStarsContainer}>
-            {shootingStars.map(star => (
-                <div
-                    key={star.id}
-                    className={styles.shootingStar}
-                    style={{
-                        left: `${star.x}%`,
-                        top: `${star.y}%`,
-                        transform: `rotate(${star.rotation}deg)`
-                    }}
-                >
-                    <DotLottieReact
-                        src="/assets/shooting_star.lottie"
-                        loop={false}
-                        autoplay
-                        style={{ width: `${size}px`, height: `${size}px` }}
-                    />
-                </div>
-            ))}
+        <div ref={containerRef} className={styles.shootingStarsContainer}>
+            {lottieData &&
+                shootingStars.map(star => (
+                    <div
+                        key={star.id}
+                        className={styles.shootingStar}
+                        style={{
+                            left: `${star.x}%`,
+                            top: `${star.y}%`,
+                            transform: `rotate(${star.rotation}deg)`
+                        }}
+                    >
+                        <DotLottieReact
+                            data={lottieData}
+                            loop={false}
+                            autoplay
+                            style={{ width: `${size}px`, height: `${size}px` }}
+                        />
+                    </div>
+                ))}
         </div>
     );
 };
diff --git a/public/assets/shooting_star.lottie b/public/assets/shooting_star.lottie
index f6f407d94aa297eb6782693ac68abdbe1f62641a..3ef8f9bc462760bc854c6536999bf20275f21de8 100644
GIT binary patch
delta 1679
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
ZTW#rmdoKn60F5M*!y`Bb`UU_100087H&g%s

delta 9029
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


From d7c4e5c6ba117da16004cb2727e7f07e041a920e Mon Sep 17 00:00:00 2001
From: Jacob Edley <edleyjacob@gmail.com>
Date: Fri, 12 Dec 2025 14:28:08 -0600
Subject: [PATCH 3/5] mobile responsiveness

---
 components/ShootingStars/ShootingStars.tsx | 23 ++++++++++++++++++----
 package-lock.json                          |  2 +-
 package.json                               |  2 +-
 3 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/components/ShootingStars/ShootingStars.tsx b/components/ShootingStars/ShootingStars.tsx
index 1f1eb65b..a7ef4343 100644
--- a/components/ShootingStars/ShootingStars.tsx
+++ b/components/ShootingStars/ShootingStars.tsx
@@ -9,6 +9,7 @@ interface ShootingStar {
     x: number;
     y: number;
     rotation: number;
+    size: number;
 }
 
 interface ShootingStarsProps {
@@ -69,6 +70,9 @@ export const ShootingStars = ({
             const containerHeight = container.offsetHeight;
             const containerWidth = container.offsetWidth;
 
+            // Scale down star size on smaller screens (max 70% of container width)
+            const effectiveSize = Math.min(size, containerWidth * 0.7);
+
             // Calculate visible area within the container
             const visibleTop = Math.max(0, -rect.top);
             const visibleBottom = Math.min(
@@ -81,8 +85,8 @@ export const ShootingStars = ({
             if (visibleHeight <= 0) return;
 
             // Calculate spawn position as percentage of container
-            const starHeightPercent = (size / containerHeight) * 100;
-            const starWidthPercent = (size / containerWidth) * 100;
+            const starHeightPercent = (effectiveSize / containerHeight) * 100;
+            const starWidthPercent = (effectiveSize / containerWidth) * 100;
 
             // X position: across the full width (with padding)
             const maxX = 100 - starWidthPercent;
@@ -103,7 +107,13 @@ export const ShootingStars = ({
 
             const rotation = Math.random() * -25; // 0 to -25 degrees
 
-            const newStar: ShootingStar = { id, x, y, rotation };
+            const newStar: ShootingStar = {
+                id,
+                x,
+                y,
+                rotation,
+                size: effectiveSize
+            };
             setShootingStars(prev => [...prev, newStar]);
 
             // Remove after animation completes
@@ -140,11 +150,16 @@ export const ShootingStars = ({
                             transform: `rotate(${star.rotation}deg)`
                         }}
                     >
+                        {/* Size is adjusted to account for large padding in the asset */}
                         <DotLottieReact
                             data={lottieData}
                             loop={false}
                             autoplay
-                            style={{ width: `${size}px`, height: `${size}px` }}
+                            style={{
+                                transform: `translate(-${star.size}px, -${star.size / 2}px)`,
+                                width: `${star.size * 2}px`,
+                                height: `${star.size * 2}px`
+                            }}
                         />
                     </div>
                 ))}
diff --git a/package-lock.json b/package-lock.json
index 0a5d57d0..12f5dbd6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
             "dependencies": {
                 "@emotion/react": "^11.14.0",
                 "@emotion/styled": "^11.14.1",
-                "@lottiefiles/dotlottie-react": "0.17.10",
+                "@lottiefiles/dotlottie-react": "^0.17.10",
                 "@mui/icons-material": "^7.3.4",
                 "@mui/material": "^7.3.4",
                 "@mui/material-nextjs": "^7.3.5",
diff --git a/package.json b/package.json
index 1ab4333d..bd1ef2a3 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
     "dependencies": {
         "@emotion/react": "^11.14.0",
         "@emotion/styled": "^11.14.1",
-        "@lottiefiles/dotlottie-react": "0.17.10",
+        "@lottiefiles/dotlottie-react": "^0.17.10",
         "@mui/icons-material": "^7.3.4",
         "@mui/material": "^7.3.4",
         "@mui/material-nextjs": "^7.3.5",

From 143e39eedd86031a8d32e8d0d26fae92013a9478 Mon Sep 17 00:00:00 2001
From: Jacob Edley <edleyjacob@gmail.com>
Date: Fri, 12 Dec 2025 16:29:49 -0600
Subject: [PATCH 4/5] stars go both ways

---
 components/ShootingStars/ShootingStars.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/ShootingStars/ShootingStars.tsx b/components/ShootingStars/ShootingStars.tsx
index a7ef4343..d4a3e81e 100644
--- a/components/ShootingStars/ShootingStars.tsx
+++ b/components/ShootingStars/ShootingStars.tsx
@@ -10,6 +10,7 @@ interface ShootingStar {
     y: number;
     rotation: number;
     size: number;
+    flipped: boolean;
 }
 
 interface ShootingStarsProps {
@@ -106,13 +107,15 @@ export const ShootingStars = ({
                 2.5;
 
             const rotation = Math.random() * -25; // 0 to -25 degrees
+            const flipped = Math.random() < 0.5; // 50% chance to flip
 
             const newStar: ShootingStar = {
                 id,
                 x,
                 y,
                 rotation,
-                size: effectiveSize
+                size: effectiveSize,
+                flipped
             };
             setShootingStars(prev => [...prev, newStar]);
 
@@ -147,7 +150,7 @@ export const ShootingStars = ({
                         style={{
                             left: `${star.x}%`,
                             top: `${star.y}%`,
-                            transform: `rotate(${star.rotation}deg)`
+                            transform: `rotate(${star.rotation}deg) scaleX(${star.flipped ? -1 : 1})`
                         }}
                     >
                         {/* Size is adjusted to account for large padding in the asset */}
@@ -156,7 +159,9 @@ export const ShootingStars = ({
                             loop={false}
                             autoplay
                             style={{
-                                transform: `translate(-${star.size}px, -${star.size / 2}px)`,
+                                transform: star.flipped
+                                    ? `translateY(-${star.size / 2}px)`
+                                    : `translate(-${star.size}px, -${star.size / 2}px)`,
                                 width: `${star.size * 2}px`,
                                 height: `${star.size * 2}px`
                             }}

From 589dd3a180cb127e9cfc86da77a11c375dde9ae4 Mon Sep 17 00:00:00 2001
From: Jacob Edley <edleyjacob@gmail.com>
Date: Sat, 13 Dec 2025 16:07:20 -0600
Subject: [PATCH 5/5] optimize shooting stars and add more

---
 app/challenge/landing-page/page.tsx           |   6 +-
 app/landing/About.tsx                         |   6 +-
 app/landing/HackVoyagers.tsx                  |   6 +-
 app/landing/Hero.tsx                          |   6 +-
 ...s.module.scss => ShootingStar.module.scss} |   0
 components/ShootingStars/ShootingStar.tsx     | 157 ++++++++++++++++
 components/ShootingStars/ShootingStars.tsx    | 173 ------------------
 7 files changed, 173 insertions(+), 181 deletions(-)
 rename components/ShootingStars/{ShootingStars.module.scss => ShootingStar.module.scss} (100%)
 create mode 100644 components/ShootingStars/ShootingStar.tsx
 delete mode 100644 components/ShootingStars/ShootingStars.tsx

diff --git a/app/challenge/landing-page/page.tsx b/app/challenge/landing-page/page.tsx
index 10b592b8..67778102 100644
--- a/app/challenge/landing-page/page.tsx
+++ b/app/challenge/landing-page/page.tsx
@@ -5,7 +5,7 @@ import styles from "./LandingPage.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import clsx from "clsx";
 import { motion, Variants } from "framer-motion";
-import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
+import { ShootingStar } from "@/components/ShootingStars/ShootingStar";
 
 const ProChallenge: React.FC = () => {
     const { offsetY, ref } = useParallaxScrollY();
@@ -122,7 +122,9 @@ const ProChallenge: React.FC = () => {
                 />
 
                 {/* Shooting Stars */}
-                <ShootingStars />
+                <ShootingStar />
+                <ShootingStar />
+                <ShootingStar />
 
                 {/* OVERLAY LAYER */}
                 <Box sx={{ position: "absolute", inset: 0 }}>
diff --git a/app/landing/About.tsx b/app/landing/About.tsx
index def0776b..110782dd 100644
--- a/app/landing/About.tsx
+++ b/app/landing/About.tsx
@@ -6,7 +6,7 @@ import Image from "next/image";
 import styles from "./About.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import { motion, Variants } from "framer-motion";
-import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
+import { ShootingStar } from "@/components/ShootingStars/ShootingStar";
 
 const About = () => {
     const { offsetY, ref } = useParallaxScrollY();
@@ -101,7 +101,9 @@ const About = () => {
             </div>
 
             {/* Shooting Stars */}
-            <ShootingStars size={500} />
+            <ShootingStar />
+            <ShootingStar />
+            <ShootingStar />
 
             {/* 3. Convert container to motion.div and apply container variants */}
             <motion.div
diff --git a/app/landing/HackVoyagers.tsx b/app/landing/HackVoyagers.tsx
index c74fe78b..81bc4e2d 100644
--- a/app/landing/HackVoyagers.tsx
+++ b/app/landing/HackVoyagers.tsx
@@ -5,7 +5,7 @@ import Image from "next/image";
 import styles from "./HackVoyagers.module.scss";
 import { useParallaxScrollY } from "@/hooks/use-parallax-scrollY";
 import { motion, Variants } from "framer-motion";
-import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
+import { ShootingStar } from "@/components/ShootingStars/ShootingStar";
 
 const HackVoyagers = () => {
     const { offsetY, ref } = useParallaxScrollY();
@@ -84,7 +84,9 @@ const HackVoyagers = () => {
             </div>
 
             {/* Shooting Stars */}
-            <ShootingStars size={500} />
+            <ShootingStar />
+            <ShootingStar />
+            <ShootingStar />
 
             {/* 3. Wrap Robot container with motion div */}
             <motion.div
diff --git a/app/landing/Hero.tsx b/app/landing/Hero.tsx
index 07675154..75cbd248 100644
--- a/app/landing/Hero.tsx
+++ b/app/landing/Hero.tsx
@@ -8,7 +8,7 @@ import Image from "next/image";
 import { START_END_DATES } from "./constants";
 import styles from "./Hero.module.scss";
 import { motion, Variants } from "framer-motion";
-import { ShootingStars } from "@/components/ShootingStars/ShootingStars";
+import { ShootingStar } from "@/components/ShootingStars/ShootingStar";
 
 // Create a motion-enabled version of the Next.js Image component
 const MotionImage = motion(Image);
@@ -106,7 +106,9 @@ const Hero = () => {
             </div>
 
             {/* Shooting Stars */}
-            <ShootingStars size={500} />
+            <ShootingStar />
+            <ShootingStar />
+            <ShootingStar />
 
             {/* 3. Apply the container variants to the main content wrapper */}
             <motion.div
diff --git a/components/ShootingStars/ShootingStars.module.scss b/components/ShootingStars/ShootingStar.module.scss
similarity index 100%
rename from components/ShootingStars/ShootingStars.module.scss
rename to components/ShootingStars/ShootingStar.module.scss
diff --git a/components/ShootingStars/ShootingStar.tsx b/components/ShootingStars/ShootingStar.tsx
new file mode 100644
index 00000000..093ad451
--- /dev/null
+++ b/components/ShootingStars/ShootingStar.tsx
@@ -0,0 +1,157 @@
+"use client";
+
+import { DotLottieReact } from "@lottiefiles/dotlottie-react";
+import { useState, useEffect, useRef } from "react";
+import styles from "./ShootingStar.module.scss";
+
+interface ShootingStar {
+    id: number;
+    x: number;
+    y: number;
+    rotation: number;
+    size: number;
+    flipped: boolean;
+}
+
+interface ShootingStarProps {
+    /** Base delay between shooting stars in milliseconds */
+    delay?: number;
+    /** Random variance in delay between shooting stars in milliseconds */
+    jitter?: number;
+}
+
+// Cache the lottie data at module level to avoid re-fetching
+let cachedLottieData: ArrayBuffer | null = null;
+let fetchPromise: Promise<ArrayBuffer> | null = null;
+
+const fetchLottieData = async (): Promise<ArrayBuffer> => {
+    if (cachedLottieData) {
+        return cachedLottieData;
+    }
+    if (fetchPromise) {
+        return fetchPromise;
+    }
+    fetchPromise = fetch("/assets/shooting_star.lottie")
+        .then(res => res.arrayBuffer())
+        .then(data => {
+            cachedLottieData = data;
+            return data;
+        });
+    return fetchPromise;
+};
+
+export const ShootingStar = ({
+    delay = 2000,
+    jitter = 1600
+}: ShootingStarProps) => {
+    const [star, setStar] = useState<ShootingStar | null>(null);
+    const [lottieData, setLottieData] = useState<ArrayBuffer | null>(null);
+    const containerRef = useRef<HTMLDivElement>(null);
+
+    const spawnShootingStar = () => {
+        const id = Date.now();
+
+        // Calculate the visible portion of the container
+        const container = containerRef.current;
+        if (!container) return;
+
+        const rect = container.getBoundingClientRect();
+        const containerHeight = container.offsetHeight;
+        const containerWidth = container.offsetWidth;
+
+        // Scale down star size on smaller screens (max 70% of container width)
+        const size = 600;
+        const effectiveSize = Math.min(size, containerWidth * 0.7);
+
+        // Calculate visible area within the container
+        const visibleTop = Math.max(0, -rect.top);
+        const visibleBottom = Math.min(
+            containerHeight,
+            window.innerHeight - rect.top
+        );
+        const visibleHeight = visibleBottom - visibleTop;
+
+        // Don't spawn if container isn't visible
+        if (visibleHeight <= 0) return;
+
+        // Calculate spawn position as percentage of container
+        const starHeightPercent = (effectiveSize / containerHeight) * 100;
+        const starWidthPercent = (effectiveSize / containerWidth) * 100;
+
+        // X position: across the full width (with padding)
+        const maxX = 100 - starWidthPercent;
+        const x = Math.random() * Math.max(0, maxX - 10) + 5;
+
+        // Y position: only within the visible area
+        const visibleTopPercent = (visibleTop / containerHeight) * 100;
+        const visibleHeightPercent = (visibleHeight / containerHeight) * 100;
+        const maxYInVisible = visibleHeightPercent - starHeightPercent;
+
+        if (maxYInVisible <= 0) return;
+
+        const y =
+            visibleTopPercent +
+            Math.random() * Math.max(0, maxYInVisible - 5) +
+            2.5;
+
+        const rotation = Math.random() * -25; // 0 to -25 degrees
+        const flipped = Math.random() < 0.5; // 50% chance to flip
+
+        const newStar: ShootingStar = {
+            id,
+            x,
+            y,
+            rotation,
+            size: effectiveSize,
+            flipped
+        };
+        setStar(newStar);
+    };
+
+    // Preload lottie data once
+    useEffect(() => {
+        fetchLottieData().then(setLottieData);
+    }, []);
+
+    useEffect(() => {
+        // Spawn a shooting star at random intervals
+        const intervalId = setInterval(() => {
+            const variance = Math.random() * jitter;
+            setTimeout(() => {
+                spawnShootingStar();
+            }, variance);
+        }, delay);
+
+        return () => clearInterval(intervalId);
+    }, [delay, jitter]);
+
+    return (
+        <div ref={containerRef} className={styles.shootingStarsContainer}>
+            {lottieData && star && (
+                <div
+                    key={star.id}
+                    className={styles.shootingStar}
+                    style={{
+                        left: `${star.x}%`,
+                        top: `${star.y}%`,
+                        transform: `rotate(${star.rotation}deg) scaleX(${star.flipped ? -1 : 1})`
+                    }}
+                >
+                    {/* Size is adjusted to account for large padding in the asset */}
+                    <DotLottieReact
+                        data={lottieData}
+                        loop={false}
+                        autoplay
+                        style={{
+                            transform: star.flipped
+                                ? `translateY(-${star.size / 2}px)`
+                                : `translate(-${star.size}px, -${star.size / 2}px)`,
+                            width: `${star.size * 2}px`,
+                            height: `${star.size * 2}px`
+                        }}
+                    />
+                </div>
+            )}
+        </div>
+    );
+};
diff --git a/components/ShootingStars/ShootingStars.tsx b/components/ShootingStars/ShootingStars.tsx
deleted file mode 100644
index d4a3e81e..00000000
--- a/components/ShootingStars/ShootingStars.tsx
+++ /dev/null
@@ -1,173 +0,0 @@
-"use client";
-
-import { DotLottieReact } from "@lottiefiles/dotlottie-react";
-import { useState, useEffect, useRef } from "react";
-import styles from "./ShootingStars.module.scss";
-
-interface ShootingStar {
-    id: number;
-    x: number;
-    y: number;
-    rotation: number;
-    size: number;
-    flipped: boolean;
-}
-
-interface ShootingStarsProps {
-    /** Minimum delay between shooting stars in milliseconds (default: 1000) */
-    minDelay?: number;
-    /** Maximum delay between shooting stars in milliseconds (default: 6000) */
-    maxDelay?: number;
-    /** Duration of each shooting star animation in milliseconds (default: 2000) */
-    duration?: number;
-    /** Width of each shooting star in pixels (default: 500) */
-    size?: number;
-}
-
-// Cache the lottie data at module level to avoid re-fetching
-let cachedLottieData: ArrayBuffer | null = null;
-let fetchPromise: Promise<ArrayBuffer> | null = null;
-
-const fetchLottieData = async (): Promise<ArrayBuffer> => {
-    if (cachedLottieData) {
-        return cachedLottieData;
-    }
-    if (fetchPromise) {
-        return fetchPromise;
-    }
-    fetchPromise = fetch("/assets/shooting_star.lottie")
-        .then(res => res.arrayBuffer())
-        .then(data => {
-            cachedLottieData = data;
-            return data;
-        });
-    return fetchPromise;
-};
-
-export const ShootingStars = ({
-    minDelay = 2000,
-    maxDelay = 4000,
-    duration = 2000,
-    size = 600
-}: ShootingStarsProps) => {
-    const [shootingStars, setShootingStars] = useState<ShootingStar[]>([]);
-    const [lottieData, setLottieData] = useState<ArrayBuffer | null>(null);
-    const containerRef = useRef<HTMLDivElement>(null);
-
-    // Preload lottie data once
-    useEffect(() => {
-        fetchLottieData().then(setLottieData);
-    }, []);
-
-    useEffect(() => {
-        const spawnShootingStar = () => {
-            const id = Date.now();
-
-            // Calculate the visible portion of the container
-            const container = containerRef.current;
-            if (!container) return;
-
-            const rect = container.getBoundingClientRect();
-            const containerHeight = container.offsetHeight;
-            const containerWidth = container.offsetWidth;
-
-            // Scale down star size on smaller screens (max 70% of container width)
-            const effectiveSize = Math.min(size, containerWidth * 0.7);
-
-            // Calculate visible area within the container
-            const visibleTop = Math.max(0, -rect.top);
-            const visibleBottom = Math.min(
-                containerHeight,
-                window.innerHeight - rect.top
-            );
-            const visibleHeight = visibleBottom - visibleTop;
-
-            // Don't spawn if container isn't visible
-            if (visibleHeight <= 0) return;
-
-            // Calculate spawn position as percentage of container
-            const starHeightPercent = (effectiveSize / containerHeight) * 100;
-            const starWidthPercent = (effectiveSize / containerWidth) * 100;
-
-            // X position: across the full width (with padding)
-            const maxX = 100 - starWidthPercent;
-            const x = Math.random() * Math.max(0, maxX - 10) + 5;
-
-            // Y position: only within the visible area
-            const visibleTopPercent = (visibleTop / containerHeight) * 100;
-            const visibleHeightPercent =
-                (visibleHeight / containerHeight) * 100;
-            const maxYInVisible = visibleHeightPercent - starHeightPercent;
-
-            if (maxYInVisible <= 0) return;
-
-            const y =
-                visibleTopPercent +
-                Math.random() * Math.max(0, maxYInVisible - 5) +
-                2.5;
-
-            const rotation = Math.random() * -25; // 0 to -25 degrees
-            const flipped = Math.random() < 0.5; // 50% chance to flip
-
-            const newStar: ShootingStar = {
-                id,
-                x,
-                y,
-                rotation,
-                size: effectiveSize,
-                flipped
-            };
-            setShootingStars(prev => [...prev, newStar]);
-
-            // Remove after animation completes
-            const actualDuration = duration + (Math.random() - 0.5) * 500;
-            setTimeout(() => {
-                setShootingStars(prev => prev.filter(star => star.id !== id));
-            }, actualDuration);
-        };
-
-        // Spawn a shooting star at random intervals
-        const scheduleNext = () => {
-            const delay = Math.random() * (maxDelay - minDelay) + minDelay;
-            return setTimeout(() => {
-                spawnShootingStar();
-                scheduleNext();
-            }, delay);
-        };
-
-        const timeoutId = scheduleNext();
-
-        return () => clearTimeout(timeoutId);
-    }, [minDelay, maxDelay, duration, size]);
-
-    return (
-        <div ref={containerRef} className={styles.shootingStarsContainer}>
-            {lottieData &&
-                shootingStars.map(star => (
-                    <div
-                        key={star.id}
-                        className={styles.shootingStar}
-                        style={{
-                            left: `${star.x}%`,
-                            top: `${star.y}%`,
-                            transform: `rotate(${star.rotation}deg) scaleX(${star.flipped ? -1 : 1})`
-                        }}
-                    >
-                        {/* Size is adjusted to account for large padding in the asset */}
-                        <DotLottieReact
-                            data={lottieData}
-                            loop={false}
-                            autoplay
-                            style={{
-                                transform: star.flipped
-                                    ? `translateY(-${star.size / 2}px)`
-                                    : `translate(-${star.size}px, -${star.size / 2}px)`,
-                                width: `${star.size * 2}px`,
-                                height: `${star.size * 2}px`
-                            }}
-                        />
-                    </div>
-                ))}
-        </div>
-    );
-};