Merge version_3 into main #3
146
src/app/data-portal/page.tsx
Normal file
146
src/app/data-portal/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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: [
|
||||
{
|
||||
|
||||
@@ -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}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user