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

Refactor briefing page content

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-26 13:19:18 +00:00
parent c58437f07c
commit cb375c582a
1 changed files with 24 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/pages/Briefing.tsx
View File

@ -8,14 +8,17 @@ const Briefing = () => {
{/* Header */} {/* Header */}
<section className="py-12 px-6"> <section className="py-12 px-6">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<h1 className="text-6xl md:text-7xl font-black text-primary mb-6 leading-tight"> <h1 className="text-6xl md:text-7xl font-black text-primary mb-6 leading-tight uppercase">
Save Victoria Way Carpark Save Victoria Way Carpark
</h1> </h1>
<p className="text-3xl md:text-4xl text-foreground font-semibold mb-4"> <p className="text-3xl md:text-4xl text-foreground font-semibold mb-8">
Dear Woking Residents Dear Enterprise Place Residents
</p> </p>
<p className="text-xl md:text-2xl text-muted-foreground"> <p className="text-xl md:text-2xl text-foreground mb-4">
Join your neighbors in calling for parking solutions Our carpark was closed. We now walk through town to reach our cars.
</p>
<p className="text-xl md:text-2xl text-foreground font-semibold">
This is not safe. This is not sustainable.
</p> </p>
</div> </div>
</section> </section>
@ -23,71 +26,37 @@ const Briefing = () => {
{/* Impact Stats */} {/* Impact Stats */}
<section className="py-12 px-6 bg-muted"> <section className="py-12 px-6 bg-muted">
<div className="max-w-6xl mx-auto"> <div className="max-w-6xl mx-auto">
<h2 className="text-3xl font-bold text-primary mb-8 text-center uppercase">The Impact</h2>
<div className="grid grid-cols-1 md:grid-cols-4 gap-6"> <div className="grid grid-cols-1 md:grid-cols-4 gap-6">
<StatCard icon={Home} number="120+" label="Affected Households" /> <StatCard icon={Home} number="120+" label="Households" />
<StatCard icon={Users} number="300+" label="Residents Impacted" /> <StatCard icon={Users} number="300+" label="Residents" />
<StatCard icon={Car} number="0" label="Parking Spaces Provided" /> <StatCard icon={Car} number="0" label="Parking" />
<StatCard icon={AlertTriangle} number="0" label="Council Updates Since Closure" /> <StatCard icon={AlertTriangle} number="0" label="Updates" />
</div>
</div>
</section>
{/* The Situation */}
<section className="py-12 px-6">
<div className="max-w-4xl mx-auto">
<div className="bg-secondary/10 border-l-4 border-secondary p-6 rounded-r-lg mb-6">
<h3 className="text-xl font-semibold text-primary mb-2">Your Carpark Was Closed</h3>
<p className="text-foreground">
Victoria Way Carpark was closed due to safety concerns. We support the council's decision to prioritize public safety, but Enterprise Place residents deserve parking solutions.
</p>
</div>
<div className="bg-card p-6 rounded-lg shadow-[var(--shadow-card)] border border-border mb-6">
<h3 className="text-xl font-semibold text-primary mb-4">What Enterprise Place Needs:</h3>
<ul className="space-y-3 text-foreground">
<li className="flex items-start">
<span className="text-accent font-bold mr-3">1.</span>
<span><strong>Regular Updates:</strong> No information has been provided on safety surveys, remediation progress, or future plans</span>
</li>
<li className="flex items-start">
<span className="text-accent font-bold mr-3">2.</span>
<span><strong>Parking Solutions:</strong> You need adequate parking for your vehicles—especially for night workers, families with children, and residents with disabilities</span>
</li>
<li className="flex items-start">
<span className="text-accent font-bold mr-3">3.</span>
<span><strong>Recognition of Impact:</strong> Walking through town late at night isn't safe, and carrying shopping long distances isn't practical</span>
</li>
</ul>
</div> </div>
</div> </div>
</section> </section>
{/* What We Demand */} {/* What We Demand */}
<section className="py-12 px-6 bg-muted"> <section className="py-12 px-6">
<div className="max-w-4xl mx-auto"> <div className="max-w-4xl mx-auto text-center">
<h2 className="text-4xl font-bold text-primary mb-6 text-center">What We Demand</h2> <h2 className="text-3xl font-bold text-primary mb-8 uppercase">What We Demand</h2>
<div className="bg-accent/10 border-l-4 border-accent p-8 rounded-r-lg"> <div className="mb-8">
<h3 className="text-3xl font-bold text-primary mb-4">Closer. Safer. More Sustainable. Parking.</h3> <h3 className="text-4xl md:text-5xl font-bold text-primary mb-6">Better. Closer. Safer. Parking.</h3>
<p className="text-lg text-foreground"> <p className="text-xl md:text-2xl text-foreground">
The council must provide Enterprise Place residents with a proper parking solution that addresses the safety concerns and practical needs of our community. The council must provide Enterprise Place residents with a proper parking solution.
</p> </p>
</div> </div>
</div> </div>
</section> </section>
{/* Call to Action */} {/* Call to Action */}
<section className="py-12 px-6"> <section className="py-12 px-6 bg-muted">
<div className="max-w-4xl mx-auto text-center"> <div className="max-w-4xl mx-auto text-center">
<h2 className="text-3xl font-bold text-primary mb-8 uppercase">Demand Action</h2>
<div className="bg-primary/10 border-2 border-primary p-8 rounded-lg"> <div className="bg-primary/10 border-2 border-primary p-8 rounded-lg">
<h2 className="text-4xl font-bold text-primary mb-4">Make Your Voice Heard</h2> <h3 className="text-4xl font-bold text-primary mb-6">Sign the Petition</h3>
<p className="text-lg text-foreground mb-6"> <p className="text-5xl md:text-6xl font-bold text-primary">savevictoriaway.com</p>
Join your fellow Woking residents and hundreds of others in demanding parking solutions.
</p>
<div className="bg-card p-4 rounded-lg inline-block">
<p className="text-sm text-muted-foreground mb-1">Sign the petition and learn more:</p>
<p className="text-4xl font-bold text-primary">savevictoriawaycarpark.com</p>
</div>
</div> </div>
</div> </div>
</section> </section>