diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4c4ce26..095d67f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -33,153 +33,87 @@ export default function LandingPage() {
@@ -191,19 +125,13 @@ export default function LandingPage() {
metrics={[
{
icon: CheckCircle,
- label: "Reports Resolved",
- value: "1200+",
- },
+ label: "Reports Resolved", value: "1200+"},
{
icon: MapPin,
- label: "Areas Monitored",
- value: "500+",
- },
+ label: "Areas Monitored", value: "500+"},
{
icon: Clock,
- label: "Avg. Resolution Time",
- value: "7 Days",
- },
+ label: "Avg. Resolution Time", value: "7 Days"},
]}
metricsAnimation="slide-up"
/>
@@ -216,81 +144,51 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
- title: "Photo-based Reporting",
- description: "Capture visual evidence of contaminated water with your smartphone camera.",
- bentoComponent: "phone",
- statusIcon: Camera,
+ title: "Photo-based Reporting", description: "Capture visual evidence of contaminated water with your smartphone camera.", bentoComponent: "phone", statusIcon: Camera,
alertIcon: AlertCircle,
- alertTitle: "New Report",
- alertMessage: "Contaminated water detected in Sector 7.",
- apps: [
+ alertTitle: "New Report", alertMessage: "Contaminated water detected in Sector 7.", apps: [
{
- name: "Report",
- icon: Share2,
+ name: "Report", icon: Share2,
},
{
- name: "Location",
- icon: MapPin,
+ name: "Location", icon: MapPin,
},
{
- name: "Status",
- icon: ListChecks,
+ name: "Status", icon: ListChecks,
},
{
- name: "Gallery",
- icon: Image,
+ name: "Gallery", icon: Image,
},
{
- name: "Profile",
- icon: User,
+ name: "Profile", icon: User,
},
{
- name: "Settings",
- icon: Settings,
+ name: "Settings", icon: Settings,
},
{
- name: "Analytics",
- icon: BarChart2,
+ name: "Analytics", icon: BarChart2,
},
{
- name: "Community",
- icon: Users,
+ name: "Community", icon: Users,
},
],
- imageSrc: "http://img.b2bpic.net/free-vector/water-logos-collection-companies-flat-style_23-2147817505.jpg",
- imageAlt: "water drop checkmark icon",
},
{
- title: "Auto Location Detection",
- description: "Automatically pinpoint the exact location of the reported issue using GPS.",
- bentoComponent: "reveal-icon",
- icon: MapPin,
- imageSrc: "http://img.b2bpic.net/free-photo/top-view-clear-ocean-water-texture_23-2149132349.jpg?_wi=2",
- imageAlt: "water drop checkmark icon",
+ title: "Auto Location Detection", description: "Automatically pinpoint the exact location of the reported issue using GPS.", bentoComponent: "reveal-icon", icon: MapPin,
},
{
- title: "Complaint Status Tracking",
- description: "Monitor the progress of your report from 'Pending' to 'Resolved' in real-time.",
- bentoComponent: "3d-task-list",
- heading: "Report ID: AQ-2023-1234",
- items: [
+ title: "Complaint Status Tracking", description: "Monitor the progress of your report from 'Pending' to 'Resolved' in real-time.", bentoComponent: "3d-task-list", heading: "Report ID: AQ-2023-1234", items: [
{
- label: "Report Submitted",
- time: "Just now",
+ label: "Report Submitted", time: "Just now", icon: CheckCircle,
},
{
- label: "Under Review",
- time: "1 hour ago",
+ label: "Under Review", time: "1 hour ago", icon: Clock,
},
{
- label: "Action Initiated",
- time: "3 days ago",
+ label: "Action Initiated", time: "3 days ago", icon: Clock,
},
],
- completedLabel: "Resolved",
- imageSrc: "http://img.b2bpic.net/free-photo/lake-with-plants-branches_1127-359.jpg?_wi=2",
- imageAlt: "water drop checkmark icon",
- },
+ completedLabel: "Resolved"},
]}
title="Seamless Reporting & Tracking"
description="Our intuitive platform makes it easy for citizens to report water quality concerns and for authorities to track and resolve them efficiently."
@@ -304,27 +202,12 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
- title: "Interactive Map Dashboard",
- description: "Visualize water quality issues across your city with real-time markers and status updates.",
- bentoComponent: "map",
- imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-water-drop-with-message_23-2148485566.jpg",
- imageAlt: "map pin water location icon",
+ title: "Interactive Map Dashboard", description: "Visualize water quality issues across your city with real-time markers and status updates.", bentoComponent: "map"},
+ {
+ title: "Upvote & Support System", description: "Amplify critical reports by upvoting them, generating more public pressure for action.", bentoComponent: "reveal-icon", icon: ThumbsUp,
},
{
- title: "Upvote & Support System",
- description: "Amplify critical reports by upvoting them, generating more public pressure for action.",
- bentoComponent: "reveal-icon",
- icon: ThumbsUp,
- imageSrc: "http://img.b2bpic.net/free-photo/top-view-clear-ocean-water-texture_23-2149132349.jpg?_wi=3",
- imageAlt: "map pin water location icon",
- },
- {
- title: "Report Analytics & Trends",
- description: "Access detailed analytics to identify polluted areas and track resolution trends over time.",
- bentoComponent: "animated-bar-chart",
- imageSrc: "http://img.b2bpic.net/free-photo/lake-with-plants-branches_1127-359.jpg?_wi=3",
- imageAlt: "map pin water location icon",
- },
+ title: "Report Analytics & Trends", description: "Access detailed analytics to identify polluted areas and track resolution trends over time.", bentoComponent: "animated-bar-chart"},
]}
title="See the Impact, Drive the Change"
description="Our public dashboard transforms raw data into actionable insights, fostering transparency and citizen engagement."
@@ -338,40 +221,20 @@ export default function LandingPage() {
useInvertedBackground={true}
metrics={[
{
- id: "1",
- value: "15,000+",
- title: "Total Reports",
- items: [
- "Submitted by citizens",
- "Growing daily",
- ],
+ id: "1", value: "15,000+", title: "Total Reports", items: [
+ "Submitted by citizens", "Growing daily"],
},
{
- id: "2",
- value: "9,000+",
- title: "Reports Resolved",
- items: [
- "Verified by authorities",
- "Positive outcomes",
- ],
+ id: "2", value: "9,000+", title: "Reports Resolved", items: [
+ "Verified by authorities", "Positive outcomes"],
},
{
- id: "3",
- value: "150+",
- title: "Active Areas",
- items: [
- "Regions with ongoing monitoring",
- "Expanding coverage",
- ],
+ id: "3", value: "150+", title: "Active Areas", items: [
+ "Regions with ongoing monitoring", "Expanding coverage"],
},
{
- id: "4",
- value: "75%",
- title: "Community Engagement",
- items: [
- "Citizen participation rate",
- "Higher civic impact",
- ],
+ id: "4", value: "75%", title: "Community Engagement", items: [
+ "Citizen participation rate", "Higher civic impact"],
},
]}
title="Our Impact in Numbers"
@@ -384,14 +247,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
- "City Water Authority",
- "Green Earth Foundation",
- "Data Insights Corp",
- "Community Action Network",
- "Urban Development Dept.",
- "Public Health Services",
- "Hydrology Research",
- ]}
+ "City Water Authority", "Green Earth Foundation", "Data Insights Corp", "Community Action Network", "Urban Development Dept.", "Public Health Services", "Hydrology Research"]}
title="Supported by Leading Organizations"
description="We partner with local authorities, environmental NGOs, and research institutions to ensure our data drives real change."
/>
@@ -403,35 +259,17 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
- id: "1",
- title: "How do I report a water quality issue?",
- content: "Simply open the AquaWatch app or website, upload a photo of the contaminated water, your location will be auto-detected, and add a brief description. Then submit!",
- },
+ id: "1", title: "How do I report a water quality issue?", content: "Simply open the AquaWatch app or website, upload a photo of the contaminated water, your location will be auto-detected, and add a brief description. Then submit!"},
{
- id: "2",
- title: "Is my report anonymous?",
- content: "Yes, you have the option to submit reports anonymously. Your personal details will not be shared with authorities or the public if you choose this option.",
- },
+ id: "2", title: "Is my report anonymous?", content: "Yes, you have the option to submit reports anonymously. Your personal details will not be shared with authorities or the public if you choose this option."},
{
- id: "3",
- title: "How long does it take for an issue to be resolved?",
- content: "Resolution times vary based on the nature and severity of the issue, and the response time of local authorities. You can track the status of your report in real-time.",
- },
+ id: "3", title: "How long does it take for an issue to be resolved?", content: "Resolution times vary based on the nature and severity of the issue, and the response time of local authorities. You can track the status of your report in real-time."},
{
- id: "4",
- title: "What happens after I report an issue?",
- content: "Once submitted, your report is stored in our system, assigned a status (Pending, Under Review, Resolved), and relevant authorities/NGOs are notified to take action.",
- },
+ id: "4", title: "What happens after I report an issue?", content: "Once submitted, your report is stored in our system, assigned a status (Pending, Under Review, Resolved), and relevant authorities/NGOs are notified to take action."},
{
- id: "5",
- title: "Can I see other people's reports?",
- content: "Yes, our Public Dashboard allows everyone to view reports, their locations, and resolution statuses, fostering transparency and community awareness.",
- },
+ id: "5", title: "Can I see other people's reports?", content: "Yes, our Public Dashboard allows everyone to view reports, their locations, and resolution statuses, fostering transparency and community awareness."},
{
- id: "6",
- title: "How do you prevent fake reports?",
- content: "We require photo evidence and have an admin panel for verification. Additionally, our upvote system helps prioritize reports with broader community support.",
- },
+ id: "6", title: "How do you prevent fake reports?", content: "We require photo evidence and have an admin panel for verification. Additionally, our upvote system helps prioritize reports with broader community support."},
]}
title="Frequently Asked Questions"
description="Find answers to common questions about reporting, data privacy, and how AquaWatch ensures real impact."
@@ -444,53 +282,23 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
- id: "1",
- name: "Sarah Johnson",
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-woman-posing-office-window_1098-20807.jpg",
- imageAlt: "Professional headshot of Sarah Johnson",
- role: "Local Resident",
- quote: "AquaWatch has given me a voice to report local water issues effectively. It's incredibly empowering to see direct action taken by authorities thanks to this platform.",
+ id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-asian-woman-posing-office-window_1098-20807.jpg", imageAlt: "Professional headshot of Sarah Johnson"
},
{
- id: "2",
- name: "Michael Chen",
- imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-fun-together-outside_23-2148784230.jpg",
- imageAlt: "Professional headshot of Michael Chen",
- role: "Environmental Activist",
- quote: "As an NGO, collaborating with AquaWatch has streamlined our efforts. The data-driven reports allow us to advocate for change with tangible evidence.",
+ id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-having-fun-together-outside_23-2148784230.jpg", imageAlt: "Professional headshot of Michael Chen"
},
{
- id: "3",
- name: "Emily Rodriguez",
- imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working_23-2149271738.jpg",
- imageAlt: "Professional headshot of Emily Rodriguez",
- role: "City Official",
- quote: "The platform provides invaluable real-time insights for our water department. It helps us prioritize interventions and respond to citizen concerns much faster.",
+ id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working_23-2149271738.jpg", imageAlt: "Professional headshot of Emily Rodriguez"
},
{
- id: "4",
- name: "David Kim",
- imageSrc: "http://img.b2bpic.net/free-photo/you-got-it-closeup-portrait-smiling-cute-young-hispanic-man-saying-good-luck-pointing-fingers_1258-111343.jpg",
- imageAlt: "Professional headshot of David Kim",
- role: "University Student",
- quote: "AquaWatch is a fantastic tool for civic engagement. I appreciate being able to track the impact of my reports and contribute to a healthier community.",
+ id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/you-got-it-closeup-portrait-smiling-cute-young-hispanic-man-saying-good-luck-pointing-fingers_1258-111343.jpg", imageAlt: "Professional headshot of David Kim"
},
{
- id: "5",
- name: "Priya Sharma",
- imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-man-sitting-rock_23-2149292921.jpg",
- imageAlt: "Professional headshot of Priya Sharma",
- role: "Concerned Parent",
- quote: "Ensuring clean water for my children is paramount. AquaWatch provides the transparency I need to feel confident about the quality of our local water sources.",
+ id: "5", name: "Priya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-senior-man-sitting-rock_23-2149292921.jpg", imageAlt: "Professional headshot of Priya Sharma"
},
{
- id: "6",
- name: "John Doe",
- imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-scientist-laboratory-smiling-looking-confident-camera-with-crossed-arms-hand-chin-thinking-positive_839833-27538.jpg",
- imageAlt: "Professional headshot of John Doe",
- role: "Researcher",
- quote: "The platform's data offers a unique perspective for environmental research. It highlights trends and areas of concern that might otherwise go unnoticed.",
- },
+ id: "6", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-woman-working-scientist-laboratory-smiling-looking-confident-camera-with-crossed-arms-hand-chin-thinking-positive_839833-27538.jpg", imageAlt: "Professional headshot of John Doe"
+ }
]}
cardTitle="Voices of Change"
cardTag="What Our Community Says"
@@ -505,22 +313,14 @@ export default function LandingPage() {
description="Have questions, suggestions, or want to partner with us? Reach out and let's make a difference together."
inputs={[
{
- name: "name",
- type: "text",
- placeholder: "Your Name",
- required: true,
+ name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
- name: "email",
- type: "email",
- placeholder: "Your Email",
- required: true,
+ name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
- name: "message",
- placeholder: "Your Message",
- rows: 4,
+ name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/natural-background-water-texture-lake_169016-24722.jpg"
@@ -538,24 +338,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
- href: "https://twitter.com/aquawatch",
- ariaLabel: "Twitter",
- },
+ href: "https://twitter.com/aquawatch", ariaLabel: "Twitter"},
{
icon: Facebook,
- href: "https://facebook.com/aquawatch",
- ariaLabel: "Facebook",
- },
+ href: "https://facebook.com/aquawatch", ariaLabel: "Facebook"},
{
icon: Instagram,
- href: "https://instagram.com/aquawatch",
- ariaLabel: "Instagram",
- },
+ href: "https://instagram.com/aquawatch", ariaLabel: "Instagram"},
{
icon: Linkedin,
- href: "https://linkedin.com/company/aquawatch",
- ariaLabel: "LinkedIn",
- },
+ href: "https://linkedin.com/company/aquawatch", ariaLabel: "LinkedIn"},
]}
/>