bender/bcf14e2f-729c-4480-a980-4f57f4b3b4e9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-06-11 01:42:51 +00:00
Conversation 0 Commits 1 Files Changed 1 +66 -219
1 changed files with 66 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 3a57a20d55 - Show all commits

285
src/app/page.tsx
View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Activity, Bell, Eye, Github, Lightbulb, Linkedin, Lock, Settings, Shield, Twitter, Zap } from "lucide-react";
import { Activity, Bell, Eye, Github, Lightbulb, Linkedin, Lock, Settings, Shield, Twitter, Zap, Bot, Brain } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Platform",
id: "#about",
},
name: "Platform", id: "#about"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Interface",
id: "#product",
},
name: "Interface", id: "#product"},
{
name: "Impact",
id: "#metrics",
},
name: "Impact", id: "#metrics"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="NexusSight"
/>
@@ -72,8 +56,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
variant: "plain"}}
title="Command Your Digital Universe with NexusSight"
description="Step into a state-of-the-art cyberpunk command center. NexusSight offers a living 3D city, AI-driven autonomous monitoring, and mission-control interfaces to visualize and control every pulse of your digital infrastructure."
tag="Next-Gen Observability"
@@ -81,40 +64,24 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Explore Platform",
href: "#about",
},
text: "Explore Platform", href: "#about"},
{
text: "Request Demo",
href: "#contact",
},
text: "Request Demo", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-amazing-cityscape-sunset_181624-45857.jpg?_wi=1",
imageAlt: "Futuristic 3D Cyberpunk City",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-amazing-cityscape-sunset_181624-45857.jpg", imageAlt: "Futuristic 3D Cyberpunk City"},
{
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg?_wi=1",
imageAlt: "Holographic 3D City Projection with HUD",
},
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg", imageAlt: "Holographic 3D City Projection with HUD"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=1",
imageAlt: "AI Agent Interface Monitoring Data",
},
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg", imageAlt: "AI Agent Interface Monitoring Data"},
{
imageSrc: "http://img.b2bpic.net/free-photo/security-breach-system-failure_23-2152004057.jpg",
imageAlt: "Mission Control Cockpit View",
},
imageSrc: "http://img.b2bpic.net/free-photo/security-breach-system-failure_23-2152004057.jpg", imageAlt: "Mission Control Cockpit View"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg",
imageAlt: "Dynamic Digital Infrastructure Visualization",
},
imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139249.jpg", imageAlt: "Dynamic Digital Infrastructure Visualization"},
{
imageSrc: "http://img.b2bpic.net/free-photo/identity-copyright-branding-product-marketing-concept_53876-15829.jpg",
imageAlt: "Global Real-time Observability Grid",
},
imageSrc: "http://img.b2bpic.net/free-photo/identity-copyright-branding-product-marketing-concept_53876-15829.jpg", imageAlt: "Global Real-time Observability Grid"},
]}
mediaAnimation="opacity"
/>
@@ -128,17 +95,11 @@ export default function LandingPage() {
description="Our platform transforms complex infrastructure into an interactive 3D city, powered by Three.js and WebGL. Gain unparalleled insight into service dependencies, system activity, and resource allocation within a dynamic, real-time environment. Experience observability not just as data, but as a living, breathing digital world."
bulletPoints={[
{
title: "Real-time Infrastructure Mapping",
description: "See your entire digital ecosystem represented in a dynamic, explorable 3D model.",
},
title: "Real-time Infrastructure Mapping", description: "See your entire digital ecosystem represented in a dynamic, explorable 3D model."},
{
title: "Service Dependency Visualization",
description: "Understand how services interact and identify bottlenecks at a glance.",
},
title: "Service Dependency Visualization", description: "Understand how services interact and identify bottlenecks at a glance."},
{
title: "Interactive Performance Overlays",
description: "Dive deep into performance metrics directly within the 3D environment.",
},
title: "Interactive Performance Overlays", description: "Dive deep into performance metrics directly within the 3D environment."},
]}
imageSrc="http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg"
imageAlt="Interactive 3D City Visualization"
@@ -153,80 +114,53 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Autonomous Monitoring Systems",
description: "Our systems learn your baseline, detect anomalies, and auto-resolve issues before they impact performance. Experience true set-it-and-forget-it reliability.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-employs-virtual-reality-headset-digital-environment-focused-performance_482257-136139.jpg",
imageAlt: "Autonomous monitoring system interface",
},
title: "Autonomous Monitoring Systems", description: "Our systems learn your baseline, detect anomalies, and auto-resolve issues before they impact performance. Experience true set-it-and-forget-it reliability.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/modern-businessman-employs-virtual-reality-headset-digital-environment-focused-performance_482257-136139.jpg", imageAlt: "Autonomous monitoring system interface"},
items: [
{
icon: Shield,
text: "Predictive Anomaly Detection",
},
text: "Predictive Anomaly Detection"},
{
icon: Settings,
text: "Self-Optimizing Workflows",
},
text: "Self-Optimizing Workflows"},
{
icon: Lock,
text: "Proactive Threat Mitigation",
},
text: "Proactive Threat Mitigation"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-amazing-cityscape-sunset_181624-45857.jpg?_wi=2",
imageAlt: "autonomous monitoring system ui",
reverse: false
},
{
title: "Intelligent AI Agents",
description: "Deploy specialized AI agents that tirelessly observe, analyze, and report on specific aspects of your infrastructure, providing context-rich insights and actionable recommendations.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg",
imageAlt: "AI agents collaborating in a network",
},
title: "Intelligent AI Agents", description: "Deploy specialized AI agents that tirelessly observe, analyze, and report on specific aspects of your infrastructure, providing context-rich insights and actionable recommendations.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/network-people-digital-world_9975-23272.jpg", imageAlt: "AI agents collaborating in a network"},
items: [
{
icon: Bot,
text: "Specialized Observability Bots",
},
text: "Specialized Observability Bots"},
{
icon: Brain,
text: "Context-Rich Incident Analysis",
},
text: "Context-Rich Incident Analysis"},
{
icon: Lightbulb,
text: "Actionable Insight Generation",
},
text: "Actionable Insight Generation"},
],
reverse: true,
imageSrc: "http://img.b2bpic.net/free-photo/programmer-developing-software-large-computer-screen_53876-101149.jpg?_wi=2",
imageAlt: "autonomous monitoring system ui",
reverse: true
},
{
title: "Real-time Alerts & Visualizations",
description: "Receive instant, intelligent alerts directly on your mission-control interface. Visualize the impact and source of any issue with dynamic, immersive data overlays.",
media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",
imageAlt: "Real-time alert on a futuristic HUD",
},
title: "Real-time Alerts & Visualizations", description: "Receive instant, intelligent alerts directly on your mission-control interface. Visualize the impact and source of any issue with dynamic, immersive data overlays.", media: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg", imageAlt: "Real-time alert on a futuristic HUD"},
items: [
{
icon: Bell,
text: "Instant & Intelligent Notifications",
},
text: "Instant & Intelligent Notifications"},
{
icon: Activity,
text: "Dynamic Impact Visualization",
},
text: "Dynamic Impact Visualization"},
{
icon: Eye,
text: "Root Cause Analysis Overlays",
},
text: "Root Cause Analysis Overlays"},
],
reverse: false,
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-animation-financial-stock-market-data-software-with-different-diagrams-graphs_482257-26904.jpg?_wi=2",
imageAlt: "autonomous monitoring system ui",
},
reverse: false
}
]}
title="Autonomous Monitoring with AI-Driven Insights"
description="NexusSight integrates advanced AI agents and autonomous monitoring systems to provide predictive insights and proactive threat detection, ensuring your operations run flawlessly around the clock."
@@ -241,47 +175,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Global Health Overview",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-vector/banner-hud-space-economics-business_1302-4870.jpg",
imageAlt: "Global Health Overview HUD",
},
id: "p1", name: "Global Health Overview", price: "Live", imageSrc: "http://img.b2bpic.net/free-vector/banner-hud-space-economics-business_1302-4870.jpg", imageAlt: "Global Health Overview HUD"},
{
id: "p2",
name: "Application Topology Map",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-silhouette-dancing-glowing-nightclub-lights-generated-by-ai_24911-72392.jpg",
imageAlt: "Application Topology Map",
},
id: "p2", name: "Application Topology Map", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-silhouette-dancing-glowing-nightclub-lights-generated-by-ai_24911-72392.jpg", imageAlt: "Application Topology Map"},
{
id: "p3",
name: "Resource Allocation Matrix",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-photo/sergeant-presenting-his-salute-with-respect-colonel_482257-89971.jpg",
imageAlt: "Resource Allocation Matrix",
},
id: "p3", name: "Resource Allocation Matrix", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/sergeant-presenting-his-salute-with-respect-colonel_482257-89971.jpg", imageAlt: "Resource Allocation Matrix"},
{
id: "p4",
name: "AI Agent Activity Log",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
imageAlt: "AI Agent Activity Log",
},
id: "p4", name: "AI Agent Activity Log", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg", imageAlt: "AI Agent Activity Log"},
{
id: "p5",
name: "Threat Detection & Anomalies",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-photo/blurred-air-neon-light-banner-with-reflection_23-2148695242.jpg",
imageAlt: "Threat Detection Interface",
},
id: "p5", name: "Threat Detection & Anomalies", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/blurred-air-neon-light-banner-with-reflection_23-2148695242.jpg", imageAlt: "Threat Detection Interface"},
{
id: "p6",
name: "System Configuration Console",
price: "Live",
imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg",
imageAlt: "System Configuration Console",
},
id: "p6", name: "System Configuration Console", price: "Live", imageSrc: "http://img.b2bpic.net/free-photo/rendering-smart-home-device_23-2151039367.jpg", imageAlt: "System Configuration Console"}
]}
title="Mission-Control Cockpit: Your Digital Command Center"
description="Immerse yourself in a mission-control cockpit interface designed to put you at the heart of your digital operations. Intuitive HUD elements, real-time dashboards, and system overlays make monitoring a live digital world an unparalleled experience."
@@ -295,20 +199,11 @@ export default function LandingPage() {
tag="Impact Delivered"
metrics={[
{
id: "m1",
value: "99.999%",
description: "Uptime Guarantee with Predictive Maintenance",
},
id: "m1", value: "99.999%", description: "Uptime Guarantee with Predictive Maintenance"},
{
id: "m2",
value: "80% Faster",
description: "Incident Resolution with AI-Driven Root Cause Analysis",
},
id: "m2", value: "80% Faster", description: "Incident Resolution with AI-Driven Root Cause Analysis"},
{
id: "m3",
value: "5x Scale",
description: "Observability Capacity for Growing Infrastructures",
},
id: "m3", value: "5x Scale", description: "Observability Capacity for Growing Infrastructures"},
]}
metricsAnimation="slide-up"
/>
@@ -319,35 +214,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Anya Sharma",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg",
imageAlt: "Anya Sharma, Head of Ops, NeoCorp",
},
id: "1", name: "Anya Sharma", imageSrc: "http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165894.jpg", imageAlt: "Anya Sharma, Head of Ops, NeoCorp"},
{
id: "2",
name: "Jaxen Kael",
imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914278.jpg",
imageAlt: "Jaxen Kael, Chief Architect, OmniGrid",
},
id: "2", name: "Jaxen Kael", imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914278.jpg", imageAlt: "Jaxen Kael, Chief Architect, OmniGrid"},
{
id: "3",
name: "Dr. Lena Petrova",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666401.jpg",
imageAlt: "Dr. Lena Petrova, AI Division Lead, Synapse Labs",
},
id: "3", name: "Dr. Lena Petrova", imageSrc: "http://img.b2bpic.net/free-photo/portrait-futuristic-female-humanoid-with-advanced-technology_23-2151666401.jpg", imageAlt: "Dr. Lena Petrova, AI Division Lead, Synapse Labs"},
{
id: "4",
name: "Marcus Vane",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg",
imageAlt: "Marcus Vane, Director of Infrastructure, CipherStream",
},
id: "4", name: "Marcus Vane", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg", imageAlt: "Marcus Vane, Director of Infrastructure, CipherStream"},
{
id: "5",
name: "Kira Nanos",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-portrait-digital-art_23-2151197923.jpg",
imageAlt: "Kira Nanos, CEO, QuantumShift",
},
id: "5", name: "Kira Nanos", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-portrait-digital-art_23-2151197923.jpg", imageAlt: "Kira Nanos, CEO, QuantumShift"}
]}
cardTitle="What the Commandants Say"
cardTag="Trusted by Cybernetic Leaders"
@@ -360,28 +235,17 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How does the 3D city visualization work?",
content: "Our 3D city visualization leverages Three.js and WebGL to render your entire digital infrastructure in real-time. It maps services, dependencies, and data flows onto an interactive urban landscape, providing a uniquely immersive perspective on your operations.",
},
id: "q1", title: "How does the 3D city visualization work?", content: "Our 3D city visualization leverages Three.js and WebGL to render your entire digital infrastructure in real-time. It maps services, dependencies, and data flows onto an interactive urban landscape, providing a uniquely immersive perspective on your operations."},
{
id: "q2",
title: "What kind of AI agents does NexusSight employ?",
content: "NexusSight utilizes a suite of specialized AI agents designed for various tasks, including predictive anomaly detection, performance optimization, security threat analysis, and automated incident response. Each agent is tailored to provide deep, contextual insights.",
},
id: "q2", title: "What kind of AI agents does NexusSight employ?", content: "NexusSight utilizes a suite of specialized AI agents designed for various tasks, including predictive anomaly detection, performance optimization, security threat analysis, and automated incident response. Each agent is tailored to provide deep, contextual insights."},
{
id: "q3",
title: "Is NexusSight compatible with my existing infrastructure?",
content: "Yes, NexusSight is built for flexibility and integrates seamlessly with a wide range of cloud providers, on-premise solutions, and popular observability tools. Our team provides comprehensive support to ensure a smooth transition and optimal configuration.",
},
id: "q3", title: "Is NexusSight compatible with my existing infrastructure?", content: "Yes, NexusSight is built for flexibility and integrates seamlessly with a wide range of cloud providers, on-premise solutions, and popular observability tools. Our team provides comprehensive support to ensure a smooth transition and optimal configuration."}
]}
sideTitle="Questions for the Future?"
sideDescription="Navigate the complexities of tomorrow's digital landscape with confidence. If your queries extend beyond our cybernetic common ground, connect directly with our specialists."
buttons={[
{
text: "Contact Support",
href: "#contact",
},
text: "Contact Support", href: "#contact"}
]}
faqsAnimation="slide-up"
textPosition="left"
@@ -395,28 +259,17 @@ export default function LandingPage() {
description="Connect with our NexusSight specialists to explore how our futuristic observability platform can empower your enterprise. Our team is ready to guide you through a new era of digital command."
inputs={[
{
name: "fullName",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "fullName", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email Address",
required: true,
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
{
name: "company",
type: "text",
placeholder: "Your Company Name",
required: false,
},
name: "company", type: "text", placeholder: "Your Company Name", required: false,
}
]}
textarea={{
name: "message",
placeholder: "Your Message",
rows: 5,
name: "message", placeholder: "Your Message", rows: 5,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797755.jpg"
@@ -435,19 +288,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Github,
href: "#",
ariaLabel: "GitHub",
},
href: "#", ariaLabel: "GitHub"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"}
]}
/>
</div>