Update src/app/dashboard/page.tsx

This commit is contained in:
2026-03-26 12:52:44 +00:00
parent 7d229c3eba
commit a847565adc

View File

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import { Bell, Github, Linkedin, Map, Twitter } from "lucide-react";
import { Atom, Bell, CloudRain, Dot, Github, Linkedin, Map, Radar, Twitter } from "lucide-react";
export default function LandingPage() {
return (
@@ -26,45 +26,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "home",
href: "/",
},
name: "Home", id: "/"},
{
name: "Dashboard",
id: "dashboard",
href: "/dashboard",
},
name: "Dashboard", id: "/dashboard"},
{
name: "Simulation",
id: "simulation",
href: "/simulation",
},
name: "Simulation", id: "/simulation"},
{
name: "Alerts",
id: "alerts",
href: "/alerts",
},
name: "Alerts", id: "/alerts"},
{
name: "Interventions",
id: "interventions",
href: "/interventions",
},
name: "Interventions", id: "/interventions"},
{
name: "Scenarios",
id: "scenarios",
href: "/scenarios",
},
name: "Scenarios", id: "/scenarios"},
{
name: "Citizen App",
id: "citizen-app",
href: "/citizen",
},
name: "Citizen App", id: "/citizen"},
]}
button={{
text: "ENTER COMMAND CENTER",
href: "/dashboard",
}}
text: "ENTER COMMAND CENTER", href: "/dashboard"}}
brandName="TERRA"
/>
</div>
@@ -72,62 +49,41 @@ export default function LandingPage() {
<div id="dashboard-overview" data-section="dashboard-overview">
<HeroBillboardDashboard
background={{
variant: "plain",
}}
variant: "plain"}}
title="TERRA Command Center: Real-time Flood Intelligence"
description="Gain an unparalleled view of urban flood risks, predictions, and ongoing interventions. Your city's safety, managed from a single pane."
tag="LIVE MONITORING"
tagIcon={Radar}
buttons={[
{
text: "View Live Alerts",
href: "/alerts",
},
text: "View Live Alerts", href: "/alerts"},
{
text: "Run New Simulation",
href: "/simulation",
},
text: "Run New Simulation", href: "/simulation"},
]}
dashboard={{
title: "Bengaluru Flood Watch",
stats: [
title: "Bengaluru Flood Watch", stats: [
{
value: "3.5x",
label: "Flood Impact Reduction",
},
values: "3.5x", label: "Flood Impact Reduction"},
{
value: "98%",
label: "24-hr Prediction Accuracy",
},
values: "98%", label: "24-hr Prediction Accuracy"},
{
value: "4,500+",
label: "Active Sensors",
},
values: "4,500+", label: "Active Sensors"},
],
logoIcon: "CloudRain",
logoIcon: CloudRain,
sidebarItems: [
{
id: "1",
label: "Live Map",
icon: Map,
label: "Live Map", icon: Map,
},
{
id: "2",
label: "Alerts & Incidents",
icon: Bell,
label: "Alerts & Incidents", icon: Bell,
},
{
id: "3",
label: "Sensor Network",
icon: Dot,
label: "Sensor Network", icon: Dot,
},
{
id: "4",
label: "Predictive Models",
icon: Atom,
label: "Predictive Models", icon: Atom,
},
{
id: "5",
},
],
}}
@@ -141,19 +97,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "https://twitter.com/terra_ai",
ariaLabel: "Twitter",
},
href: "https://twitter.com/terra_ai", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/terra-ai",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/terra-ai", ariaLabel: "LinkedIn"},
{
icon: Github,
href: "https://github.com/terra-ai",
ariaLabel: "GitHub",
},
href: "https://github.com/terra-ai", ariaLabel: "GitHub"},
]}
/>
</div>