Merge version_3 into main

Merge version_3 into main

src/app/data-portal/page.tsx

@@ -0,0 +1,146 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
+import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import { Upload, Database, Shield, Download } from "lucide-react";
+
+export default function DataPortalPage() {
+  const handleFormSubmit = (data: Record<string, string>) => {
+    console.log("Form submitted:", data);
+    // Handle form submission - typically send to backend
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="fluid"
+      cardStyle="gradient-mesh"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="solid"
+      headingFontWeight="bold"
+    >
+      {/* Navbar */}
+      <div id="nav" data-section="nav">
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Technology", id: "/technology" },
+            { name: "Impact", id: "/metrics" },
+            { name: "Funding", id: "/funding" },
+            { name: "Data Portal", id: "/data-portal" },
+          ]}
+          button={{ text: "View Dashboard", href: "/contact" }}
+          brandName="Namakwa Foresight Nexus"
+        />
+      </div>
+
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroSplitDualMedia
+          title="Data Upload & Management Portal"
+          description="Seamlessly upload your sensor data, infrastructure metrics, and maintenance logs. Our AI-powered platform processes and analyzes your data in real-time to generate actionable insights for predictive maintenance."
+          tag="🔒 Secure Data Platform"
+          tagIcon={Shield}
+          tagAnimation="slide-up"
+          background={{ variant: "plain" }}
+          buttons={[
+            { text: "Start Uploading", href: "#upload-form" },
+            { text: "View Documentation", href: "#documentation" },
+          ]}
+          buttonAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=1",              imageAlt: "Data Upload Interface"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=1",              imageAlt: "Data Analytics Dashboard"
+            },
+          ]}
+          mediaAnimation="slide-up"
+          rating={5}
+          ratingText="Enterprise-grade data management for water infrastructure"
+        />
+      </div>
+
+      {/* Data Management Features */}
+      <div id="features" data-section="features">
+        <FeatureCardSix
+          title="Comprehensive Data Management Tools"
+          description="Everything you need to manage, analyze, and leverage your infrastructure data for intelligent decision-making."
+          tag="Full-Featured Platform"
+          tagIcon={Database}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            {
+              id: 1,
+              title: "Multi-Format Data Import",              description: "Support for CSV, Excel, JSON, and API integrations. Automated data validation and normalization for immediate processing and analysis.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=1"
+            },
+            {
+              id: 2,
+              title: "Real-Time Analytics",              description: "Instant processing of uploaded data with live dashboards, trend analysis, anomaly detection, and predictive alerts.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=2"
+            },
+            {
+              id: 3,
+              title: "Version Control & Audit Trail",              description: "Track all data uploads with timestamps, maintain version history, and generate compliance reports for municipal audits.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/technical-illustration-showing-offline-f-1772619725511-2eeb415e.png?_wi=1"
+            },
+            {
+              id: 4,
+              title: "Export & Integration",              description: "Download analyzed data, generate PDF reports, or integrate with your systems via REST API and webhooks for continuous sync.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=3"
+            },
+          ]}
+        />
+      </div>
+
+      {/* Upload Form Section */}
+      <div id="upload-form" data-section="upload-form">
+        <ContactSplitForm
+          title="Upload Your Data"
+          description="Submit your infrastructure data securely. Our system will validate, process, and analyze it to provide actionable insights for your water network."
+          inputs={[
+            {
+              name: "municipality",              type: "text",              placeholder: "Municipality Name",              required: true,
+            },
+            {
+              name: "email",              type: "email",              placeholder: "Contact Email",              required: true,
+            },
+            {
+              name: "dataType",              type: "text",              placeholder: "Data Type (e.g., Sensor Readings, Maintenance Logs)",              required: true,
+            },
+            {
+              name: "dateRange",              type: "text",              placeholder: "Date Range (e.g., Jan 2024 - Dec 2024)",              required: false,
+            },
+          ]}
+          textarea={{
+            name: "notes",            placeholder: "Additional notes about your data (optional)",            rows: 4,
+            required: false,
+          }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=1"
+          mediaAnimation="slide-up"
+          buttonText="Upload Data"
+          onSubmit={handleFormSubmit}
+        />
+      </div>
+
+      {/* Footer */}
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Namakwa Foresight Nexus"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -5,36 +5,22 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 
 const dmSans = DM_Sans({
-  variable: "--font-dm-sans",
-  subsets: ["latin"],
+  variable: "--font-dm-sans",  subsets: ["latin"],
 });
 
 export const metadata: Metadata = {
-  title: "Namakwa Foresight Nexus - AI Water Infrastructure Prediction Platform",
-  description: "AI-powered LoRaWAN sensors predict pipe bursts 21 days early, saving R15M annually. Award-ready for MIRA 2026. Proven in South Africa.",
-  keywords: "water infrastructure, pipe burst prediction, LoRaWAN, IoT sensors, predictive maintenance, rural water, South Africa, cleantech, municipal water utilities",
-  metadataBase: new URL("https://namakwaforesightnexus.com"),
+  title: "Namakwa Foresight Nexus - AI Water Infrastructure Prediction Platform",  description: "AI-powered LoRaWAN sensors predict pipe bursts 21 days early, saving R15M annually. Award-ready for MIRA 2026. Proven in South Africa.",  keywords: "water infrastructure, pipe burst prediction, LoRaWAN, IoT sensors, predictive maintenance, rural water, South Africa, cleantech, municipal water utilities",  metadataBase: new URL("https://namakwaforesightnexus.com"),
   alternates: {
-    canonical: "https://namakwaforesightnexus.com",
+    canonical: "https://namakwaforesightnexus.com"
   },
   openGraph: {
-    title: "Namakwa Foresight Nexus - Predict Water Infrastructure Failures",
-    description: "21-day early detection of pipe bursts with AI. R15M proven annual savings. Award-ready technology for South African municipalities.",
-    url: "https://namakwaforesightnexus.com",
-    siteName: "Namakwa Foresight Nexus",
-    type: "website",
-    images: [
+    title: "Namakwa Foresight Nexus - Predict Water Infrastructure Failures",    description: "21-day early detection of pipe bursts with AI. R15M proven annual savings. Award-ready technology for South African municipalities.",    url: "https://namakwaforesightnexus.com",    siteName: "Namakwa Foresight Nexus",    type: "website",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png",
-        alt: "A modern, clean software dashboard interface showing water infrastructure monitoring data with multi",
-      },
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png",        alt: "A modern, clean software dashboard interface showing water infrastructure monitoring data with multi"},
     ],
   },
   twitter: {
-    card: "summary_large_image",
-    title: "Namakwa Foresight Nexus - AI Water Infrastructure Platform",
-    description: "Predict pipe bursts 21 days early. Save R15M annually. MIRA 2026 finalist.",
-    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png"],
+    card: "summary_large_image",    title: "Namakwa Foresight Nexus - AI Water Infrastructure Platform",    description: "Predict pipe bursts 21 days early. Save R15M annually. MIRA 2026 finalist.",    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png"],
   },
   robots: {
     index: true,
@@ -1424,4 +1410,4 @@ export default function RootLayout({
       </ServiceWrapper>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -8,10 +8,9 @@ import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
-import { Zap, Sparkles, TrendingUp, MapPin, Award, Users, HelpCircle } from "lucide-react";
+import { Zap, Sparkles, TrendingUp, MapPin, Award, Upload, Database } from "lucide-react";
 import Link from "next/link";
 
 export default function HomePage() {
@@ -37,6 +36,7 @@ export default function HomePage() {
             { name: "Technology", id: "/technology" },
             { name: "Impact", id: "/metrics" },
             { name: "Funding", id: "/funding" },
+            { name: "Data Portal", id: "/data-portal" },
           ]}
           button={{ text: "View Dashboard", href: "/contact" }}
           brandName="Namakwa Foresight Nexus"
@@ -59,17 +59,15 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=1",
-              imageAlt: "AI Dashboard Interface",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=1",              imageAlt: "AI Dashboard Interface"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/an-illustrated-visualization-of-a-lorawa-1772619725082-1a55fe58.png?_wi=1",
-              imageAlt: "LoRaWAN Mesh Network",
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/an-illustrated-visualization-of-a-lorawa-1772619725082-1a55fe58.png?_wi=1",              imageAlt: "LoRaWAN Mesh Network"
             },
           ]}
           mediaAnimation="slide-up"
           rating={5}
-          ratingText="Proven in 3 South African municipalities"
+          ratingText="Deployed in 3 municipalities over 39 months with 94% accuracy"
         />
       </div>
 
@@ -101,27 +99,19 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "Sensor Deployment",
-              description: "Deploy LoRaWAN mesh sensors across water infrastructure networks for real-time pressure, flow, and vibration monitoring in offline-first zones.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=1",
+              title: "Sensor Deployment",              description: "Deploy LoRaWAN mesh sensors across water infrastructure networks for real-time pressure, flow, and vibration monitoring in offline-first zones.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=1"
             },
             {
               id: 2,
-              title: "AI Prediction Engine",
-              description: "Advanced machine learning algorithms detect anomalies and predict pipe bursts 21 days before failure with 94% accuracy.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=2",
+              title: "AI Prediction Engine",              description: "Advanced machine learning algorithms detect anomalies and predict pipe bursts 21 days before failure with 94% accuracy.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=2"
             },
             {
               id: 3,
-              title: "Scheduled Prevention",
-              description: "Automated maintenance scheduling with optimal routing for field teams prevents emergencies and reduces downtime.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/technical-illustration-showing-offline-f-1772619725511-2eeb415e.png?_wi=1",
+              title: "Scheduled Prevention",              description: "Automated maintenance scheduling with optimal routing for field teams prevents emergencies and reduces downtime.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/technical-illustration-showing-offline-f-1772619725511-2eeb415e.png?_wi=1"
             },
             {
               id: 4,
-              title: "ROI Dashboard",
-              description: "Real-time financial impact tracking shows cost savings, reduced emergency repairs, and extended infrastructure life.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=1",
+              title: "ROI Dashboard",              description: "Real-time financial impact tracking shows cost savings, reduced emergency repairs, and extended infrastructure life.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=1"
             },
           ]}
         />
