Update src/app/dashboard/page.tsx
This commit is contained in:
@@ -7,7 +7,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
|
||||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import { Activity, AlertCircle, AlertTriangle, BarChart2, Bell, CalendarClock, Gauge, Globe, HardDrive, LayoutDashboard, Lightbulb, Lock, Settings, Shield, ShieldCheck, Signal, Wifi, Zap } from "lucide-react";
|
||||
import { Activity, AlertCircle, AlertTriangle, ArrowUpCircle, BarChart2, Bell, BellRing, CalendarClock, Cpu, Gauge, Globe, HardDrive, LayoutDashboard, Lightbulb, Lock, Router, Settings, Shield, ShieldCheck, Signal, Wifi, WifiOff, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -28,94 +28,63 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "/features",
|
||||
},
|
||||
name: "Features", id: "/features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "/pricing",
|
||||
},
|
||||
name: "Pricing", id: "/pricing"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Blog",
|
||||
id: "/blog",
|
||||
},
|
||||
name: "Blog", id: "/blog"},
|
||||
{
|
||||
name: "Docs",
|
||||
id: "/docs",
|
||||
},
|
||||
name: "Docs", id: "/docs"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
brandName="NetMind"
|
||||
button={{
|
||||
text: "Start Free Trial",
|
||||
href: "/signup",
|
||||
}}
|
||||
text: "Start Free Trial", href: "/signup"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero-dashboard" data-section="hero-dashboard">
|
||||
<HeroBillboardDashboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Welcome to Your NetMind Dashboard!"
|
||||
description="Gain real-time insights into your network health, performance, and security. Optimize bandwidth, manage devices, and receive smart alerts all in one place."
|
||||
tag="Live Overview"
|
||||
tagIcon={Gauge}
|
||||
buttons={[
|
||||
{
|
||||
text: "Manage Devices",
|
||||
href: "/devices",
|
||||
},
|
||||
text: "Manage Devices", href: "/devices"},
|
||||
{
|
||||
text: "View Reports",
|
||||
href: "/reports",
|
||||
},
|
||||
text: "View Reports", href: "/reports"},
|
||||
]}
|
||||
dashboard={{
|
||||
title: "Network Health Overview",
|
||||
stats: [
|
||||
title: "Network Health Overview", stats: [
|
||||
{
|
||||
title: "Uptime",
|
||||
valuePrefix: "",
|
||||
values: [
|
||||
title: "Uptime", valuePrefix: "", values: [
|
||||
99,
|
||||
9,
|
||||
9,
|
||||
],
|
||||
valueSuffix: "%",
|
||||
description: "Network Availability",
|
||||
},
|
||||
valueSuffix: "%", description: "Network Availability"},
|
||||
{
|
||||
title: "Traffic",
|
||||
values: [
|
||||
title: "Traffic", values: [
|
||||
85,
|
||||
2,
|
||||
0,
|
||||
],
|
||||
valueSuffix: "GB",
|
||||
description: "Daily Data Throughput",
|
||||
},
|
||||
valueSuffix: "GB", description: "Daily Data Throughput"},
|
||||
{
|
||||
title: "Threats Blocked",
|
||||
values: [
|
||||
title: "Threats Blocked", values: [
|
||||
12,
|
||||
5,
|
||||
0,
|
||||
],
|
||||
description: "Past 24 Hours",
|
||||
},
|
||||
description: "Past 24 Hours"},
|
||||
],
|
||||
logoIcon: Signal,
|
||||
sidebarItems: [
|
||||
@@ -136,17 +105,13 @@ export default function LandingPage() {
|
||||
icon: Settings,
|
||||
},
|
||||
],
|
||||
searchPlaceholder: "Search network devices...",
|
||||
buttons: [
|
||||
searchPlaceholder: "Search network devices...", buttons: [
|
||||
{
|
||||
text: "New Alert",
|
||||
},
|
||||
text: "New Alert"},
|
||||
{
|
||||
text: "Settings",
|
||||
},
|
||||
text: "Settings"},
|
||||
],
|
||||
chartTitle: "Bandwidth Usage Trends",
|
||||
chartData: [
|
||||
chartTitle: "Bandwidth Usage Trends", chartData: [
|
||||
{
|
||||
value: 20,
|
||||
},
|
||||
@@ -172,24 +137,15 @@ export default function LandingPage() {
|
||||
listItems: [
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
title: "High Latency Detected",
|
||||
status: "Critical",
|
||||
},
|
||||
title: "High Latency Detected", status: "Critical"},
|
||||
{
|
||||
icon: WifiOff,
|
||||
title: "Guest Network Offline",
|
||||
status: "Resolved",
|
||||
},
|
||||
title: "Guest Network Offline", status: "Resolved"},
|
||||
{
|
||||
icon: Lock,
|
||||
title: "Unauthorized Access Attempt",
|
||||
status: "Blocked",
|
||||
},
|
||||
title: "Unauthorized Access Attempt", status: "Blocked"},
|
||||
],
|
||||
listTitle: "Recent Network Alerts",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg",
|
||||
imageAlt: "NetMind dashboard showing network statistics",
|
||||
}}
|
||||
listTitle: "Recent Network Alerts", imageSrc: "http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg", imageAlt: "NetMind dashboard showing network statistics"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -200,23 +156,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Cpu,
|
||||
title: "CPU Usage",
|
||||
value: "15%",
|
||||
},
|
||||
id: "1", icon: Cpu,
|
||||
title: "CPU Usage", value: "15%"},
|
||||
{
|
||||
id: "2",
|
||||
icon: HardDrive,
|
||||
title: "Storage Used",
|
||||
value: "2.1TB",
|
||||
},
|
||||
id: "2", icon: HardDrive,
|
||||
title: "Storage Used", value: "2.1TB"},
|
||||
{
|
||||
id: "3",
|
||||
icon: Activity,
|
||||
title: "Active Devices",
|
||||
value: "38",
|
||||
},
|
||||
id: "3", icon: Activity,
|
||||
title: "Active Devices", value: "38"},
|
||||
]}
|
||||
title="Enhanced Visibility & Control"
|
||||
description="Beyond the basics, NetMind provides deeper insights to help you fine-tune your network performance and security."
|
||||
@@ -229,73 +176,53 @@ export default function LandingPage() {
|
||||
<FeatureCardTen
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
features={[
|
||||
{
|
||||
title: "AI-Powered Bandwidth Optimization",
|
||||
description: "Automatically prioritizes critical traffic and intelligently allocates bandwidth based on real-time demand.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg",
|
||||
imageAlt: "Server room computer controlling devices for data transfers",
|
||||
},
|
||||
title: "AI-Powered Bandwidth Optimization", description: "Automatically prioritizes critical traffic and intelligently allocates bandwidth based on real-time demand.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/server-room-computer-controlling-devices-used-high-speed-data-transfers_482257-124282.jpg", imageAlt: "Server room computer controlling devices for data transfers"},
|
||||
items: [
|
||||
{
|
||||
icon: ArrowUpCircle,
|
||||
text: "Prioritize vital applications",
|
||||
},
|
||||
text: "Prioritize vital applications"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Dynamic bandwidth allocation",
|
||||
},
|
||||
text: "Dynamic bandwidth allocation"},
|
||||
{
|
||||
icon: Router,
|
||||
text: "Reduced network congestion",
|
||||
},
|
||||
text: "Reduced network congestion"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
{
|
||||
title: "Real-time Threat Detection",
|
||||
description: "Our AI continuously monitors for anomalies and potential security threats, acting instantly to protect your data.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-implements-ai-virtualization-frameworks_482257-126140.jpg",
|
||||
imageAlt: "Data center engineer implements AI virtualization frameworks",
|
||||
},
|
||||
title: "Real-time Threat Detection", description: "Our AI continuously monitors for anomalies and potential security threats, acting instantly to protect your data.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-implements-ai-virtualization-frameworks_482257-126140.jpg", imageAlt: "Data center engineer implements AI virtualization frameworks"},
|
||||
items: [
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
text: "Proactive security scans",
|
||||
},
|
||||
text: "Proactive security scans"},
|
||||
{
|
||||
icon: AlertCircle,
|
||||
text: "Instant threat neutralization",
|
||||
},
|
||||
text: "Instant threat neutralization"},
|
||||
{
|
||||
icon: Globe,
|
||||
text: "Global threat intelligence",
|
||||
},
|
||||
text: "Global threat intelligence"},
|
||||
],
|
||||
reverse: true,
|
||||
},
|
||||
{
|
||||
title: "Predictive Maintenance & Alerts",
|
||||
description: "NetMind identifies potential issues before they cause downtime, sending smart alerts and recommendations.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-using-tablet-interpret-ai-generated-data-analytics-graphs_482257-126666.jpg",
|
||||
imageAlt: "Data center engineer using tablet to interpret AI generated data analytics graphs",
|
||||
},
|
||||
title: "Predictive Maintenance & Alerts", description: "NetMind identifies potential issues before they cause downtime, sending smart alerts and recommendations.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-using-tablet-interpret-ai-generated-data-analytics-graphs_482257-126666.jpg", imageAlt: "Data center engineer using tablet to interpret AI generated data analytics graphs"},
|
||||
items: [
|
||||
{
|
||||
icon: BellRing,
|
||||
text: "Customizable alert thresholds",
|
||||
},
|
||||
text: "Customizable alert thresholds"},
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Actionable insights for fixes",
|
||||
},
|
||||
text: "Actionable insights for fixes"},
|
||||
{
|
||||
icon: CalendarClock,
|
||||
text: "Scheduled maintenance reminders",
|
||||
},
|
||||
text: "Scheduled maintenance reminders"},
|
||||
],
|
||||
reverse: false,
|
||||
},
|
||||
@@ -311,54 +238,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "/features",
|
||||
},
|
||||
label: "Features", href: "/features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "/pricing",
|
||||
},
|
||||
label: "Pricing", href: "/pricing"},
|
||||
{
|
||||
label: "Demo",
|
||||
href: "/demo",
|
||||
},
|
||||
label: "Demo", href: "/demo"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About Us", href: "/about"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "/careers",
|
||||
},
|
||||
label: "Careers", href: "/careers"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "/blog",
|
||||
},
|
||||
label: "Blog", href: "/blog"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Support",
|
||||
href: "/support",
|
||||
},
|
||||
label: "Support", href: "/support"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "/faqs",
|
||||
},
|
||||
label: "FAQs", href: "/faqs"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "/contact",
|
||||
},
|
||||
label: "Contact", href: "/contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user