Add image of empty building

src/pages/Index.tsx

@@ -7,6 +7,7 @@ import carparkHero from "@/assets/carpark-hero.jpg";
 import enterprisePlace from "@/assets/enterprise-place.jpg";
 import dukesCourt from "@/assets/dukes-court.jpg";
 import unusedSite from "@/assets/unused-site.jpg";
+import emptyBuildingParking from "@/assets/empty-building-parking.jpg";
 import { useNavigate } from "react-router-dom";
 import { useEffect, useState } from "react";
 import { supabase } from "@/integrations/supabase/client";
@@ -261,6 +262,18 @@ const Index = () => {
                   <p className="text-sm text-muted-foreground">Nearby facility with parking that could be part of the solution</p>
                 </div>
               </div>
+
+              <div className="rounded-lg overflow-hidden shadow-[var(--shadow-card)]">
+                <img 
+                  src={emptyBuildingParking} 
+                  alt="Empty building with available parking spaces" 
+                  className="w-full h-[250px] object-cover"
+                />
+                <div className="bg-card p-4 border-t border-border">
+                  <h3 className="font-semibold text-lg text-primary">Underutilized Parking</h3>
+                  <p className="text-sm text-muted-foreground">Empty building with existing parking infrastructure that could serve residents</p>
+                </div>
+              </div>
             </div>
           </div>