@@ -140,32 +130,16 @@ export default function HomePage() {
           useInvertedBackground={false}
           metrics={[
             {
-              id: "1",
-              value: "R15M",
-              title: "Annual Savings",
-              description: "Proven cost reduction across 3 municipalities",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=2",
+              id: "1",              value: "R15M",              title: "Annual Savings",              description: "Proven cost reduction across 3 municipalities",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=2"
             },
             {
-              id: "2",
-              value: "21 Days",
-              title: "Early Detection",
-              description: "Advance warning before pipe burst failure",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=3",
+              id: "2",              value: "21 Days",              title: "Early Detection",              description: "Advance warning before pipe burst failure",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=3"
             },
             {
-              id: "3",
-              value: "94%",
-              title: "Prediction Accuracy",
-              description: "AI algorithm performance in field trials",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=2",
+              id: "3",              value: "94%",              title: "Prediction Accuracy",              description: "AI algorithm performance in field trials",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=2"
             },
             {
-              id: "4",
-              value: "40%",
-              title: "NRW Reduction",
-              description: "Non-revenue water loss minimization",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=3",
+              id: "4",              value: "40%",              title: "NRW Reduction",              description: "Non-revenue water loss minimization",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=3"
             },
           ]}
         />
@@ -185,31 +159,47 @@ export default function HomePage() {
           gridVariant="three-columns-all-equal-width"
           products={[
             {
-              id: "1",
-              brand: "Namakwa Municipality",
-              name: "Springbok Water System",
-              price: "R2.3M Savings/Year",
-              rating: 5,
-              reviewCount: "18 months",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/photograph-or-illustration-of-springbok--1772619725119-42805b01.png?_wi=1",
+              id: "1",              brand: "Namakwa Municipality",              name: "Springbok Water System",              price: "R2.3M Savings/Year",              rating: 5,
+              reviewCount: "18 months",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/photograph-or-illustration-of-springbok--1772619725119-42805b01.png?_wi=1"
             },
             {
-              id: "2",
-              brand: "Namakwa Municipality",
-              name: "Kuboes Infrastructure",
-              price: "R4.1M Savings/Year",
-              rating: 5,
-              reviewCount: "12 months",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/illustration-or-photograph-of-kuboes-wat-1772619725762-d8d29244.png",
+              id: "2",              brand: "Namakwa Municipality",              name: "Kuboes Infrastructure",              price: "R4.1M Savings/Year",              rating: 5,
+              reviewCount: "12 months",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/illustration-or-photograph-of-kuboes-wat-1772619725762-d8d29244.png"
             },
             {
-              id: "3",
-              brand: "Northern Cape",
-              name: "Nourivier Network",
-              price: "R8.6M Savings/Year",
-              rating: 5,
-              reviewCount: "9 months",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/illustration-or-photograph-of-nourivier--1772619724632-36261807.png",
+              id: "3",              brand: "Northern Cape",              name: "Nourivier Network",              price: "R8.6M Savings/Year",              rating: 5,
+              reviewCount: "9 months",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/illustration-or-photograph-of-nourivier--1772619724632-36261807.png"
+            },
+          ]}
+        />
+      </div>
+
+      {/* Data Upload Section */}
+      <div id="data-upload" data-section="data-upload">
+        <FeatureCardSix
+          title="Interactive Data Management"
+          description="Upload, manage, and analyze your infrastructure data in real-time with our secure platform."
+          tag="Data Portal"
+          tagIcon={Database}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          features={[
+            {
+              id: 1,
+              title: "CSV Data Upload",              description: "Upload sensor readings, maintenance logs, and historical data in CSV format. Our system automatically validates and normalizes your data for analysis.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-modern-clean-software-dashboard-interf-1772619725366-13e5f244.png?_wi=1"
+            },
+            {
+              id: 2,
+              title: "Real-Time Visualization",              description: "View uploaded data in interactive dashboards with trend analysis, anomaly detection, and predictive alerts updated continuously.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-comprehensive-data-visualization-showi-1772619725007-a2282cbb.png?_wi=1"
+            },
+            {
+              id: 3,
+              title: "Data Management",              description: "Organize, filter, and export your datasets. Version control your data uploads to track changes and maintain audit trails for compliance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/technical-illustration-showing-offline-f-1772619725511-2eeb415e.png?_wi=1"
+            },
+            {
+              id: 4,
+              title: "Secure Storage & API",              description: "Enterprise-grade security with encrypted storage. Access your data via REST API for integration with existing municipal systems.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS736l45twMr3TxU74KlKk3PF0/a-technical-visualization-showing-pipe-b-1772619725482-06aad770.png?_wi=1"
             },
           ]}
         />
@@ -226,13 +216,7 @@ export default function HomePage() {
           textboxLayout="default"
           useInvertedBackground={false}
           names={[
-            "Namakwa Municipality",
-            "Northern Cape Water",
-            "Africa Water Fund",
-            "Tech for Good Alliance",
-            "MIRA Innovation 2026",
-            "Rural Water Trust",
-            "CleanTech South Africa",
+            "Namakwa Municipality",            "Northern Cape Water",            "Africa Water Fund",            "Tech for Good Alliance",            "MIRA Innovation 2026",            "Rural Water Trust",            "CleanTech South Africa"
           ]}
           speed={40}
           showCard={true}
@@ -263,4 +247,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
+}