web: add lightspeed tools

.gitignore

@@ -1,3 +1,4 @@
 .vscode
 .DS_Store
 *.swp
+scratch/

web/package.json

@@ -7,7 +7,12 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "codegen": "graphql-codegen"
+    "codegen": "graphql-codegen",
+    "perf:build": "next build",
+    "perf:serve": "next start -p 3100",
+    "perf:lh:desktop": "lighthouse http://localhost:3100/ --preset=desktop --output=html --output=json --output-path=../scratch/lighthouse/home-desktop --only-categories=performance --chrome-flags=\"--headless=new\" --quiet",
+    "perf:lh:mobile": "lighthouse http://localhost:3100/ --output=html --output=json --output-path=../scratch/lighthouse/home-mobile --only-categories=performance --chrome-flags=\"--headless=new\" --quiet",
+    "perf:lh": "wait-on http://localhost:3100/ && npm run perf:lh:desktop && npm run perf:lh:mobile"
   },
   "dependencies": {
     "@graphql-codegen/cli": "^7.0.0",
@@ -36,7 +41,9 @@
     "baseline-browser-mapping": "^2.10.29",
     "eslint": "^9",
     "eslint-config-next": "16.2.6",
-    "typescript": "^6"
+    "lighthouse": "^13.3.0",
+    "typescript": "^6",
+    "wait-on": "^9.0.10"
   },
   "overrides": {
     "@types/react": "19.2.14",

web/src/components/venues/VenueItem.tsx

@@ -26,7 +26,7 @@ export const VenueItem = ({ venue }: { venue: VenueFragment }) => {
             alt={featuredImage.alt}
             width={0}
             height={0}
-            sizes="(max-width: 600px) 100vw, (max-width: 900xpx) 50vw, 35vw"
+            sizes="(max-width: 600px) 100vw, (max-width: 900px) 50vw, 35vw"
           />
         )}
       </div>