Update web packages: React 19, React Router 7, Framer Motion 12, and dependencies

.gitignore

@@ -1 +1,3 @@
 .DS_Store
+build/
+node_modules/

client/package.json

@@ -4,18 +4,21 @@
   "private": true,
   "dependencies": {
     "@types/node": "^20.8.9",
-    "@types/react": "^18.2.33",
+    "@types/react": "^19.2.7",
-    "@types/react-dom": "^18.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-modal": "^3.13.1",
     "@types/react-router-dom": "^5.3.3",
-    "framer-motion": "^10.16.4",
+    "ajv": "^8.17.1",
-    "react": "^18.2.0",
+    "date-fns": "^4.1.0",
-    "react-dom": "^18.2.0",
+    "framer-motion": "^12.23.26",
-    "react-router-dom": "^6.17.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-icons": "^5.5.0",
+    "react-modal": "^3.14.4",
+    "react-router-dom": "^7.10.1",
     "react-scripts": "5.0.1",
     "styled-components": "^6.1.0",
-    "typescript": "^5.2.2",
+    "typescript": "^5.2.2"
-    "react-modal": "^3.14.4",
-    "@types/react-modal": "^3.13.1"
   },
   "scripts": {
     "build:css": "postcss src/index.css -o src/tailwind.css",
@@ -43,15 +46,16 @@
     ]
   },
   "devDependencies": {
+    "@babel/core": "^7.23.2",
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/preset-react": "^7.22.15",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.9",
-    "postcss-cli": "^8.3.1",
     "@types/styled-components": "^5.1.29",
     "autoprefixer": "^10.4.16",
     "postcss": "^8.4.31",
-    "tailwindcss": "^3.3.5",
+    "postcss-cli": "^8.3.1",
-    "@babel/core": "^7.23.2",
+    "tailwindcss": "^3.3.5"
-    "@babel/preset-env": "^7.23.2",
+  }
-    "@babel/preset-react": "^7.22.15",
+}
-    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
-  }}

client/src/index.tsx

@@ -1,11 +1,14 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import App from './App';
 import './styles/main.css';
 
-ReactDOM.render(
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
+  </React.StrictMode>
-  document.getElementById('root')
+);
-);

cline_docs/activeContext.md

@@ -1,9 +1,17 @@
 # Active Context
 
 ## Current Task
-Completed: Video gallery with thumbnails fully deployed
+Completed: Added SBS Solar sponsor to website
 
 ## Recent Changes
+1. SBS Solar Sponsor Addition (Oct 15, 2025):
+   - Added sbs-solar.png logo to client/public/sponsors/
+   - Updated Sponsors.tsx with SBS Solar information
+   - Included website, Facebook, and Instagram links
+   - Description highlights renewable energy and community engagement
+   - Committed to Git: 8d4c058
+   - Pushed to remote repository for deployment
+
 1. Video Gallery with Thumbnails (Oct 14, 2025):
    - Extracted thumbnails from all 6 videos at 5-second mark using ffmpeg
    - Thumbnail sizes: 80-183 KB each (total ~740 KB)

cline_docs/progress.md

@@ -1,7 +1,15 @@
 # Progress Status
 
 ## Completed Features
-1. Video Gallery:
+1. Sponsors Page:
+   - Four sponsors displayed: Drum Coffee, Imagine Nation Brewing, GILD Brewing, SBS Solar
+   - Each sponsor has logo, description, and social media links (website, Facebook, Instagram)
+   - Responsive grid layout (1-3 columns based on screen size)
+   - Clickable cards open modal with full description
+   - Route: /sponsors
+   - Successfully deployed to production
+
+2. Video Gallery:
    - Created VideoGallery component with modal video player
    - Optimized 5 community videos using ffmpeg (H.264, CRF 28)
    - Added archived board intro video (128 MB)
@@ -36,7 +44,18 @@
    - Always visible in red header area
 
 ## Recent Progress
-1. Video Gallery Thumbnails (Oct 14, 2025):
+1. SBS Solar Sponsor Addition (Oct 15, 2025):
+   - Added sbs-solar.png logo (70 KB) to client/public/sponsors/
+   - Updated Sponsors.tsx with SBS Solar entry
+   - Added website: https://www.sbssolar.com/
+   - Added Facebook: https://www.facebook.com/sbssolar
+   - Added Instagram: https://www.instagram.com/sbssolar/
+   - Description emphasizes renewable energy and community engagement
+   - Committed to Git: 8d4c058
+   - Pushed to remote repository
+   - Ready for Docker rebuild and deployment
+
+2. Video Gallery Thumbnails (Oct 14, 2025):
    - Extracted thumbnails from all 6 videos at 5-second mark using ffmpeg
    - Created 6 thumbnail JPG files (80-183 KB each, total ~740 KB)
    - Updated VideoGallery.tsx to use thumbnail images for instant preview
@@ -58,10 +77,13 @@
 
 ## What's Left
 1. Immediate:
+   - User will pull git changes and rebuild Docker container
+   - Monitor SBS Solar sponsor display on production
    - Monitor video gallery performance on production
    - Check if board-intro-archive.mp4 (128 MB) loads acceptably
 
 2. Future Considerations:
+   - Add more sponsors as partnerships develop
    - Add video descriptions or categories if requested
    - Add video duration display on thumbnails
    - Consider optimizing board-intro-archive.mp4 if needed