JohnCosta27/savevictoriaway
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Enterprise Place image

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-24 13:15:40 +00:00
parent b14c0abee0
commit 5b9d3be1f0
2 changed files with 35 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/enterprise-place.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

36
src/pages/Index.tsx
View File

@ -4,6 +4,7 @@ import { PetitionForm } from "@/components/PetitionForm";
import { StatCard } from "@/components/StatCard";
import { Home, Users, Car, AlertTriangle, MessageSquare } from "lucide-react";
import carparkHero from "@/assets/carpark-hero.jpg";
import enterprisePlace from "@/assets/enterprise-place.jpg";
import { useNavigate } from "react-router-dom";
import { useEffect, useState } from "react";
import { supabase } from "@/integrations/supabase/client";
@ -105,8 +106,41 @@ const Index = () => {
</div>
</section>
{/* Problem Statement */}
{/* Affected Area */}
<section className="py-16 px-6">
<div className="max-w-6xl mx-auto">
<h2 className="text-4xl font-bold text-primary mb-8 text-center">
The Affected Area
</h2>
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
<div className="rounded-lg overflow-hidden shadow-[var(--shadow-card)]">
<img
src={carparkHero}
alt="Victoria Way Carpark"
className="w-full h-[300px] object-cover"
/>
<div className="bg-card p-4 border-t border-border">
<h3 className="font-semibold text-lg text-primary">Victoria Way Carpark</h3>
<p className="text-sm text-muted-foreground">Closed due to safety concerns</p>
</div>
</div>
<div className="rounded-lg overflow-hidden shadow-[var(--shadow-card)]">
<img
src={enterprisePlace}
alt="Enterprise Place"
className="w-full h-[300px] object-cover"
/>
<div className="bg-card p-4 border-t border-border">
<h3 className="font-semibold text-lg text-primary">Enterprise Place</h3>
<p className="text-sm text-muted-foreground">Residents and workers without parking</p>
</div>
</div>
</div>
</div>
</section>
{/* Problem Statement */}
<section className="py-16 px-6 bg-muted">
<div className="max-w-4xl mx-auto">
<div className="bg-secondary/10 border-l-4 border-secondary p-6 rounded-r-lg mb-8">
<h3 className="text-xl font-semibold text-primary mb-2">We Thank the Council for Prioritising Safety</h3>