src/app/dashboard/page.tsx

@@ -3,9 +3,9 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FooterCard from '@/components/sections/footer/FooterCard';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import { Atom, Bell, CloudRain, Dot, Github, Linkedin, Map, Radar, Twitter, Circle } from "lucide-react";
+import { Github, Linkedin, Radar, Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -46,48 +46,20 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="dashboard-overview" data-section="dashboard-overview">
-      <HeroBillboardDashboard
-      background={{
-        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}
+  <div id="hero" data-section="hero">
+      <HeroBillboard
+      title="TERRA"
+      description="AI Digital Twin City System\nSee the flood before the first drop falls."
+      background={{ variant: "radial-gradient" }}
       buttons={[
         {
-          text: "View Live Alerts",          href: "/alerts"},
-        {
-          text: "Run New Simulation",          href: "/simulation"},
+          text: "ENTER COMMAND CENTER",          href: "/dashboard"}
       ]}
-      dashboard={{
-        title: "Bengaluru Flood Watch",        stats: [
-          {
-            title: "Impact Reduction", values: [3.5, 0, 0],            description: "Flood Impact Reduction"},
-          {
-            title: "Prediction Accuracy", values: [98, 0, 0],            description: "24-hr Prediction Accuracy"},
-          {
-            title: "Active Sensors", values: [4500, 0, 0],            description: "Active Sensors"},
-        ],
-        logoIcon: CloudRain,
-        sidebarItems: [
-          {
-            icon: Map,
-          },
-          {
-            icon: Bell,
-          },
-          {
-            icon: Dot,
-          },
-          {
-            icon: Atom,
-          },
-          {
-            icon: Circle,
-          },
-        ],
-      }}
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/a-futuristic-animated-earth-globe-showin-1774529438204-eb8ed4bc.png"
+      imageAlt="Animated Earth globe showing India with glowing city points and crisis zones pulsing red."
+      mediaAnimation="slide-up"
+      tag="LIVE MONITORING"
+      tagIcon={Radar}
     />
   </div>