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>
+  );
+}