"use client"; import { useState } from "react"; import Link from "next/link"; export default function AboutPage() { const [platformName, setPlatformName] = useState("JUMPA.ID"); const version = "v4.2.0-ULTRA"; const handleSave = () => { alert("SYSTEM INJECTION SUCCESS: Platform identity propagated to all nodes."); }; return (
{/* HEADER */}

System Anatomy

Core engine specifications and multiverse lineage.

Dashboard {version}
{/* LEFT COL: WHITE LABEL */}

Identity Morphing (White Label)

Injeksi identitas global. Mengubah parameter ini akan mendistorsi branding JUMPA.ID di seluruh layer (IAM, XCU, XTM) secara simultan.

setPlatformName(e.target.value)} className="flex-1 bg-white/5 text-white px-5 py-4 rounded-2xl border border-white/10 outline-none focus:border-blue-500/50 transition-all font-mono text-sm" placeholder="e.g. ULTRA_MEET" />
{/* TECH STACK VISUAL */}

Quantum Stack Integrity

{[ { label: 'ENGINE', val: 'XCU RUST', color: 'text-orange-400' }, { label: 'ORCHESTRA', val: 'NEXT.JS 15', color: 'text-white' }, { label: 'DATABASE', val: 'POSTGRES', color: 'text-blue-400' }, { label: 'TRANSPORT', val: 'QUIC/H3', color: 'text-emerald-400' } ].map((t, i) => (
{t.label}
{t.val}
))}
{/* RIGHT COL: CHANGELOG */}

Evolution Logs

{[ { v: 'V.4.2', t: 'QUANTUM BILLING', d: 'Mei 2026', c: 'bg-purple-500', items: ['Xendit Live Integration', '101 Module Matrix', 'Auto-Pilot v2.0'] }, { v: 'V.4.0', t: 'OMNIVERSAL CORE', d: 'April 2026', c: 'bg-emerald-500', items: ['eBPF Kernel Bypass', 'MoQ Transport', 'Deep-Twin AI'] }, { v: 'V.3.0', t: 'BONE SEPARATION', d: 'Maret 2026', c: 'bg-gray-700', items: ['Microservices Split', 'Multi-Tenant IAM', 'Rust SFU Alpha'] } ].map((log, i) => (
{log.d} — {log.v}

{log.t}

    {log.items.map((item, idx) => (
  • {item}
  • ))}
))}
); }