Fix case sensitivity for route assets

Author: RoyRoki

src/components/JourneyPlayer.tsx

@@ -32,7 +32,7 @@ export function JourneyPlayer({
   const [currentFrame, setCurrentFrame] = useState(1);
   const [activePOI, setActivePOI] = useState<POI | null>(null);
   const [activePOIIndex, setActivePOIIndex] = useState<number>(-1);
-  const routeSlug = assetFolder?.split("/")[0] || "siliguri-Kurseong-darjeeling";
+  const routeSlug = (assetFolder?.split("/")[0] || "siliguri-kurseong-darjeeling").toLowerCase();
 
   // Device-specific frame counts from route data
   const totalFrames = isMobile ? mobileFrames : desktopFrames;

src/components/RouteClient.tsx

@@ -120,13 +120,13 @@ export function RouteClient({ slug, tid: initialTid }: RouteClientProps) {
     const loadConfig = async () => {
       const devicePath = isMobile ? "mobile" : "desktop";
       try {
-        const response = await fetch(getAssetPath(`/routes/${slug}/${devicePath}/meta/config.json`));
+        const response = await fetch(getAssetPath(`/routes/${slug.toLowerCase()}/${devicePath}/meta/config.json`));
         if (response.ok) {
           const config = await response.json();
           setRouteConfig(config);
         } else {
           // Fallback to legacy path if new path doesn't exist yet
-          const fallbackResponse = await fetch(getAssetPath(`/routes/${slug}/meta/config.json`));
+          const fallbackResponse = await fetch(getAssetPath(`/routes/${slug.toLowerCase()}/meta/config.json`));
           if (fallbackResponse.ok) {
             const config = await fallbackResponse.json();
             setRouteConfig(config);