Merge version_3 into main
Merge version_3 into main
This commit was merged in pull request #2.
This commit is contained in:
@@ -32,30 +32,23 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform", id: "hero"},
|
||||
{
|
||||
name: "Identity", id: "about"},
|
||||
{
|
||||
name: "Status", id: "metrics"},
|
||||
{
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
{ name: "Platform", id: "hero" },
|
||||
{ name: "Identity", id: "about" },
|
||||
{ name: "Status", id: "metrics" },
|
||||
{ name: "Support", id: "faq" },
|
||||
].filter(item => item.id && item.id.trim().length > 0)}
|
||||
brandName="Nalta AMR 2027"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Nalta AMR 2027"
|
||||
description="The definitive ICT communications platform. Featuring Hyper-Glassmorphism, P2P video signaling, and real-time identity management for the next generation of college collaboration."
|
||||
buttons={[
|
||||
{
|
||||
text: "Launch Platform", href: "#"},
|
||||
{
|
||||
text: "Platform Specs", href: "#about"},
|
||||
{ text: "Launch Platform", href: "/" },
|
||||
{ text: "Platform Specs", href: "/about" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
|
||||
imageAlt="futuristic software interface dark"
|
||||
@@ -68,12 +61,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Signaling", description: "Optimistic updates for instant message delivery and fluid WebRTC video state management.", imageSrc: "http://img.b2bpic.net/free-vector/programming-coding-25-flat-color-icon-pack-including-develop-coding-development-file-develop_1142-22467.jpg", imageAlt: "modern chat icon glassmorphism"},
|
||||
{
|
||||
title: "Dynamic Ghost Auth", description: "Persistent, hash-based sessions for secure and seamless platform authentication.", imageSrc: "http://img.b2bpic.net/free-photo/fingerprint-authentication-failure_23-2152001130.jpg", imageAlt: "biometric identity icon dark"},
|
||||
{
|
||||
title: "P2P Media Engine", description: "Ultra-low latency 4K video and audio streaming powered by Node.js signaling.", imageSrc: "http://img.b2bpic.net/free-vector/online-community_24877-51952.jpg", imageAlt: "video call icon web rtc"},
|
||||
{ title: "Real-Time Signaling", description: "Optimistic updates for instant message delivery and fluid WebRTC video state management.", imageSrc: "http://img.b2bpic.net/free-vector/programming-coding-25-flat-color-icon-pack-including-develop-coding-development-file-develop_1142-22467.jpg", imageAlt: "modern chat icon glassmorphism" },
|
||||
{ title: "Dynamic Ghost Auth", description: "Persistent, hash-based sessions for secure and seamless platform authentication.", imageSrc: "http://img.b2bpic.net/free-photo/fingerprint-authentication-failure_23-2152001130.jpg", imageAlt: "biometric identity icon dark" },
|
||||
{ title: "P2P Media Engine", description: "Ultra-low latency 4K video and audio streaming powered by Node.js signaling.", imageSrc: "http://img.b2bpic.net/free-vector/online-community_24877-51952.jpg", imageAlt: "video call icon web rtc" },
|
||||
]}
|
||||
title="Platform Core"
|
||||
description="Engineered for high-throughput connectivity with AES-256 security at the core."
|
||||
@@ -100,18 +90,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "4K", title: "Media Resolution", items: [
|
||||
"P2P Peer Support", "Adaptive Bitrate", "WebRTC Native"],
|
||||
},
|
||||
{
|
||||
id: "m2", value: "2ms", title: "Signaling Latency", items: [
|
||||
"WebSocket Bridge", "Node.js Powered", "Global CDN"],
|
||||
},
|
||||
{
|
||||
id: "m3", value: "256-bit", title: "Encryption Standard", items: [
|
||||
"Client-Side AES", "Zero-Knowledge", "P2P Security"],
|
||||
},
|
||||
{ id: "m1", value: "4K", title: "Media Resolution", items: ["P2P Peer Support", "Adaptive Bitrate", "WebRTC Native"] },
|
||||
{ id: "m2", value: "2ms", title: "Signaling Latency", items: ["WebSocket Bridge", "Node.js Powered", "Global CDN"] },
|
||||
{ id: "m3", value: "256-bit", title: "Encryption Standard", items: ["Client-Side AES", "Zero-Knowledge", "P2P Security"] },
|
||||
]}
|
||||
title="Performance Metrics"
|
||||
description="Current infrastructure status and connection latency monitoring."
|
||||
@@ -125,16 +106,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="ICT Department Senior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-black-shirt_158595-1041.jpg", alt: "professional student headshot tech"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg", alt: "tech savvy student portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9562.jpg", alt: "student researcher lab portrait"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg", alt: "collaborative student professional headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", alt: "student engineer professional shot"},
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashion-photo-young-magnificent-woman-black-shirt_158595-1041.jpg", alt: "professional student headshot tech" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-young-man-sunglasses-sitting-along-with-laptop-white-space_140725-11140.jpg", alt: "tech savvy student portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-with-dreadlocks-walking-night-street-city_627829-9562.jpg", alt: "student researcher lab portrait" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-brunette-girl-glasses-smiling_176420-8501.jpg", alt: "collaborative student professional headshot" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", alt: "student engineer professional shot" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -147,18 +123,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", badge: "Core", price: "Free", subtitle: "Campus Access", features: [
|
||||
"Basic Chat", "1:1 Video", "Standard Profile"],
|
||||
},
|
||||
{
|
||||
id: "p2", badge: "Pro", price: "$12/mo", subtitle: "Advanced Networking", features: [
|
||||
"AES-256 Messaging", "Group 4K Video", "Priority Signaling"],
|
||||
},
|
||||
{
|
||||
id: "p3", badge: "Elite", price: "$29/mo", subtitle: "Development Mode", features: [
|
||||
"API Access", "Custom Webhooks", "4K Peer Streams"],
|
||||
},
|
||||
{ id: "p1", badge: "Core", price: "Free", subtitle: "Campus Access", features: ["Basic Chat", "1:1 Video", "Standard Profile"] },
|
||||
{ id: "p2", badge: "Pro", price: "$12/mo", subtitle: "Advanced Networking", features: ["AES-256 Messaging", "Group 4K Video", "Priority Signaling"] },
|
||||
{ id: "p3", badge: "Elite", price: "$29/mo", subtitle: "Development Mode", features: ["API Access", "Custom Webhooks", "4K Peer Streams"] },
|
||||
]}
|
||||
title="Subscription Tiers"
|
||||
description="Access the full Nalta AMR ecosystem with secure profile and connectivity modules."
|
||||
@@ -169,12 +136,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "How does the signaling server work?", content: "Our Node.js signaling server facilitates initial P2P handshakes without storing any actual media data, ensuring privacy."},
|
||||
{
|
||||
id: "q2", title: "Is the encryption really client-side?", content: "Yes, every text message is encrypted with AES-256 before leaving your browser, meaning even our platform admins cannot read your chats."},
|
||||
{
|
||||
id: "q3", title: "What browsers are supported?", content: "Modern browsers (Chrome, Edge, Firefox, Safari) that support WebRTC 1.0 specifications are fully compatible."},
|
||||
{ id: "q1", title: "How does the signaling server work?", content: "Our Node.js signaling server facilitates initial P2P handshakes without storing any actual media data, ensuring privacy." },
|
||||
{ id: "q2", title: "Is the encryption really client-side?", content: "Yes, every text message is encrypted with AES-256 before leaving your browser, meaning even our platform admins cannot read your chats." },
|
||||
{ id: "q3", title: "What browsers are supported?", content: "Modern browsers (Chrome, Edge, Firefox, Safari) that support WebRTC 1.0 specifications are fully compatible." },
|
||||
]}
|
||||
sideTitle="Platform Questions"
|
||||
sideDescription="Everything you need to know about connecting and authentication."
|
||||
@@ -185,8 +149,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Request Early Access"
|
||||
description="Get in touch for early developer access to the 2027 platform rollout."
|
||||
@@ -196,13 +159,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nalta AMR 2027"
|
||||
leftLink={{
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Platform Status", href: "#"}}
|
||||
leftLink={{ text: "Privacy Policy", href: "/" }}
|
||||
rightLink={{ text: "Platform Status", href: "/" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user