From 0eb6ecda5ac385dff4306dd2c77cc5b60ed9e7bf Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 14:14:55 +0000
Subject: [PATCH 1/3] Add src/app/data-portal/page.tsx

---
 src/app/data-portal/page.tsx | 146 +++++++++++++++++++++++++++++++++++
 1 file changed, 146 insertions(+)
 create mode 100644 src/app/data-portal/page.tsx

diff --git a/src/app/data-portal/page.tsx b/src/app/data-portal/page.tsx
new file mode 100644
index 0000000..77ab706
--- /dev/null
+++ b/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>
+  );
+}
-- 
2.49.1


From b8f2ef6d704244ff6c0e483c46ef0cc8a561b0b1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 14:14:56 +0000
Subject: [PATCH 2/3] Update src/app/layout.tsx

---
 src/app/layout.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ce941ed..4dd3a48 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -11,7 +11,8 @@ const dmSans = DM_Sans({
 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"),
   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: [
       {
-- 
2.49.1


From 737d34f25fcf2c91702994a47bf91bead8a3a5fb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 4 Mar 2026 14:14:56 +0000
Subject: [PATCH 3/3] Update src/app/page.tsx

---
 src/app/page.tsx | 77 ++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 61 insertions(+), 16 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 49abc05..568799b 100644
--- a/src/app/page.tsx
+++ b/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,9 +59,11 @@ 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}
@@ -97,16 +99,20 @@ 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"
+            },
           ]}
         />
       </div>
@@ -124,13 +130,17 @@ 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"
+            },
           ]}
         />
       </div>
@@ -150,13 +160,47 @@ export default function HomePage() {
           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"},
+              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"},
+              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"},
+              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"
+            },
           ]}
         />
       </div>
@@ -172,7 +216,8 @@ 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}
         />
-- 
2.49.1