Merge version_1 into main #1
@@ -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"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -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