Merge version_1 into main #1
318
src/app/page.tsx
318
src/app/page.tsx
@@ -26,230 +26,112 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#dashboard",
|
||||
},
|
||||
{
|
||||
name: "SSH Access",
|
||||
id: "#ssh",
|
||||
},
|
||||
{
|
||||
name: "Analysis",
|
||||
id: "#analysis",
|
||||
},
|
||||
{
|
||||
name: "Validation",
|
||||
id: "#validation",
|
||||
},
|
||||
]}
|
||||
brandName="TekDino NetAssist"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Dashboard", id: "#hero" },
|
||||
{ name: "Features", id: "#features" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
{ name: "Performance", id: "#metric" },
|
||||
{ name: "Legal", id: "#legal" },
|
||||
]}
|
||||
brandName="TekDino NetAssist"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="TekDino NetAssist"
|
||||
description="Enterprise-grade, local-first network troubleshooting and configuration validation. Secure, offline, and AI-powered."
|
||||
avatars={[
|
||||
{
|
||||
src: "asset://avatar-1",
|
||||
alt: "Engineer",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-2",
|
||||
alt: "Architect",
|
||||
},
|
||||
{
|
||||
src: "asset://avatar-3",
|
||||
alt: "Developer",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/governmental-hackers-using-green-screen-performing-cyber-security_482257-116117.jpg",
|
||||
alt: "Network Security Specialist",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/tablet-with-greenscreen-display-running-command-post-base-operations_482257-90141.jpg",
|
||||
alt: "Systems Administrator",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch Dashboard",
|
||||
href: "#ssh",
|
||||
},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure SSH Connectivity",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI-Driven Log Parsing",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Local Configuration Validation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Air-Gapped Infrastructure Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Zero-Trust Protocol Design",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "plain" }}
|
||||
title="TekDino NetAssist"
|
||||
description="Enterprise-grade, local-first network troubleshooting and configuration validation. Secure, offline, and AI-powered."
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/governmental-hackers-using-green-screen-performing-cyber-security_482257-116117.jpg", alt: "Engineer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/tablet-with-greenscreen-display-running-command-post-base-operations_482257-90141.jpg", alt: "Architect" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/federal-anti-terrorism-operation-room-equipped-with-big-screen_482257-90870.jpg", alt: "Developer" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hacker-uses-green-screen-pc-ai-deep-learning-develop-zero-day-exploit_482257-88622.jpg", alt: "Network Security Specialist" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/abstract-digital-tunnel_23-2152020936.jpg", alt: "Systems Administrator" }
|
||||
]}
|
||||
buttons={[{ text: "Launch Dashboard", href: "#ssh" }]}
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Secure SSH Connectivity" },
|
||||
{ type: "text", text: "AI-Driven Log Parsing" },
|
||||
{ type: "text", text: "Local Configuration Validation" },
|
||||
{ type: "text", text: "Air-Gapped Infrastructure Support" },
|
||||
{ type: "text", text: "Zero-Trust Protocol Design" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Secure SSH Access",
|
||||
tags: [
|
||||
"Encrypted",
|
||||
"No Storage",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-jin-mao-tower-looking-up-from-lobby-grand-hyatt-hotel-shanghai-china_181624-8195.jpg",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Intelligent Config Diff",
|
||||
tags: [
|
||||
"Automated",
|
||||
"Risk Analysis",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "AI Troubleshooting Engine",
|
||||
tags: [
|
||||
"Root Cause",
|
||||
"Local-Only",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-expert-uses-vr-glasses-neural-network-ai-brain-system_482257-126332.jpg",
|
||||
},
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Designed for mission-critical enterprise environments."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ id: "f1", title: "Secure SSH Access", tags: ["Encrypted", "No Storage"], imageSrc: "http://img.b2bpic.net/free-photo/interior-jin-mao-tower-looking-up-from-lobby-grand-hyatt-hotel-shanghai-china_181624-8195.jpg" },
|
||||
{ id: "f2", title: "Intelligent Config Diff", tags: ["Automated", "Risk Analysis"], imageSrc: "http://img.b2bpic.net/free-photo/coder-workstation-programming-computer-writing-lines-code-close-up_482257-118817.jpg" },
|
||||
{ id: "f3", title: "AI Troubleshooting Engine", tags: ["Root Cause", "Local-Only"], imageSrc: "http://img.b2bpic.net/free-photo/high-tech-expert-uses-vr-glasses-neural-network-ai-brain-system_482257-126332.jpg" }
|
||||
]}
|
||||
title="Core Capabilities"
|
||||
description="Designed for mission-critical enterprise environments."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Does this require cloud access?",
|
||||
content: "No, TekDino is a 100% local, air-gapped solution.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Where are credentials stored?",
|
||||
content: "Credentials are encrypted at rest using industry-standard AES-256 or held strictly in-memory.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "What devices are supported?",
|
||||
content: "Cisco IOS/NX-OS, Palo Alto, F5, and Kemp load balancers are natively supported.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Security FAQ"
|
||||
description="How TekDino keeps your infrastructure secure."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "faq1", title: "Does this require cloud access?", content: "No, TekDino is a 100% local, air-gapped solution." },
|
||||
{ id: "faq2", title: "Where are credentials stored?", content: "Credentials are encrypted at rest using industry-standard AES-256 or held strictly in-memory." },
|
||||
{ id: "faq3", title: "What devices are supported?", content: "Cisco IOS/NX-OS, Palo Alto, F5, and Kemp load balancers are natively supported." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-national-secret-service-operation-room-used-follow-safety-alerts_482257-90051.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Security FAQ"
|
||||
description="How TekDino keeps your infrastructure secure."
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Platform Performance"
|
||||
description="Quantifiable impact on your network operations."
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "99.9%",
|
||||
title: "Uptime Accuracy",
|
||||
description: "High-fidelity validation",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "10ms",
|
||||
title: "Latency",
|
||||
description: "Local-speed processing",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "256-bit",
|
||||
title: "Encryption",
|
||||
description: "AES standard security",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="metric" data-section="metric">
|
||||
<MetricCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
title="Platform Performance"
|
||||
description="Quantifiable impact on your network operations."
|
||||
metrics={[
|
||||
{ id: "m1", value: "99.9%", title: "Uptime Accuracy", description: "High-fidelity validation", icon: CheckCircle },
|
||||
{ id: "m2", value: "10ms", title: "Latency", description: "Local-speed processing", icon: Zap },
|
||||
{ id: "m3", value: "256-bit", title: "Encryption", description: "AES standard security", icon: ShieldCheck }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection />
|
||||
</div>
|
||||
<div id="legal" data-section="legal">
|
||||
<LegalSection
|
||||
layout="default"
|
||||
title="Legal Notice"
|
||||
sections={[{ title: "Terms of Use", content: "Standard terms apply." }, { title: "Privacy Policy", content: "We value your privacy." }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Security",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Docs",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "API",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="TekDino © 2024"
|
||||
bottomRightText="Enterprise Edition"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [{ label: "Features", href: "#" }, { label: "Security", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [{ label: "Docs", href: "#" }, { label: "API", href: "#" }]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="TekDino © 2024"
|
||||
bottomRightText="Enterprise Edition"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user