bender/424b30f0-4d60-4b83-89da-891972e0b108
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 4 commits from version_1 into main 2026-03-12 11:28:55 +00:00
Conversation 0 Commits 4 Files Changed 4 +109 -330
4 changed files with 109 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files

224
src/app/page.tsx
View File

@@ -11,7 +11,7 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Megaphone, Leaf, Zap, Workflow, TrendingUp, MessageCircle, Globe, Camera, Mic2, Brain, MapPin, Navigation, ArrowRight } from "lucide-react";
import { Megaphone, Leaf, Zap, Workflow, TrendingUp, MessageCircle, Globe, Camera, Mic2, Brain, MapPin, Navigation, Send } from "lucide-react";
export default function HomePage() {
const navItems = [
@@ -29,7 +29,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -48,7 +48,7 @@ export default function HomePage() {
<HeroSplitKpi
title="Your Voice Matters - Report Civic Issues Instantly"
description="CivicVoice makes it easy for citizens to report municipal problems. With AI-powered categorization and multilingual support, your concerns reach the right department faster. Track every step of the process from submission to resolution."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "50K+", label: "Issues Reported" },
{ value: "12", label: "Languages Supported" },
@@ -63,7 +63,7 @@ export default function HomePage() {
{ text: "Track Status", href: "/track" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/closeup-female-engineer-smart-manufacturing-plant-reviewing-system-logs-tablet-detect_482257-135856.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/closeup-female-engineer-smart-manufacturing-plant-reviewing-system-logs-tablet-detect_482257-135856.jpg"
imageAlt="CivicVoice Dashboard Interface"
mediaAnimation="slide-up"
imagePosition="right"
@@ -94,53 +94,23 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
title: "Multilingual Complaint Input",
description: "Write complaints in any language - Marathi, Hindi, English, or 9+ others. Automatic translation to English for department processing.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg?_wi=1",
imageAlt: "Multilingual language support",
buttonIcon: Globe,
buttonHref: "#report",
},
title: "Multilingual Complaint Input", description: "Write complaints in any language - Marathi, Hindi, English, or 9+ others. Automatic translation to English for department processing.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Multilingual language support", buttonIcon: Globe,
buttonHref: "#report"},
{
title: "Smart Image Upload",
description: "Attach photos of potholes, garbage, broken lights, and water leakage. Visual evidence speeds up problem verification and resolution.",
imageSrc: "http://img.b2bpic.net/free-psd/bold-minimalism-landing-page-template_23-2149035626.jpg?_wi=1",
imageAlt: "Image upload feature",
buttonIcon: Camera,
buttonHref: "#report",
},
title: "Smart Image Upload", description: "Attach photos of potholes, garbage, broken lights, and water leakage. Visual evidence speeds up problem verification and resolution.", imageSrc: "http://img.b2bpic.net/free-psd/bold-minimalism-landing-page-template_23-2149035626.jpg", imageAlt: "Image upload feature", buttonIcon: Camera,
buttonHref: "#report"},
{
title: "Voice Input Support",
description: "Report issues using voice notes for faster submission. Ideal for quick reports on-the-go without typing.",
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-screens_23-2148634497.jpg?_wi=1",
imageAlt: "Voice input microphone",
buttonIcon: Mic2,
buttonHref: "#report",
},
title: "Voice Input Support", description: "Report issues using voice notes for faster submission. Ideal for quick reports on-the-go without typing.", imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-screens_23-2148634497.jpg", imageAlt: "Voice input microphone", buttonIcon: Mic2,
buttonHref: "#report"},
{
title: "AI-Powered Categorization",
description: "Our AI automatically detects the department needed: Sanitation, Water, Electricity, Road Maintenance. Complaints reach experts instantly.",
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-neon-with-smartphone_23-2148358899.jpg?_wi=1",
imageAlt: "AI categorization system",
buttonIcon: Brain,
buttonHref: "#features",
},
title: "AI-Powered Categorization", description: "Our AI automatically detects the department needed: Sanitation, Water, Electricity, Road Maintenance. Complaints reach experts instantly.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-neon-with-smartphone_23-2148358899.jpg", imageAlt: "AI categorization system", buttonIcon: Brain,
buttonHref: "#features"},
{
title: "Real-Time Tracking",
description: "Receive a unique complaint ID and track status: Submitted → Assigned → In Progress → Resolved. Never wonder about your issue again.",
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148405131.jpg?_wi=1",
imageAlt: "Complaint status tracking",
buttonIcon: MapPin,
buttonHref: "/track",
},
title: "Real-Time Tracking", description: "Receive a unique complaint ID and track status: Submitted → Assigned → In Progress → Resolved. Never wonder about your issue again.", imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148405131.jpg", imageAlt: "Complaint status tracking", buttonIcon: MapPin,
buttonHref: "/track"},
{
title: "Location Mapping",
description: "Pin your complaint on an interactive map. Authorities see exact locations and can coordinate faster response and resolution.",
imageSrc: "http://img.b2bpic.net/free-photo/female-blogger-streaming-online-with-tablet_23-2148771582.jpg?_wi=1",
imageAlt: "Location mapping interface",
buttonIcon: Navigation,
buttonHref: "#report",
},
title: "Location Mapping", description: "Pin your complaint on an interactive map. Authorities see exact locations and can coordinate faster response and resolution.", imageSrc: "http://img.b2bpic.net/free-photo/female-blogger-streaming-online-with-tablet_23-2148771582.jpg", imageAlt: "Location mapping interface", buttonIcon: Navigation,
buttonHref: "#report"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -157,49 +127,13 @@ export default function HomePage() {
tagAnimation="slide-up"
blogs={[
{
id: "step1",
category: "Step 1",
title: "Report Your Issue",
excerpt: "Write your complaint in any language, add photos or voice notes, and select the location on the map. Our system automatically translates your report to English.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mans-hand-texting-message-smartphone_171337-9865.jpg?_wi=1",
imageAlt: "Report issue step",
authorName: "System",
authorAvatar: "http://img.b2bpic.net/free-vector/call-center-avatar-set_23-2147945863.jpg",
date: "Real-time",
},
id: "step1", category: "Step 1", title: "Report Your Issue", excerpt: "Write your complaint in any language, add photos or voice notes, and select the location on the map. Our system automatically translates your report to English.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mans-hand-texting-message-smartphone_171337-9865.jpg", imageAlt: "Report issue step", authorName: "System", authorAvatar: "http://img.b2bpic.net/free-vector/call-center-avatar-set_23-2147945863.jpg", date: "Real-time"},
{
id: "step2",
category: "Step 2",
title: "AI Categorization",
excerpt: "Artificial intelligence analyzes your complaint and automatically routes it to the correct department: Sanitation, Water, Electricity, or Road Maintenance.",
imageSrc: "http://img.b2bpic.net/free-vector/automatic-logistics-delivery-isometric-composition_1284-22854.jpg?_wi=1",
imageAlt: "AI categorization step",
authorName: "System",
authorAvatar: "http://img.b2bpic.net/free-photo/fantasy-scene-with-futuristic-robotic-human-character_23-2151254471.jpg",
date: "Instant",
},
id: "step2", category: "Step 2", title: "AI Categorization", excerpt: "Artificial intelligence analyzes your complaint and automatically routes it to the correct department: Sanitation, Water, Electricity, or Road Maintenance.", imageSrc: "http://img.b2bpic.net/free-vector/automatic-logistics-delivery-isometric-composition_1284-22854.jpg", imageAlt: "AI categorization step", authorName: "System", authorAvatar: "http://img.b2bpic.net/free-photo/fantasy-scene-with-futuristic-robotic-human-character_23-2151254471.jpg", date: "Instant"},
{
id: "step3",
category: "Step 3",
title: "Authority Review",
excerpt: "Department officials review your complaint, assess priority, assign it to a team, and begin work. You receive updates via email and dashboard.",
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg?_wi=1",
imageAlt: "Authority review step",
authorName: "Officials",
authorAvatar: "http://img.b2bpic.net/free-photo/young-male-white-shirt-jacket-holding-clipboard-looking-pensive-front-view_176474-99635.jpg",
date: "24 hours",
},
id: "step3", category: "Step 3", title: "Authority Review", excerpt: "Department officials review your complaint, assess priority, assign it to a team, and begin work. You receive updates via email and dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg", imageAlt: "Authority review step", authorName: "Officials", authorAvatar: "http://img.b2bpic.net/free-photo/young-male-white-shirt-jacket-holding-clipboard-looking-pensive-front-view_176474-99635.jpg", date: "24 hours"},
{
id: "step4",
category: "Step 4",
title: "Resolution & Feedback",
excerpt: "Once resolved, you'll be notified immediately. Provide feedback on the resolution quality to help us improve citizen services and government accountability.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-194247.jpg?_wi=1",
imageAlt: "Resolution step",
authorName: "Citizen",
authorAvatar: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg",
date: "On completion",
},
id: "step4", category: "Step 4", title: "Resolution & Feedback", excerpt: "Once resolved, you'll be notified immediately. Provide feedback on the resolution quality to help us improve citizen services and government accountability.", imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-194247.jpg", imageAlt: "Resolution step", authorName: "Citizen", authorAvatar: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg", date: "On completion"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -216,25 +150,13 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "complaints",
value: "50,847",
description: "Civic Issues Reported",
},
id: "complaints", value: "50,847", description: "Civic Issues Reported"},
{
id: "resolved",
value: "46,779",
description: "Issues Resolved",
},
id: "resolved", value: "46,779", description: "Issues Resolved"},
{
id: "avg-time",
value: "8.5 days",
description: "Average Resolution Time",
},
id: "avg-time", value: "8.5 days", description: "Average Resolution Time"},
{
id: "satisfaction",
value: "94%",
description: "Citizen Satisfaction Rate",
},
id: "satisfaction", value: "94%", description: "Citizen Satisfaction Rate"},
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
@@ -253,59 +175,23 @@ export default function HomePage() {
showRating={true}
testimonials={[
{
id: "1",
name: "Priya Sharma",
handle: "@priya_sharma",
testimonial: "I reported a pothole on my street in Marathi, and within 8 days it was fixed. The whole process was transparent and easy. Finally, our voices matter!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696415.jpg?_wi=1",
imageAlt: "Priya Sharma",
},
id: "1", name: "Priya Sharma", handle: "@priya_sharma", testimonial: "I reported a pothole on my street in Marathi, and within 8 days it was fixed. The whole process was transparent and easy. Finally, our voices matter!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-teaching-classroom_23-2151696415.jpg", imageAlt: "Priya Sharma"},
{
id: "2",
name: "Rajesh Kumar",
handle: "@rajesh_k",
testimonial: "As a municipal officer, CivicVoice has revolutionized how we handle citizen complaints. The AI categorization saves our team hours daily.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-145.jpg?_wi=1",
imageAlt: "Rajesh Kumar",
},
id: "2", name: "Rajesh Kumar", handle: "@rajesh_k", testimonial: "As a municipal officer, CivicVoice has revolutionized how we handle citizen complaints. The AI categorization saves our team hours daily.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-successful-businessman-thinking-posing-beige-wall_176420-145.jpg", imageAlt: "Rajesh Kumar"},
{
id: "3",
name: "Anita Desai",
handle: "@anita_civic",
testimonial: "The ability to report water leakage with photos in Hindi and get real-time updates is incredible. This is how government should work.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-smiling-charming-girl-with-blonde-curly-hair-posing-with-retro-camera-while-sitting-window_291650-1076.jpg?_wi=1",
imageAlt: "Anita Desai",
},
id: "3", name: "Anita Desai", handle: "@anita_civic", testimonial: "The ability to report water leakage with photos in Hindi and get real-time updates is incredible. This is how government should work.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-indoor-portrait-smiling-charming-girl-with-blonde-curly-hair-posing-with-retro-camera-while-sitting-window_291650-1076.jpg", imageAlt: "Anita Desai"},
{
id: "4",
name: "Mohammad Ali",
handle: "@mohammad_ali",
testimonial: "CivicVoice gave broken street lights in our locality the attention they deserved. Quick response, effective solution. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-4516.jpg?_wi=1",
imageAlt: "Mohammad Ali",
},
id: "4", name: "Mohammad Ali", handle: "@mohammad_ali", testimonial: "CivicVoice gave broken street lights in our locality the attention they deserved. Quick response, effective solution. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man-studio-fashion-portrait_1301-4516.jpg", imageAlt: "Mohammad Ali"},
{
id: "5",
name: "Neha Patel",
handle: "@neha_voice",
testimonial: "Voice input feature is a game-changer for me. I can report issues while commuting. The tracking updates keep me informed every step.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?_wi=1",
imageAlt: "Neha Patel",
},
id: "5", name: "Neha Patel", handle: "@neha_voice", testimonial: "Voice input feature is a game-changer for me. I can report issues while commuting. The tracking updates keep me informed every step.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", imageAlt: "Neha Patel"},
{
id: "6",
name: "Vikram Singh",
handle: "@vikram_civic",
testimonial: "From sanitation to electricity, our department uses CivicVoice daily. The analytics help us prioritize and allocate resources better than ever.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-diplomatic-suit-looking-camera-standing-outside-front-startup-company-office-entrepreneur-man-working-marketing-presentation-outdoor-concept_482257-28140.jpg?_wi=1",
imageAlt: "Vikram Singh",
},
id: "6", name: "Vikram Singh", handle: "@vikram_civic", testimonial: "From sanitation to electricity, our department uses CivicVoice daily. The analytics help us prioritize and allocate resources better than ever.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-businessman-diplomatic-suit-looking-camera-standing-outside-front-startup-company-office-entrepreneur-man-working-marketing-presentation-outdoor-concept_482257-28140.jpg", imageAlt: "Vikram Singh"},
]}
textboxLayout="default"
useInvertedBackground={false}
@@ -319,35 +205,17 @@ export default function HomePage() {
sideDescription="Everything you need to know about reporting, tracking, and resolving civic issues through CivicVoice"
faqs={[
{
id: "1",
title: "How many languages does CivicVoice support?",
content: "CivicVoice supports 12+ languages including English, Hindi, Marathi, Tamil, Telugu, Kannada, Malayalam, Gujarati, Bengali, Punjabi, Odia, and Urdu. Our AI automatically translates your complaint to English for department processing while keeping your original language on file.",
},
id: "1", title: "How many languages does CivicVoice support?", content: "CivicVoice supports 12+ languages including English, Hindi, Marathi, Tamil, Telugu, Kannada, Malayalam, Gujarati, Bengali, Punjabi, Odia, and Urdu. Our AI automatically translates your complaint to English for department processing while keeping your original language on file."},
{
id: "2",
title: "What types of civic issues can I report?",
content: "You can report any municipal problem including: potholes and road damage, garbage and sanitation issues, broken street lights and electricity problems, water leakage and supply issues, and other civic infrastructure problems. Our AI categorizes complaints into Sanitation, Water Department, Electricity, and Road Maintenance departments.",
},
id: "2", title: "What types of civic issues can I report?", content: "You can report any municipal problem including: potholes and road damage, garbage and sanitation issues, broken street lights and electricity problems, water leakage and supply issues, and other civic infrastructure problems. Our AI categorizes complaints into Sanitation, Water Department, Electricity, and Road Maintenance departments."},
{
id: "3",
title: "How do I track my complaint status?",
content: "After submitting a complaint, you receive a unique Complaint ID. Use this ID to track your issue 24/7 through our online dashboard or mobile app. Status updates progress through: Submitted → Assigned → In Progress → Resolved. You'll receive email notifications at each stage.",
},
id: "3", title: "How do I track my complaint status?", content: "After submitting a complaint, you receive a unique Complaint ID. Use this ID to track your issue 24/7 through our online dashboard or mobile app. Status updates progress through: Submitted → Assigned → In Progress → Resolved. You'll receive email notifications at each stage."},
{
id: "4",
title: "Can I include images or video with my report?",
content: "Absolutely! We encourage you to attach photos or short videos as visual evidence. Clear images help authorities understand the problem faster and respond more effectively. You can upload up to 5 images or one video per complaint.",
},
id: "4", title: "Can I include images or video with my report?", content: "Absolutely! We encourage you to attach photos or short videos as visual evidence. Clear images help authorities understand the problem faster and respond more effectively. You can upload up to 5 images or one video per complaint."},
{
id: "5",
title: "What is the average time to resolve an issue?",
content: "The average resolution time is 8.5 days, though this varies based on issue complexity and severity. Emergency issues (like broken traffic lights) are prioritized and addressed within 24-48 hours. Minor issues may take 2-3 weeks.",
},
id: "5", title: "What is the average time to resolve an issue?", content: "The average resolution time is 8.5 days, though this varies based on issue complexity and severity. Emergency issues (like broken traffic lights) are prioritized and addressed within 24-48 hours. Minor issues may take 2-3 weeks."},
{
id: "6",
title: "Is my personal information secure?",
content: "Yes, we use enterprise-grade encryption and comply with data protection regulations. Your personal information is never shared with third parties. You can report anonymously if you prefer, though providing contact details helps authorities update you on progress.",
},
id: "6", title: "Is my personal information secure?", content: "Yes, we use enterprise-grade encryption and comply with data protection regulations. Your personal information is never shared with third parties. You can report anonymously if you prefer, though providing contact details helps authorities update you on progress."},
]}
textPosition="left"
useInvertedBackground={false}
@@ -361,11 +229,11 @@ export default function HomePage() {
tag="Get Started"
title="Join Thousands of Engaged Citizens"
description="Start reporting civic issues and tracking progress today. Sign up for our newsletter to get updates on new features, success stories, and civic action tips."
tagIcon={ArrowRight}
tagIcon={Send}
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/people-discussing-presentation_52683-28613.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-vector/people-discussing-presentation_52683-28613.jpg"
imageAlt="Community engagement illustration"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -378,8 +246,8 @@ export default function HomePage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="CivicVoice"
leftLink={{ label: "Privacy Policy", href: "#" }}
rightLink={{ label: "Terms of Service", href: "#" }}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ThemeProvider>

84
src/app/report/page.tsx
View File

@@ -29,7 +29,7 @@ export default function ReportPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -48,7 +48,7 @@ export default function ReportPage() {
<HeroSplitKpi
title="Your Voice Matters - Report Civic Issues Instantly"
description="CivicVoice makes it easy for citizens to report municipal problems. With AI-powered categorization and multilingual support, your concerns reach the right department faster. Track every step of the process from submission to resolution."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "50K+", label: "Issues Reported" },
{ value: "12", label: "Languages Supported" },
@@ -63,7 +63,7 @@ export default function ReportPage() {
{ text: "Track Status", href: "/track" }
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/closeup-female-engineer-smart-manufacturing-plant-reviewing-system-logs-tablet-detect_482257-135856.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/closeup-female-engineer-smart-manufacturing-plant-reviewing-system-logs-tablet-detect_482257-135856.jpg"
imageAlt="CivicVoice Dashboard Interface"
mediaAnimation="slide-up"
imagePosition="right"
@@ -75,51 +75,27 @@ export default function ReportPage() {
<FeatureCardTwentySix
features={[
{
title: "Multilingual Complaint Input",
description: "Write complaints in any language - Marathi, Hindi, English, or 9+ others. Automatic translation to English for department processing.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg?_wi=2",
imageAlt: "Multilingual language support",
buttonIcon: Globe,
title: "Multilingual Complaint Input", description: "Write complaints in any language - Marathi, Hindi, English, or 9+ others. Automatic translation to English for department processing.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-call-center-manager-providing-guidance-intern-addressing-questions_482257-125804.jpg", imageAlt: "Multilingual language support", buttonIcon: Globe,
buttonHref: "#report"
},
{
title: "Smart Image Upload",
description: "Attach photos of potholes, garbage, broken lights, and water leakage. Visual evidence speeds up problem verification and resolution.",
imageSrc: "http://img.b2bpic.net/free-psd/bold-minimalism-landing-page-template_23-2149035626.jpg?_wi=2",
imageAlt: "Image upload feature",
buttonIcon: Camera,
title: "Smart Image Upload", description: "Attach photos of potholes, garbage, broken lights, and water leakage. Visual evidence speeds up problem verification and resolution.", imageSrc: "http://img.b2bpic.net/free-psd/bold-minimalism-landing-page-template_23-2149035626.jpg", imageAlt: "Image upload feature", buttonIcon: Camera,
buttonHref: "#report"
},
{
title: "Voice Input Support",
description: "Report issues using voice notes for faster submission. Ideal for quick reports on-the-go without typing.",
imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-screens_23-2148634497.jpg?_wi=2",
imageAlt: "Voice input microphone",
buttonIcon: Mic2,
title: "Voice Input Support", description: "Report issues using voice notes for faster submission. Ideal for quick reports on-the-go without typing.", imageSrc: "http://img.b2bpic.net/free-vector/voice-translator-app-screens_23-2148634497.jpg", imageAlt: "Voice input microphone", buttonIcon: Mic2,
buttonHref: "#report"
},
{
title: "AI-Powered Categorization",
description: "Our AI automatically detects the department needed: Sanitation, Water, Electricity, Road Maintenance. Complaints reach experts instantly.",
imageSrc: "http://img.b2bpic.net/free-vector/landing-page-neon-with-smartphone_23-2148358899.jpg?_wi=2",
imageAlt: "AI categorization system",
buttonIcon: Brain,
title: "AI-Powered Categorization", description: "Our AI automatically detects the department needed: Sanitation, Water, Electricity, Road Maintenance. Complaints reach experts instantly.", imageSrc: "http://img.b2bpic.net/free-vector/landing-page-neon-with-smartphone_23-2148358899.jpg", imageAlt: "AI categorization system", buttonIcon: Brain,
buttonHref: "#features"
},
{
title: "Real-Time Tracking",
description: "Receive a unique complaint ID and track status: Submitted → Assigned → In Progress → Resolved. Never wonder about your issue again.",
imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148405131.jpg?_wi=2",
imageAlt: "Complaint status tracking",
buttonIcon: Navigation,
title: "Real-Time Tracking", description: "Receive a unique complaint ID and track status: Submitted → Assigned → In Progress → Resolved. Never wonder about your issue again.", imageSrc: "http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148405131.jpg", imageAlt: "Complaint status tracking", buttonIcon: Navigation,
buttonHref: "/track"
},
{
title: "Location Mapping",
description: "Pin your complaint on an interactive map. Authorities see exact locations and can coordinate faster response and resolution.",
imageSrc: "http://img.b2bpic.net/free-photo/female-blogger-streaming-online-with-tablet_23-2148771582.jpg?_wi=2",
imageAlt: "Location mapping interface",
buttonIcon: Navigation,
title: "Location Mapping", description: "Pin your complaint on an interactive map. Authorities see exact locations and can coordinate faster response and resolution.", imageSrc: "http://img.b2bpic.net/free-photo/female-blogger-streaming-online-with-tablet_23-2148771582.jpg", imageAlt: "Location mapping interface", buttonIcon: Navigation,
buttonHref: "#report"
}
]}
@@ -138,48 +114,16 @@ export default function ReportPage() {
<BlogCardThree
blogs={[
{
id: "step1",
category: "Step 1",
title: "Report Your Issue",
excerpt: "Write your complaint in any language, add photos or voice notes, and select the location on the map. Our system automatically translates your report to English.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-mans-hand-texting-message-smartphone_171337-9865.jpg?_wi=2",
imageAlt: "Report issue step",
authorName: "System",
authorAvatar: "http://img.b2bpic.net/free-vector/call-center-avatar-set_23-2147945863.jpg",
date: "Real-time"
id: "step1", category: "Step 1", title: "Report Your Issue", excerpt: "Write your complaint in any language, add photos or voice notes, and select the location on the map. Our system automatically translates your report to English.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-mans-hand-texting-message-smartphone_171337-9865.jpg", imageAlt: "Report issue step", authorName: "System", authorAvatar: "http://img.b2bpic.net/free-vector/call-center-avatar-set_23-2147945863.jpg", date: "Real-time"
},
{
id: "step2",
category: "Step 2",
title: "AI Categorization",
excerpt: "Artificial intelligence analyzes your complaint and automatically routes it to the correct department: Sanitation, Water, Electricity, or Road Maintenance.",
imageSrc: "http://img.b2bpic.net/free-vector/automatic-logistics-delivery-isometric-composition_1284-22854.jpg?_wi=2",
imageAlt: "AI categorization step",
authorName: "System",
authorAvatar: "http://img.b2bpic.net/free-photo/fantasy-scene-with-futuristic-robotic-human-character_23-2151254471.jpg",
date: "Instant"
id: "step2", category: "Step 2", title: "AI Categorization", excerpt: "Artificial intelligence analyzes your complaint and automatically routes it to the correct department: Sanitation, Water, Electricity, or Road Maintenance.", imageSrc: "http://img.b2bpic.net/free-vector/automatic-logistics-delivery-isometric-composition_1284-22854.jpg", imageAlt: "AI categorization step", authorName: "System", authorAvatar: "http://img.b2bpic.net/free-photo/fantasy-scene-with-futuristic-robotic-human-character_23-2151254471.jpg", date: "Instant"
},
{
id: "step3",
category: "Step 3",
title: "Authority Review",
excerpt: "Department officials review your complaint, assess priority, assign it to a team, and begin work. You receive updates via email and dashboard.",
imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg?_wi=2",
imageAlt: "Authority review step",
authorName: "Officials",
authorAvatar: "http://img.b2bpic.net/free-photo/young-male-white-shirt-jacket-holding-clipboard-looking-pensive-front-view_176474-99635.jpg",
date: "24 hours"
id: "step3", category: "Step 3", title: "Authority Review", excerpt: "Department officials review your complaint, assess priority, assign it to a team, and begin work. You receive updates via email and dashboard.", imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg", imageAlt: "Authority review step", authorName: "Officials", authorAvatar: "http://img.b2bpic.net/free-photo/young-male-white-shirt-jacket-holding-clipboard-looking-pensive-front-view_176474-99635.jpg", date: "24 hours"
},
{
id: "step4",
category: "Step 4",
title: "Resolution & Feedback",
excerpt: "Once resolved, you'll be notified immediately. Provide feedback on the resolution quality to help us improve citizen services and government accountability.",
imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-194247.jpg?_wi=2",
imageAlt: "Resolution step",
authorName: "Citizen",
authorAvatar: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg",
date: "On completion"
id: "step4", category: "Step 4", title: "Resolution & Feedback", excerpt: "Once resolved, you'll be notified immediately. Provide feedback on the resolution quality to help us improve citizen services and government accountability.", imageSrc: "http://img.b2bpic.net/free-photo/excited-businesswoman-receives-great-news-celebrating-while-talking-mobile-phone-corporate-woman_1258-194247.jpg", imageAlt: "Resolution step", authorName: "Citizen", authorAvatar: "http://img.b2bpic.net/free-photo/happy-joyful-guy-enjoying-leisure-time_1262-20555.jpg", date: "On completion"
}
]}
title="How CivicVoice Works"
@@ -202,7 +146,7 @@ export default function ReportPage() {
tagAnimation="slide-up"
background={{ variant: "plain" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-vector/people-discussing-presentation_52683-28613.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-vector/people-discussing-presentation_52683-28613.jpg"
imageAlt="Community engagement illustration"
mediaAnimation="slide-up"
mediaPosition="right"

60
src/app/track/page.tsx
View File

@@ -24,7 +24,7 @@ export default function TrackPage() {
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="noiseDiagonalGradient"
background="circleGradient"
cardStyle="outline"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="solid"
@@ -43,7 +43,7 @@ export default function TrackPage() {
<HeroSplitKpi
title="Track Your Complaint Status in Real-Time"
description="Monitor every step of your civic issue from submission to resolution. Enter your complaint ID to see current status, department assignments, and expected resolution timeline. Transparent tracking empowers citizens with full visibility into municipal action."
background={{ variant: "noiseDiagonalGradient" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "46,779", label: "Resolved Issues" },
{ value: "8.5 days", label: "Avg Resolution Time" },
@@ -58,7 +58,7 @@ export default function TrackPage() {
{ text: "Report New Issue", href: "/report" },
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148405131.jpg?_wi=3"
imageSrc="http://img.b2bpic.net/free-vector/purchase-online-onboarding-app-screens_23-2148405131.jpg"
imageAlt="Complaint Status Tracking"
mediaAnimation="slide-up"
imagePosition="right"
@@ -75,25 +75,13 @@ export default function TrackPage() {
tagAnimation="slide-up"
metrics={[
{
id: "submitted",
value: "50,847",
description: "Total Issues Submitted",
},
id: "submitted", value: "50,847", description: "Total Issues Submitted"},
{
id: "in-progress",
value: "4,068",
description: "Currently In Progress",
},
id: "in-progress", value: "4,068", description: "Currently In Progress"},
{
id: "resolved",
value: "46,779",
description: "Successfully Resolved",
},
id: "resolved", value: "46,779", description: "Successfully Resolved"},
{
id: "pending",
value: "1.2%",
description: "Awaiting Response",
},
id: "pending", value: "1.2%", description: "Awaiting Response"},
]}
gridVariant="uniform-all-items-equal"
textboxLayout="default"
@@ -108,35 +96,17 @@ export default function TrackPage() {
sideDescription="Learn how to track your complaint status and understand each stage of the resolution process"
faqs={[
{
id: "1",
title: "How do I find my complaint ID?",
content: "You receive your unique Complaint ID immediately after submitting a report. Check your email confirmation or SMS notification - it starts with 'CV' followed by a unique number (example: CV-2024-001234). Keep this ID safe as you'll need it to track your complaint.",
},
id: "1", title: "How do I find my complaint ID?", content: "You receive your unique Complaint ID immediately after submitting a report. Check your email confirmation or SMS notification - it starts with 'CV' followed by a unique number (example: CV-2024-001234). Keep this ID safe as you'll need it to track your complaint."},
{
id: "2",
title: "What are the different complaint status stages?",
content: "Your complaint progresses through four stages: 1) Submitted - Your report is received and logged. 2) Assigned - AI categorizes and routes to appropriate department. 3) In Progress - Department team begins work on resolution. 4) Resolved - Issue is fixed and you're notified for feedback.",
},
id: "2", title: "What are the different complaint status stages?", content: "Your complaint progresses through four stages: 1) Submitted - Your report is received and logged. 2) Assigned - AI categorizes and routes to appropriate department. 3) In Progress - Department team begins work on resolution. 4) Resolved - Issue is fixed and you're notified for feedback."},
{
id: "3",
title: "How often are tracking updates provided?",
content: "You receive email and SMS notifications at each status change. Additionally, you can check your dashboard anytime for real-time updates. For urgent issues, updates may come within 24 hours. Standard issues typically update every 2-3 days.",
},
id: "3", title: "How often are tracking updates provided?", content: "You receive email and SMS notifications at each status change. Additionally, you can check your dashboard anytime for real-time updates. For urgent issues, updates may come within 24 hours. Standard issues typically update every 2-3 days."},
{
id: "4",
title: "Can I update my complaint after submission?",
content: "You can add additional photos or information within 48 hours of submission through your tracking dashboard. After 48 hours, contact the assigned department directly using the phone number provided in your tracking details.",
},
id: "4", title: "Can I update my complaint after submission?", content: "You can add additional photos or information within 48 hours of submission through your tracking dashboard. After 48 hours, contact the assigned department directly using the phone number provided in your tracking details."},
{
id: "5",
title: "What if my complaint is marked resolved but the issue persists?",
content: "You can appeal the resolution through your dashboard. Select 'Appeal Resolution' and provide updated photos/evidence. Your complaint will be reopened for reassessment by the department head. Appeal resolution typically takes 3-5 additional days.",
},
id: "5", title: "What if my complaint is marked resolved but the issue persists?", content: "You can appeal the resolution through your dashboard. Select 'Appeal Resolution' and provide updated photos/evidence. Your complaint will be reopened for reassessment by the department head. Appeal resolution typically takes 3-5 additional days."},
{
id: "6",
title: "How do I provide feedback on the resolution quality?",
content: "Once marked resolved, you'll receive a feedback survey via email and SMS. Rate your experience, provide comments, and upload final photos showing the completed work. Your feedback helps us hold authorities accountable and improve municipal services.",
},
id: "6", title: "How do I provide feedback on the resolution quality?", content: "Once marked resolved, you'll receive a feedback survey via email and SMS. Rate your experience, provide comments, and upload final photos showing the completed work. Your feedback helps us hold authorities accountable and improve municipal services."},
]}
textPosition="left"
useInvertedBackground={false}
@@ -148,8 +118,8 @@ export default function TrackPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="CivicVoice"
leftLink={{ label: "Privacy Policy", href: "#" }}
rightLink={{ label: "Terms of Service", href: "#" }}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ThemeProvider>

71
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,48 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React from 'react';
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text: string;
className?: string;
fontSize?: number;
fontWeight?: 'bold' | 'normal' | 'semibold';
letterSpacing?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
className = '',
fontSize = 48,
fontWeight = 'bold',
letterSpacing = '0',
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
viewBox="0 0 500 100"
className={className}
xmlns="http://www.w3.org/2000/svg"
aria-label={text}
>
<defs>
<linearGradient id="logoGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style={{ stopColor: '#10b981', stopOpacity: 1 }} />
<stop offset="100%" style={{ stopColor: '#059669', stopOpacity: 1 }} />
</linearGradient>
</defs>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
fontSize={fontSize}
fontWeight={fontWeight}
letterSpacing={letterSpacing}
fill="url(#logoGradient)"
fontFamily="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;