diff --git a/src/components/MemoryGame/index.tsx b/src/components/MemoryGame/index.tsx index b40ff5fa..bad32782 100644 --- a/src/components/MemoryGame/index.tsx +++ b/src/components/MemoryGame/index.tsx @@ -24,23 +24,20 @@ const MemoryGame: React.FC = ({ isOpen, onClose }) => { const [difficulty, setDifficulty] = useState<12 | 24 | 36 | 100>(12); const [isGameStarted, setIsGameStarted] = useState(false); - // Beach-themed images from sp26 folder + // Fall 2026 space-themed assets used throughout the landing page. const gameImages = [ - "/sp26/controller.png", - "/sp26/cyber_hacky.png", - "/sp26/drone.png", - "/sp26/chip.png", - "/sp26/GraffitiText.png", - "/sp26/laptop.png", - "/sp26/quartz.png", + "/fa26/logo+assets/astronaut_moon.PNG", + "/fa26/logo+assets/hexagon.png", + "/fa26/logo+assets/hexagonal_storm.png", + "/fa26/logo+assets/pose_rocket_wave.PNG", + "/fa26/logo+assets/robot.png", + "/fa26/logo+assets/satellite.png", + "/fa26/logo+assets/ufo.png", "/fa26/logo+assets/ufo_beams.png", - "/sp26/sunglasses.png", - "/sp26/vhs.png", - "/sp26/walkie_talkie.png", - "/sp26/weird_phone.png", - "/sp26/alien.png", - "/sp26/robotic_arm.png", - "/sp26/goggles.png", + "/fa26/003/1.png", + "/fa26/003/2.png", + "/fa26/003/4.png", + "/fa26/003/13.png", ]; const initializeGame = useCallback(() => { @@ -168,16 +165,18 @@ const MemoryGame: React.FC = ({ isOpen, onClose }) => { return ( = ({ isOpen, onClose }) => { {/* Header */}

Memory Match

@@ -209,8 +208,8 @@ const MemoryGame: React.FC = ({ isOpen, onClose }) => { /* Difficulty Selection */

Choose your difficulty:

@@ -226,10 +225,10 @@ const MemoryGame: React.FC = ({ isOpen, onClose }) => { onClick={() => setDifficulty(pairs as 12 | 24 | 36 | 100)} className={`p-4 rounded-xl font-bold transition-all duration-200 border-2 ${ difficulty === pairs - ? "bg-[#ff88e9] text-[#2f234b] border-[#ff88e9] shadow-[0_0_12px_rgba(255,136,233,0.6)]" - : "bg-transparent text-[#ff88e9] border-[#ff88e9]/60 hover:bg-[#ff88e9]/20 hover:border-[#ff88e9]" + ? "bg-[#E2C75E] text-[#111022] border-[#E2C75E] shadow-[0_0_12px_rgba(226,199,94,0.45)]" + : "bg-white/[0.06] text-[#EEE5CD] border-[#64A5C3]/60 hover:bg-[#64A5C3]/20 hover:border-[#64A5C3]" }`} - style={{ fontFamily: "Orbitron, monospace" }} + style={{ fontFamily: "'DM Sans', sans-serif" }} > {label} @@ -237,8 +236,8 @@ const MemoryGame: React.FC = ({ isOpen, onClose }) => {
@@ -249,14 +248,14 @@ const MemoryGame: React.FC = ({ isOpen, onClose }) => { {/* Game Stats */}
Moves: {moves}