|
|
|
|
@@ -59,17 +59,13 @@ 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}
|
|
|
|
|
ratingText="Proven in 3 South African municipalities"
|
|
|
|
|
ratingText="Deployed in 3 municipalities over 39 months with 94% accuracy"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -101,28 +97,16 @@ 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>
|
|
|
|
|
@@ -140,33 +124,13 @@ 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>
|
|
|
|
|
@@ -185,32 +149,14 @@ export default function HomePage() {
|
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
|
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",
|
|
|
|
|
},
|
|
|
|
|
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"},
|
|
|
|
|
{
|
|
|
|
|
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",
|
|
|
|
|
},
|
|
|
|
|
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"},
|
|
|
|
|
{
|
|
|
|
|
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",
|
|
|
|
|
},
|
|
|
|
|
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"},
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -226,14 +172,7 @@ 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}
|
|
|
|
|
/>
|
|
|
|
|
@@ -263,4 +202,4 @@ export default function HomePage() {
|
|
|
|
|
</div>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|