Merge version_3 into main

Merge version_3 into main

src/app/layout.tsx

@@ -7,48 +7,31 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const halant = Halant({
-  variable: "--font-halant",
+  variable: "--font-halant",  subsets: ["latin"],
-  subsets: ["latin"],
   weight: ["300", "400", "500", "600", "700"],
 });
 
 const inter = Inter({
-  variable: "--font-inter",
+  variable: "--font-inter",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 const archivo = Archivo({
-  variable: "--font-archivo",
+  variable: "--font-archivo",  subsets: ["latin"],
-  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Smart City Complaint Management System | AI-Powered Urban Solutions",
+  title: "Smart City Complaint Management System | AI-Powered Urban Solutions",  description: "AI/ML-powered smart city complaint management platform for real-time issue tracking, drainage detection, garbage monitoring, and efficient urban infrastructure management across Indian cities.",  keywords: "smart city, complaint management, AI detection, drainage monitoring, garbage tracking, IoT sensors, urban infrastructure, municipal management",  metadataBase: new URL("https://smartcity-complaints.com"),
-  description: "AI/ML-powered smart city complaint management platform for real-time issue tracking, drainage detection, garbage monitoring, and efficient urban infrastructure management across Indian cities.",
-  keywords: "smart city, complaint management, AI detection, drainage monitoring, garbage tracking, IoT sensors, urban infrastructure, municipal management",
-  metadataBase: new URL("https://smartcity-complaints.com"),
   alternates: {
-    canonical: "https://smartcity-complaints.com",
+    canonical: "https://smartcity-complaints.com"},
-  },
   openGraph: {
-    title: "Smart City Complaint Management System",
+    title: "Smart City Complaint Management System",    description: "Transform urban management with AI-powered complaint resolution and real-time infrastructure monitoring",    siteName: "SmartCity Complaints",    type: "website",    images: [
-    description: "Transform urban management with AI-powered complaint resolution and real-time infrastructure monitoring",
-    siteName: "SmartCity Complaints",
-    type: "website",
-    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/a-modern-smart-city-complaint-management-1772770824330-3e4ef9b9.png",
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/a-modern-smart-city-complaint-management-1772770824330-3e4ef9b9.png",        alt: "Smart city complaint management dashboard"},
-        alt: "Smart city complaint management dashboard",
-      },
     ],
   },
   twitter: {
-    card: "summary_large_image",
+    card: "summary_large_image",    title: "Smart City Complaint Management System",    description: "AI-powered urban complaint management and infrastructure monitoring",    images: [
-    title: "Smart City Complaint Management System",
+      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/a-modern-smart-city-complaint-management-1772770824330-3e4ef9b9.png"],
-    description: "AI-powered urban complaint management and infrastructure monitoring",
-    images: [
-      "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/a-modern-smart-city-complaint-management-1772770824330-3e4ef9b9.png",
-    ],
   },
 };
 

src/app/page.tsx

@@ -22,30 +22,25 @@ export default function HomePage() {
   ];
 
   const navButton = {
-    text: "Launch App",
+    text: "Launch App",    href: "https://app.smartcity-complaints.com"};
-    href: "https://app.smartcity-complaints.com",
-  };
 
   const footerColumns = [
     {
-      title: "Product",
+      title: "Product",      items: [
-      items: [
         { label: "Features", href: "#features" },
         { label: "How It Works", href: "#how-it-works" },
         { label: "Pricing", href: "#pricing" },
       ],
     },
     {
-      title: "Company",
+      title: "Company",      items: [
-      items: [
         { label: "About Us", href: "/about" },
         { label: "Contact", href: "#contact" },
         { label: "Blog", href: "#" },
       ],
     },
     {
-      title: "Legal",
+      title: "Legal",      items: [
-      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Security", href: "#" },
@@ -88,13 +83,9 @@ export default function HomePage() {
           showDimOverlay={true}
           buttons={[
             {
-              text: "Get Started",
+              text: "Start Free Trial",              href: "https://app.smartcity-complaints.com"},
-              href: "https://app.smartcity-complaints.com",
-            },
             {
-              text: "Watch Demo",
+              text: "Watch Demo",              href: "#how-it-works"},
-              href: "#how-it-works",
-            },
           ]}
         />
       </div>
@@ -109,37 +100,16 @@ export default function HomePage() {
           useInvertedBackground={false}
           features={[
             {
-              id: "realtime",
+              id: "realtime",              label: "Real-Time",              title: "Live Complaint Tracking",              items: [
-              label: "Real-Time",
+                "Instant complaint submission from mobile app",                "Real-time status updates for citizens",                "Live dashboard for officials",                "Automated alerts for high-priority issues"],
-              title: "Live Complaint Tracking",
-              items: [
-                "Instant complaint submission from mobile app",
-                "Real-time status updates for citizens",
-                "Live dashboard for officials",
-                "Automated alerts for high-priority issues",
-              ],
             },
             {
-              id: "aiml",
+              id: "aiml",              label: "AI/ML",              title: "Intelligent Detection System",              items: [
-              label: "AI/ML",
+                "Automatic drainage blockage detection",                "Computer vision for garbage identification",                "Predictive analytics for maintenance",                "Anomaly detection in infrastructure"],
-              title: "Intelligent Detection System",
-              items: [
-                "Automatic drainage blockage detection",
-                "Computer vision for garbage identification",
-                "Predictive analytics for maintenance",
-                "Anomaly detection in infrastructure",
-              ],
             },
             {
-              id: "mapping",
+              id: "mapping",              label: "Geo",              title: "Interactive Mapping",              items: [
-              label: "Geo",
+                "GPS-based complaint location tracking",                "Heat maps of problem areas",                "Optimization for service routes",                "Historical data analysis by location"],
-              title: "Interactive Mapping",
-              items: [
-                "GPS-based complaint location tracking",
-                "Heat maps of problem areas",
-                "Optimization for service routes",
-                "Historical data analysis by location",
-              ],
             },
           ]}
         />
@@ -156,26 +126,11 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",
+              id: "1",              name: "Citizen Reporting",              price: "Mobile App",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/mobile-app-screenshot-showing-the-smart--1772770822718-6f92fd61.png",              imageAlt: "Mobile complaint submission interface"},
-              name: "Citizen Reporting",
-              price: "Mobile App",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/mobile-app-screenshot-showing-the-smart--1772770822718-6f92fd61.png",
-              imageAlt: "Mobile complaint submission interface",
-            },
             {
-              id: "2",
+              id: "2",              name: "AI Detection",              price: "Automatic",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/ai-ml-detection-visualization-showing-dr-1772770823256-e887e785.png",              imageAlt: "AI/ML detection system"},
-              name: "AI Detection",
-              price: "Automatic",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/ai-ml-detection-visualization-showing-dr-1772770823256-e887e785.png",
-              imageAlt: "AI/ML detection system",
-            },
             {
-              id: "3",
+              id: "3",              name: "Resolution Tracking",              price: "Dashboard",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/interactive-map-interface-showing-multip-1772770823931-a2c10826.png?_wi=1",              imageAlt: "Interactive city map interface"},
-              name: "Resolution Tracking",
-              price: "Dashboard",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/interactive-map-interface-showing-multip-1772770823931-a2c10826.png?_wi=1",
-              imageAlt: "Interactive city map interface",
-            },
           ]}
         />
       </div>
@@ -190,33 +145,13 @@ export default function HomePage() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",
+              id: "1",              value: "85%",              title: "Resolution Rate",              description: "Average complaint resolution within 48 hours",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/analytics-dashboard-showing-complaint-re-1772770824245-0020ea67.png?_wi=1"},
-              value: "85%",
-              title: "Resolution Rate",
-              description: "Average complaint resolution within 48 hours",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/analytics-dashboard-showing-complaint-re-1772770824245-0020ea67.png?_wi=1",
-            },
             {
-              id: "2",
+              id: "2",              value: "10,000+",              title: "Issues Resolved",              description: "Complaints successfully processed and closed",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/citizen-reporting-an-issue-through-mobil-1772770823120-5d4c57c7.png"},
-              value: "10,000+",
-              title: "Issues Resolved",
-              description: "Complaints successfully processed and closed",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/citizen-reporting-an-issue-through-mobil-1772770823120-5d4c57c7.png",
-            },
             {
-              id: "3",
+              id: "3",              value: "15+",              title: "Cities Connected",              description: "Active deployments across India",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/iot-hardware-devices-for-smart-city-moni-1772770823614-f83b958e.png"},
-              value: "15+",
-              title: "Cities Connected",
-              description: "Active deployments across India",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/iot-hardware-devices-for-smart-city-moni-1772770823614-f83b958e.png",
-            },
             {
-              id: "4",
+              id: "4",              value: "40%",              title: "Cost Reduction",              description: "Optimized maintenance through AI insights",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/interactive-map-interface-showing-multip-1772770823931-a2c10826.png?_wi=2"},
-              value: "40%",
-              title: "Cost Reduction",
-              description: "Optimized maintenance through AI insights",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/interactive-map-interface-showing-multip-1772770823931-a2c10826.png?_wi=2",
-            },
           ]}
         />
       </div>
