Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
156
src/app/page.tsx
156
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Platform",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Platform", id: "hero"},
|
||||
{
|
||||
name: "Identity",
|
||||
id: "#about",
|
||||
},
|
||||
name: "Identity", id: "about"},
|
||||
{
|
||||
name: "Status",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Status", id: "metrics"},
|
||||
{
|
||||
name: "Support",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "Support", id: "faq"},
|
||||
]}
|
||||
brandName="Nalta AMR 2027"
|
||||
/>
|
||||
@@ -56,19 +48,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
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: "Launch Platform", href: "#"},
|
||||
{
|
||||
text: "Platform Specs",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Platform Specs", href: "#about"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-dashboard_23-2151957114.jpg"
|
||||
imageAlt="futuristic software interface dark"
|
||||
@@ -82,23 +69,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -126,34 +101,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4K",
|
||||
title: "Media Resolution",
|
||||
items: [
|
||||
"P2P Peer Support",
|
||||
"Adaptive Bitrate",
|
||||
"WebRTC Native",
|
||||
],
|
||||
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: "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: "m3", value: "256-bit", title: "Encryption Standard", items: [
|
||||
"Client-Side AES", "Zero-Knowledge", "P2P Security"],
|
||||
},
|
||||
]}
|
||||
title="Performance Metrics"
|
||||
@@ -169,25 +126,15 @@ export default function LandingPage() {
|
||||
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/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/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/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/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/contemplating-young-caucasian-man-holding-dairy-thinking_23-2148187202.jpg", alt: "student engineer professional shot"},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -201,37 +148,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Core",
|
||||
price: "Free",
|
||||
subtitle: "Campus Access",
|
||||
features: [
|
||||
"Basic Chat",
|
||||
"1:1 Video",
|
||||
"Standard Profile",
|
||||
],
|
||||
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: "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: "p3", badge: "Elite", price: "$29/mo", subtitle: "Development Mode", features: [
|
||||
"API Access", "Custom Webhooks", "4K Peer Streams"],
|
||||
},
|
||||
]}
|
||||
title="Subscription Tiers"
|
||||
@@ -244,20 +170,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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."
|
||||
@@ -269,8 +186,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Join Us"
|
||||
title="Request Early Access"
|
||||
description="Get in touch for early developer access to the 2027 platform rollout."
|
||||
@@ -281,16 +197,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Nalta AMR 2027"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Platform Status",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Platform Status", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user