almost all linking done exept underdevelopment pages or not developed

pages/RanOutOfProject.tsx

@@ -19,6 +19,7 @@ import { Button } from "../components/ui/button";
 import { GridPattern } from "../components/GridPattern";
 import { ImageWithFallback } from "../components/figma/ImageWithFallback";
 import { navigateTo } from "../App";
+import ranOutOfImage from "../src/images/ranoutof.webp"; 
 
 const projectMetrics = [
   {
@@ -41,8 +42,6 @@ const projectMetrics = [
   },
 ];
 
-const ranoutofImage =
-  "https://images.unsplash.com/photo-1551650975-87deedd944c3?w=600&h=400&fit=crop&auto=format";
 
 const keyFeatures = [
   {
@@ -205,7 +204,7 @@ export const RanOutOfProject = () => {
               className="relative aspect-[4/3] overflow-hidden bg-muted/30 rounded-[10px] px-2"
             >
               <ImageWithFallback
-                src={ranoutofImage}
+                src={ranOutOfImage}
                 alt="RanOutOf smart grocery planning app showcasing barcode scanning, voice commands, shopping lists, and pantry management features"
                 className="w-full h-full object-contain object-center rounded-[10px]"
               />