Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3e5de83057 | |||
| 155be9c2f5 | |||
| 7bfad1f77c | |||
| edc67199f8 |
183
src/app/page.tsx
183
src/app/page.tsx
@@ -32,43 +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"
|
||||
@@ -81,24 +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."
|
||||
@@ -125,36 +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."
|
||||
@@ -168,26 +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"
|
||||
@@ -200,39 +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."
|
||||
@@ -243,21 +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."
|
||||
@@ -268,9 +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."
|
||||
@@ -280,14 +159,8 @@ 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>
|
||||
|
||||
Reference in New Issue
Block a user