@@ -230,41 +165,13 @@ export default function HomePage() {
           useInvertedBackground={false}
           testimonials={[
             {
-              id: "1",
+              id: "1",              title: "Revolutionary Urban Management",              quote: "This system has transformed how we manage city infrastructure. Response times have dropped dramatically and our citizens are happier with the transparency and real-time updates.",              name: "Rajesh Kumar",              role: "Municipal Commissioner",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-city-administrat-1772770822962-a27e501d.png",              imageAlt: "Rajesh Kumar - Municipal Commissioner"},
-              title: "Revolutionary Urban Management",
-              quote: "This system has transformed how we manage city infrastructure. Response times have dropped dramatically and our citizens are happier with the transparency and real-time updates.",
-              name: "Rajesh Kumar",
-              role: "Municipal Commissioner",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-city-administrat-1772770822962-a27e501d.png",
-              imageAlt: "Rajesh Kumar - Municipal Commissioner",
-            },
             {
-              id: "2",
+              id: "2",              title: "Field Operations Enhanced",              quote: "The AI detection for drainage blockages saves us hours of manual inspection. We can now focus on preventive maintenance rather than reactive repairs.",              name: "Priya Sharma",              role: "Maintenance Supervisor",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-maintenance-supe-1772770823300-76bc6b01.png",              imageAlt: "Priya Sharma - Maintenance Supervisor"},
-              title: "Field Operations Enhanced",
-              quote: "The AI detection for drainage blockages saves us hours of manual inspection. We can now focus on preventive maintenance rather than reactive repairs.",
-              name: "Priya Sharma",
-              role: "Maintenance Supervisor",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-maintenance-supe-1772770823300-76bc6b01.png",
-              imageAlt: "Priya Sharma - Maintenance Supervisor",
-            },
             {
-              id: "3",
+              id: "3",              title: "Citizen Empowerment",              quote: "Finally, there's a platform where our complaints are actually heard and tracked. The mobile app is intuitive and I can follow the progress of my reported issues in real-time.",              name: "Amit Patel",              role: "Community Member",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-citizen-voluntee-1772770822780-1d7e2e85.png",              imageAlt: "Amit Patel - Community Member"},
-              title: "Citizen Empowerment",
-              quote: "Finally, there's a platform where our complaints are actually heard and tracked. The mobile app is intuitive and I can follow the progress of my reported issues in real-time.",
-              name: "Amit Patel",
-              role: "Community Member",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-citizen-voluntee-1772770822780-1d7e2e85.png",
-              imageAlt: "Amit Patel - Community Member",
-            },
             {
-              id: "4",
+              id: "4",              title: "Data-Driven Decisions",              quote: "The analytics and insights from this system enable us to make informed decisions about infrastructure investments. The predictive capabilities are invaluable for planning.",              name: "Dr. Vikram Singh",              role: "Municipal Engineer",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-municipal-engine-1772770823373-5b42f877.png",              imageAlt: "Dr. Vikram Singh - Municipal Engineer"},
-              title: "Data-Driven Decisions",
-              quote: "The analytics and insights from this system enable us to make informed decisions about infrastructure investments. The predictive capabilities are invaluable for planning.",
-              name: "Dr. Vikram Singh",
-              role: "Municipal Engineer",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AYXcqyJaUJ1gpGuTFzEI3Ejgnk/professional-photo-of-a-municipal-engine-1772770823373-5b42f877.png",
-              imageAlt: "Dr. Vikram Singh - Municipal Engineer",
-            },
           ]}
         />
       </div>
@@ -279,60 +186,29 @@ export default function HomePage() {
           useInvertedBackground={false}
           plans={[
             {
-              id: "basic",
+              id: "basic",              price: "₹50,000/month",              name: "Smart City Starter",              buttons: [
-              price: "₹50,000/month",
-              name: "Smart City Starter",
-              buttons: [
                 {
-                  text: "Get Started",
+                  text: "Get Started",                  href: "#contact"},
-                  href: "#contact",
-                },
               ],
               features: [
-                "Up to 5,000 complaints/month",
+                "Up to 5,000 complaints/month",                "Basic mobile app",                "Manual reporting only",                "Email support"],
-                "Basic mobile app",
-                "Manual reporting only",
-                "Email support",
-              ],
             },
             {
-              id: "pro",
+              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
-              badge: "Most Popular",
+              price: "₹1,25,000/month",              name: "AI-Powered Pro",              buttons: [
-              badgeIcon: Sparkles,
-              price: "₹1,25,000/month",
-              name: "AI-Powered Pro",
-              buttons: [
                 {
-                  text: "Get Started",
+                  text: "Get Started",                  href: "#contact"},
-                  href: "#contact",
-                },
               ],
               features: [
-                "Up to 25,000 complaints/month",
+                "Up to 25,000 complaints/month",                "Advanced mobile app",                "AI/ML detection enabled",                "Real-time dashboard",                "Priority support"],
-                "Advanced mobile app",
-                "AI/ML detection enabled",
-                "Real-time dashboard",
-                "Priority support",
-              ],
             },
             {
-              id: "enterprise",
+              id: "enterprise",              price: "Custom Pricing",              name: "Enterprise Solutions",              buttons: [
-              price: "Custom Pricing",
-              name: "Enterprise Solutions",
-              buttons: [
                 {
-                  text: "Contact Sales",
+                  text: "Contact Sales",                  href: "#contact"},
-                  href: "#contact",
-                },
               ],
               features: [
-                "Unlimited complaints",
+                "Unlimited complaints",                "Full hardware integration",                "Dedicated API access",                "Custom ML models",                "24/7 dedicated support",                "On-premise deployment option"],
-                "Full hardware integration",
-                "Dedicated API access",
-                "Custom ML models",
-                "24/7 dedicated support",
-                "On-premise deployment option",
-              ],
             },
           ]}
         />
