Add src/app/data-portal/page.tsx
This commit is contained in:
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user