bender/c02cb72f-47d2-4cc2-ab1d-5c0923b0b0cc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 2 commits from version_1 into main 2026-03-26 12:52:51 +00:00
Conversation 0 Commits 2 Files Changed 2 +59 -176
2 changed files with 59 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files

98
src/app/dashboard/page.tsx
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>

137
src/app/page.tsx
View File

@@ -10,7 +10,7 @@ import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import { Cog, Droplets, Gauge, Github, Lightbulb, Linkedin, MapPin, ShieldCheck, Twitter } from "lucide-react";
import { Bell, Bot, CloudRain, FlaskConical, Gauge, Github, Linkedin, MapPin, ShieldCheck, Twitter } from "lucide-react";
export default function LandingPage() {
return (
@@ -31,45 +31,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>
@@ -77,15 +54,12 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="TERRA"
description="AI Digital Twin City System\nSee the flood before the first drop falls."
buttons={[
{
text: "ENTER COMMAND CENTER",
href: "/dashboard",
},
text: "ENTER COMMAND CENTER", href: "/dashboard"},
]}
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."
@@ -98,42 +72,22 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
animationType="blur-reveal"
metrics={[
{
id: "deaths",
value: "500",
description: "deaths. Chennai 2015.",
},
id: "deaths", value: "500", description: "deaths. Chennai 2015."},
{
id: "damage",
value: "₹20,000 crore",
description: "damage. One flood.",
},
id: "damage", value: "₹20,000 crore", description: "damage. One flood."},
{
id: "warning-time",
value: "45 minutes",
description: "warning. Zero deaths possible.",
},
id: "warning-time", value: "45 minutes", description: "warning. Zero deaths possible."},
{
id: "cities-monitored",
value: "6",
description: "Cities monitored",
},
id: "cities-monitored", value: "6", description: "Cities monitored"},
{
id: "active-simulations",
value: "2",
description: "Active simulations",
},
id: "active-simulations", value: "2", description: "Active simulations"},
{
id: "citizens-protected",
value: "2.8 million",
description: "Citizens protected",
},
id: "citizens-protected", value: "2.8 million", description: "Citizens protected"},
{
id: "alerts-sent",
value: "1,247",
description: "Alerts sent today",
},
id: "alerts-sent", value: "1,247", description: "Alerts sent today"},
]}
title="Unveiling the True Cost of Floods"
description="Witness the devastating impact and the preventative power of TERRA."
@@ -147,30 +101,20 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
icon: Droplets,
title: "Predictive AI",
description: "Harness advanced AI to foresee flood events up to 45 minutes before they occur, leveraging real-time weather and city data.",
},
icon: CloudRain,
title: "Predictive AI", description: "Harness advanced AI to foresee flood events up to 45 minutes before they occur, leveraging real-time weather and city data."},
{
icon: Gauge,
title: "Digital Twin Simulation",
description: "Run high-fidelity flood simulations on a dynamic 3D digital twin of your city to visualize impact zones and water flow.",
},
title: "Digital Twin Simulation", description: "Run high-fidelity flood simulations on a dynamic 3D digital twin of your city to visualize impact zones and water flow."},
{
icon: Cog,
title: "AI-Driven Interventions",
description: "Receive actionable, prioritized suggestions from AI, detailing specific measures to mitigate flood risks and reduce damage.",
},
icon: Bot,
title: "AI-Driven Interventions", description: "Receive actionable, prioritized suggestions from AI, detailing specific measures to mitigate flood risks and reduce damage."},
{
icon: MapPin,
title: "Real-time Monitoring",
description: "Access a comprehensive command center with live map overlays, risk assessments, and dynamic updates for informed decision-making.",
},
title: "Real-time Monitoring", description: "Access a comprehensive command center with live map overlays, risk assessments, and dynamic updates for informed decision-making."},
{
icon: Lightbulb,
title: "Scenario Testing",
description: "Experiment with 'what-if' scenarios to evaluate new infrastructure, rainfall extremes, and climate projections on future flood resilience.",
},
icon: FlaskConical,
title: "Scenario Testing", description: "Experiment with 'what-if' scenarios to evaluate new infrastructure, rainfall extremes, and climate projections on future flood resilience."},
]}
title="How TERRA Works"
description="Our system provides real-time, predictive flood intelligence through a 5-step process, empowering proactive urban resilience."
@@ -195,15 +139,11 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-vercel-logo-clean-and-minimalist-ren-1774529438125-5096ef33.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-railway-app-logo-clean-and-minimalis-1774529438457-8bafbf89.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-mapbox-gl-js-logo-clean-and-minimali-1774529439851-86edb3c0.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-firebase-firestore-logo-clean-and-mi-1774529438669-1ad1ce48.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/a-conceptual-logo-for-open-meteo-api-des-1774529438442-7f39f0e6.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-openstreetmap-overpass-api-logo-clea-1774529437893-e7ce5d5c.png",
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-groq-api-logo-clean-and-minimalist-r-1774529437771-8d8add7a.png",
names={[
"Vercel", "Railway", "Mapbox", "Firebase", "Open-Meteo", "OpenStreetMap", "Groq"
]}
logos={[
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-vercel-logo-clean-and-minimalist-ren-1774529438125-5096ef33.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-railway-app-logo-clean-and-minimalis-1774529438457-8bafbf89.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-mapbox-gl-js-logo-clean-and-minimali-1774529439851-86edb3c0.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-firebase-firestore-logo-clean-and-mi-1774529438669-1ad1ce48.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/a-conceptual-logo-for-open-meteo-api-des-1774529438442-7f39f0e6.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-openstreetmap-overpass-api-logo-clea-1774529437893-e7ce5d5c.png", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BU2DhTGJSffUVB0JEfS7MED1xB/the-groq-api-logo-clean-and-minimalist-r-1774529437771-8d8add7a.png"]}
title="Powered by Leading Technologies"
description="Leveraging advanced platforms and APIs for unparalleled accuracy and real-time performance in every aspect of flood prediction and management."
/>
@@ -213,8 +153,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="Join the Future of Flood Prevention"
title="Partner with TERRA"
description="Get in touch to learn more about implementing AI Digital Twin technology in your city and secure a safer future."
@@ -231,19 +170,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>