Update src/app/dashboard/page.tsx
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user