Merge version_1 into main #1

Merged
bender merged 2 commits from version_1 into main 2026-06-04 17:16:44 +00:00
2 changed files with 94 additions and 255 deletions

View File

@@ -7,6 +7,7 @@ import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { UserCog, MessageCircleQuestion } from "lucide-react";
export default function LandingPage() {
return (
@@ -27,39 +28,23 @@ 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>
@@ -74,21 +59,13 @@ export default function LandingPage() {
tagIcon={UserCog}
bulletPoints={[
{
title: "Profile Information",
description: "Update your name, email, and contact details.",
},
title: "Profile Information", description: "Update your name, email, and contact details."},
{
title: "Security & Privacy",
description: "Change password, enable 2FA, and review privacy settings.",
},
title: "Security & Privacy", description: "Change password, enable 2FA, and review privacy settings."},
{
title: "Notification Preferences",
description: "Control how and when you receive alerts and updates.",
},
title: "Notification Preferences", description: "Control how and when you receive alerts and updates."},
{
title: "Connected Integrations",
description: "Manage third-party applications connected to your account.",
},
title: "Connected Integrations", description: "Manage third-party applications connected to your account."},
]}
imageSrc="http://img.b2bpic.net/free-photo/social-media-manager-uses-device-with-isolated-display-online-presence_482257-126526.jpg"
imageAlt="User managing account settings on a digital device"
@@ -101,25 +78,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "How do I change my password?",
content: "You can change your password in the 'Security & Privacy' section of your account settings. Click 'Change Password' and follow the prompts.",
},
id: "1", title: "How do I change my password?", content: "You can change your password in the 'Security & Privacy' section of your account settings. Click 'Change Password' and follow the prompts."},
{
id: "2",
title: "Can I update my email address?",
content: "Yes, your email address can be updated in the 'Profile Information' section. A verification step may be required to confirm the change.",
},
id: "2", title: "Can I update my email address?", content: "Yes, your email address can be updated in the 'Profile Information' section. A verification step may be required to confirm the change."},
{
id: "3",
title: "How do I enable two-factor authentication (2FA)?",
content: "Navigate to 'Security & Privacy' and look for the 'Two-Factor Authentication' option. Follow the instructions to set it up for added security.",
},
id: "3", title: "How do I enable two-factor authentication (2FA)?", content: "Navigate to 'Security & Privacy' and look for the 'Two-Factor Authentication' option. Follow the instructions to set it up for added security."},
{
id: "4",
title: "What if I forget my login details?",
content: "On the login page, click 'Forgot Password' and enter your registered email. We will send you instructions to reset your password.",
},
id: "4", title: "What if I forget my login details?", content: "On the login page, click 'Forgot Password' and enter your registered email. We will send you instructions to reset your password."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about managing your NetMind account."
@@ -136,28 +101,17 @@ export default function LandingPage() {
description="Our dedicated support team is here to help. Fill out the form below and we'll get back to you promptly."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "subject",
type: "text",
placeholder: "Subject",
required: true,
name: "subject", type: "text", placeholder: "Subject", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 4,
name: "message", placeholder: "Your Message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/worker-providing-live-chat-support-typing-keyboard-using-ai-chatbot_482257-126204.jpg"
@@ -171,54 +125,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"},
],
},
]}

View File

@@ -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"},
],
},
]}