Update src/app/page.tsx
This commit is contained in:
@@ -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