@@ -351,35 +227,20 @@ export default function HomePage() {
           imageAlt="Dashboard interface"
           faqs={[
             {
-              id: "1",
+              id: "1",              title: "How does the AI detection system work?",              content:
-              title: "How does the AI detection system work?",
+                "Our AI/ML system uses computer vision and IoT sensors to detect drainage blockages and garbage accumulation in real-time. The system analyzes images from mounted cameras and sensor data to identify issues automatically, sending alerts to maintenance teams without waiting for citizen reports."},
-              content:
-                "Our AI/ML system uses computer vision and IoT sensors to detect drainage blockages and garbage accumulation in real-time. The system analyzes images from mounted cameras and sensor data to identify issues automatically, sending alerts to maintenance teams without waiting for citizen reports.",
-            },
             {
-              id: "2",
+              id: "2",              title: "Is the mobile app available for both iOS and Android?",              content:
-              title: "Is the mobile app available for both iOS and Android?",
+                "Yes, our mobile app is available on both iOS and Android platforms. It provides seamless complaint submission, real-time tracking, photo uploads with geolocation, and push notifications for status updates."},
-              content:
-                "Yes, our mobile app is available on both iOS and Android platforms. It provides seamless complaint submission, real-time tracking, photo uploads with geolocation, and push notifications for status updates.",
-            },
             {
-              id: "3",
+              id: "3",              title: "What kind of data security measures do you have?",              content:
-              title: "What kind of data security measures do you have?",
+                "We implement enterprise-grade security including end-to-end encryption, GDPR and India's Personal Data Protection compliance, regular security audits, and secure cloud infrastructure with automatic backups."},
-              content:
-                "We implement enterprise-grade security including end-to-end encryption, GDPR and India's Personal Data Protection compliance, regular security audits, and secure cloud infrastructure with automatic backups.",
-            },
             {
-              id: "4",
+              id: "4",              title: "Can the system integrate with existing municipal databases?",              content:
-              title: "Can the system integrate with existing municipal databases?",
+                "Absolutely. We provide REST APIs and custom integration services to connect with your existing municipal management systems, legacy databases, and third-party platforms."},
-              content:
-                "Absolutely. We provide REST APIs and custom integration services to connect with your existing municipal management systems, legacy databases, and third-party platforms.",
-            },
             {
-              id: "5",
+              id: "5",              title: "What is the typical deployment timeline?",              content:
-              title: "What is the typical deployment timeline?",
+                "Basic deployment takes 4-6 weeks. This includes system setup, hardware installation, staff training, and go-live support. Enterprise deployments may take longer depending on complexity and customization needs."},
-              content:
-                "Basic deployment takes 4-6 weeks. This includes system setup, hardware installation, staff training, and go-live support. Enterprise deployments may take longer depending on complexity and customization needs.",
-            },
           ]}
         />
       </div>