Upload 26 files

views/Advisor.tsx

@@ -17,53 +17,78 @@ const Advisor: React.FC = () => {
   const [messages, setMessages] = useState<Message[]>([]);
   const [input, setInput] = useState('');
   const [loading, setLoading] = useState(false);
-  const [voiceEnabled, setVoiceEnabled] = useState(false);
+  const [voiceEnabled, setVoiceEnabled] = useState(true);
   const scrollRef = useRef<HTMLDivElement>(null);
 
   useEffect(() => {
     const initMemory = async () => {
-      const history = await apiClient.chat.getHistory();
-      if (history.length > 0) {
-        setMessages(history.map((h: any) => ({ ...h, id: h.id.toString() })));
-      } else {
-        setMessages([{ id: '1', role: 'assistant', content: "Neural Core online. Standing by for institutional instructions.", timestamp: new Date().toISOString() }]);
+      try {
+        const history = await apiClient.chat.getHistory();
+        if (history && history.length > 0) {
+          setMessages(history.map((h: any) => ({ ...h, id: h.id.toString() })));
+        } else {
+          setMessages([{ id: '1', role: 'assistant', content: "Neural Core online. Standing by for institutional instructions.", timestamp: new Date().toISOString() }]);
+        }
+      } catch (err) {
+        setMessages([{ id: '1', role: 'assistant', content: "Neural Core online. Safe mode registry active.", timestamp: new Date().toISOString() }]);
       }
     };
     initMemory();
   }, []);
 
   useEffect(() => {
-    if (scrollRef.current) scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    if (scrollRef.current) {
+      scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+    }
   }, [messages]);
 
   const handleSend = async (forcedInput?: string) => {
     const query = (forcedInput || input).trim();
     if (!query || loading) return;
 
-    setMessages(prev => [...prev, { id: Date.now().toString(), role: 'user', content: query, timestamp: new Date().toISOString() }]);
+    const userMsgId = Date.now().toString();
+    setMessages(prev => [...prev, { 
+      id: userMsgId, 
+      role: 'user', 
+      content: query, 
+      timestamp: new Date().toISOString() 
+    }]);
+    
     setInput('');
     setLoading(true);
 
     const assistantMsgId = (Date.now() + 1).toString();
-    setMessages(prev => [...prev, { id: assistantMsgId, role: 'assistant', content: '', timestamp: new Date().toISOString(), isStreaming: true }]);
+    setMessages(prev => [...prev, { 
+      id: assistantMsgId, 
+      role: 'assistant', 
+      content: '', 
+      timestamp: new Date().toISOString(), 
+      isStreaming: true 
+    }]);
 
     try {
-      const context = { system: "LUMINA_ADVISORY_NODE" };
-      const responseArray = await getFinancialAdviceStream(query, context);
+      const context = { system: "LUMINA_ADVISORY_NODE", mode: "Institutional_Treasury" };
+      const response = await getFinancialAdviceStream(query, context);
       
-      let fullContent = '';
-      for (const chunk of responseArray) {
-        fullContent += chunk.text || '';
-        setMessages(prev => prev.map(m => m.id === assistantMsgId ? { ...m, content: fullContent } : m));
-      }
+      const finalContent = response?.[0]?.text || "Signal interrupted. No data received from Gemini Node.";
+      
+      setMessages(prev => prev.map(m => 
+        m.id === assistantMsgId ? { ...m, content: finalContent, isStreaming: false } : m
+      ));
       
-      setMessages(prev => prev.map(m => m.id === assistantMsgId ? { ...m, isStreaming: false } : m));
       await apiClient.chat.saveMessage('user', query);
-      await apiClient.chat.saveMessage('assistant', fullContent);
+      await apiClient.chat.saveMessage('assistant', finalContent);
       
-      if (voiceEnabled) speakText(fullContent);
+      if (voiceEnabled) speakText(finalContent);
     } catch (error) {
-      setMessages(prev => prev.map(m => m.id === assistantMsgId ? { ...m, content: "Neural signal lost. Connection refused by proxy.", isStreaming: false } : m));
+      console.error("Advisor Link Failure:", error);
+      setMessages(prev => prev.map(m => 
+        m.id === assistantMsgId ? { 
+          ...m, 
+          content: "Neural link lost. Ensure process.env.API_KEY is properly configured and model quota is available.", 
+          isStreaming: false 
+        } : m
+      ));
     } finally {
       setLoading(false);
     }
@@ -79,13 +104,18 @@ const Advisor: React.FC = () => {
             </div>
             <div>
               <h3 className="text-white font-black italic tracking-tighter uppercase text-xl">Nexus_Core</h3>
-              <p className="text-[10px] text-zinc-500 font-black uppercase tracking-widest">Protocol: Proxy</p>
+              <p className="text-[10px] text-zinc-500 font-black uppercase tracking-widest">Protocol: Advisory</p>
             </div>
           </div>
           <div className="space-y-4 flex-1 overflow-y-auto pr-3 custom-scrollbar relative z-10">
             <p className="text-[10px] font-black text-zinc-600 uppercase tracking-widest px-2 mb-4">Command Presets</p>
-            {["Analyze Q2 Liquidity Drift", "Portfolio Resilience Stress-Test", "Explain FDX v6.2 Handshakes"].map((text, i) => (
-              <button key={i} onClick={() => handleSend(text)} disabled={loading} className="w-full text-left p-6 rounded-2xl bg-black border border-zinc-900 hover:border-blue-500/50 hover:bg-blue-500/5 transition-all group flex items-start justify-between disabled:opacity-30">
+            {["Analyze Liquidity Drift", "Stress-test Commercial Portfolio", "Model Inflation Spike impact"].map((text, i) => (
+              <button 
+                key={i} 
+                onClick={() => handleSend(text)} 
+                disabled={loading} 
+                className="w-full text-left p-6 rounded-2xl bg-black border border-zinc-900 hover:border-blue-500/50 hover:bg-blue-500/5 transition-all group flex items-start justify-between disabled:opacity-30"
+              >
                 <span className="text-[10px] font-black uppercase tracking-widest text-zinc-500 group-hover:text-blue-400 leading-relaxed">{text}</span>
                 <ChevronRight size={16} className="text-zinc-800 group-hover:text-blue-500 transition-colors" />
               </button>
@@ -97,10 +127,13 @@ const Advisor: React.FC = () => {
       <div className="flex-1 flex flex-col bg-zinc-950 border border-zinc-900 rounded-[3rem] overflow-hidden shadow-2xl relative">
         <div className="h-20 border-b border-zinc-900 px-10 flex items-center justify-between bg-black/40 backdrop-blur-xl z-20">
           <div className="flex items-center space-x-6">
-            <div className={`w-3 h-3 rounded-full shadow-[0_0_15px_#10b981] ${loading ? 'bg-amber-500' : 'bg-emerald-500'}`}></div>
+            <div className={`w-3 h-3 rounded-full shadow-[0_0_15px_#10b981] ${loading ? 'bg-amber-500 animate-pulse' : 'bg-emerald-500'}`}></div>
             <span className="font-black text-white text-sm uppercase tracking-[0.4em] italic">Quantum_Advisory_Node</span>
           </div>
-          <button onClick={() => setVoiceEnabled(!voiceEnabled)} className={`p-4 rounded-2xl border transition-all ${voiceEnabled ? 'bg-blue-600/10 border-blue-500/20 text-blue-500' : 'bg-zinc-900 border-zinc-800 text-zinc-600'}`}>
+          <button 
+            onClick={() => setVoiceEnabled(!voiceEnabled)} 
+            className={`p-4 rounded-2xl border transition-all ${voiceEnabled ? 'bg-blue-600/10 border-blue-500/20 text-blue-500' : 'bg-zinc-900 border-zinc-800 text-zinc-600'}`}
+          >
             {voiceEnabled ? <Volume2 size={20} /> : <VolumeX size={20} />}
           </button>
         </div>
@@ -114,7 +147,12 @@ const Advisor: React.FC = () => {
                 </div>
                 <div className={`p-8 rounded-[2.5rem] ${m.role === 'user' ? 'bg-zinc-900 text-zinc-100 rounded-tr-none border border-zinc-800' : 'bg-black border border-zinc-800 text-zinc-300 rounded-tl-none shadow-2xl'}`}>
                   <div className="text-base font-medium leading-relaxed tracking-tight whitespace-pre-wrap">
-                    {m.content || (m.isStreaming ? "Connecting to Proxy..." : "Establishing link...")}
+                    {m.content || (m.isStreaming ? (
+                      <div className="flex items-center gap-3">
+                        <Loader2 className="animate-spin text-blue-500" size={18} />
+                        <span className="text-[10px] font-black uppercase tracking-[0.3em] animate-pulse">Computing Alpha...</span>
+                      </div>
+                    ) : "Handshaking...")}
                   </div>
                 </div>
               </div>
@@ -123,12 +161,24 @@ const Advisor: React.FC = () => {
         </div>
 
         <div className="p-10 bg-black/20 border-t border-zinc-900 backdrop-blur-2xl z-20">
-          <div className="relative group max-w-5xl mx-auto flex gap-4">
-            <input value={input} onChange={(e) => setInput(e.target.value)} onKeyDown={(e) => e.key === 'Enter' && handleSend()} placeholder="Input instructions for the LQI Core..." className="flex-1 bg-black border border-zinc-800 focus:border-blue-500 rounded-[2rem] py-7 px-10 text-white text-base outline-none transition-all placeholder:text-zinc-800 font-bold" />
-            <button onClick={() => handleSend()} disabled={loading || !input.trim()} className="px-8 bg-blue-600 hover:bg-blue-500 text-white rounded-[1.5rem] font-black uppercase flex items-center gap-3">
-              {loading ? <Loader2 className="animate-spin" /> : <Send size={20} />}
+          <form 
+            onSubmit={(e) => { e.preventDefault(); handleSend(); }} 
+            className="relative group max-w-5xl mx-auto flex gap-4"
+          >
+            <input 
+              value={input} 
+              onChange={(e) => setInput(e.target.value)} 
+              placeholder="Input treasury instructions for the Quantum Core..." 
+              className="flex-1 bg-black border border-zinc-800 focus:border-blue-500 rounded-[2rem] py-7 px-10 text-white text-base outline-none transition-all placeholder:text-zinc-800 font-bold" 
+            />
+            <button 
+              type="submit"
+              disabled={loading || !input.trim()} 
+              className="px-8 bg-blue-600 hover:bg-blue-500 text-white rounded-[1.5rem] font-black uppercase flex items-center gap-3 disabled:opacity-50 shadow-xl transition-all"
+            >
+              {loading ? <Loader2 className="animate-spin" size={20} /> : <Send size={20} />}
             </button>
-          </div>
+          </form>
         </div>
       </div>
     </div>

views/Landing.tsx

@@ -1,32 +1,37 @@
-
-import React, { useState } from 'react';
+import React, { useState, useEffect, useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { 
   Cpu, Sparkles, ArrowRight, Loader2, X, Terminal, Mic, Zap, MessageSquare, ChevronDown, 
-  ShieldCheck, Globe, Activity 
+  ShieldCheck, Globe, Activity, Layers, Database, Lock, Eye, Building2, BarChart3, Radio, RefreshCw,
+  BrainCircuit, Network, Server, Fingerprint, Key, Wallet, Briefcase, FileText, Smartphone,
+  Shield, Infinity, Waves, Thermometer, FlaskConical, Gavel, Scale, Hammer, UserPlus, Heart,
+  // Added missing imports Code and ChevronRight
+  ShieldAlert, Repeat, ChevronLeft, GitPullRequest, Box, Code, ChevronRight
 } from 'lucide-react';
-import { speakText, processVoiceCommand } from '../services/geminiService';
 import { apiClient } from '../services/api';
 
-// Powerhouse Component Imports
-import NexusNode from './landing/NexusNode';
-import IntelligenceAlpha from './landing/IntelligenceAlpha';
-import SystemFabric from './landing/SystemFabric';
-import RegistryVault from './landing/RegistryVault';
-import PrivacyManifesto from './landing/PrivacyManifesto';
-import AssetFoundry from './landing/AssetFoundry';
-import QuantumCompute from './landing/QuantumCompute';
-import LiquidityMesh from './landing/LiquidityMesh';
-import EncryptionProtocol from './landing/EncryptionProtocol';
-import OracleAuthority from './landing/OracleAuthority';
+const FEATURE_CARDS = [
+  { id: 1, title: "Neural Parity", desc: "Real-time ledger consensus across 1,200 nodes with zero-drift synchronization.", icon: Fingerprint, color: "blue", img: "https://images.unsplash.com/photo-1639762681485-074b7f938ba0?q=80&w=2832&auto=format&fit=crop" },
+  { id: 2, title: "Quantum Oracle", desc: "Predictive treasury drift detection using qubit-stabilized neural forecasting models.", icon: Cpu, color: "purple", img: "https://images.unsplash.com/photo-1451187580459-43490279c0fa?q=80&w=2872&auto=format&fit=crop" },
+  { id: 3, title: "Liquidity Mesh", desc: "High-velocity disbursement fabrics optimized for sub-millisecond M2M settlement.", icon: Waves, color: "emerald", img: "https://images.unsplash.com/photo-1614850523296-d8c1af93d400?q=80&w=2570&auto=format&fit=crop" },
+  { id: 4, title: "Sovereign ID", desc: "Encapsulated identity vault utilizing RSA-OAEP-4096 and rotating high-entropy seeds.", icon: Lock, color: "rose", img: "https://images.unsplash.com/photo-1558494949-ef010cbdcc51?q=80&w=2546&auto=format&fit=crop" },
+  { id: 5, title: "Forge Foundry", desc: "Synthesis of high-fidelity digital relics from transaction heat-maps and block-states.", icon: Hammer, color: "amber", img: "https://images.unsplash.com/photo-1639322537228-f710d846310a?q=80&w=2560&auto=format&fit=crop" },
+  { id: 2, title: "Edge Routing", desc: "Global distribution node Map with proximity-optimized gateway handshakes.", icon: Globe, color: "cyan", img: "https://images.unsplash.com/photo-1484417894907-623942c8ee29?q=80&w=2832&auto=format&fit=crop" }
+];
 
 const Landing: React.FC = () => {
   const navigate = useNavigate();
-  const [isVoiceOpen, setIsVoiceOpen] = useState(false);
-  const [voiceInput, setVoiceInput] = useState('');
-  const [isProcessing, setIsProcessing] = useState(false);
   const [isDemoLoading, setIsDemoLoading] = useState(false);
-  const [voiceStatus, setVoiceStatus] = useState('Standby for Neural Input...');
+  const [scrollY, setScrollY] = useState(0);
+  
+  // Feature Shuffle State
+  const [activeFeatureIndex, setActiveFeatureIndex] = useState(0);
+
+  useEffect(() => {
+    const handleScroll = () => setScrollY(window.scrollY);
+    window.addEventListener('scroll', handleScroll);
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, []);
 
   const handleDemoAccess = async () => {
     if (isDemoLoading) return;
@@ -35,147 +40,332 @@ const Landing: React.FC = () => {
       const { success } = await apiClient.auth.login('alex', 'password123');
       if (success) {
         window.dispatchEvent(new Event('auth-update'));
-        navigate('/');
+        navigate('/overview');
       }
     } catch (err) {
-      console.error("Demo handshake failed", err);
+      console.error("Handshake failed.");
     } finally {
       setIsDemoLoading(false);
     }
   };
 
-  const handleVoiceAction = async () => {
-    if (!voiceInput.trim()) return;
-    setIsProcessing(true);
-    setVoiceStatus('Synchronizing Subspace Signals...');
-    
-    const result = await processVoiceCommand(voiceInput);
-    
-    if (result.action === 'SEND_MONEY') {
-      const localPayments = JSON.parse(localStorage.getItem('lumina_payments') || '[]');
-      const newPayment = {
-        transactionId: `TX-${Math.floor(1000 + Math.random() * 9000)}`,
-        baseCurrencyTransactionAmount: -result.amount,
-        transactionDescription: `VOICE_AUTHORIZED: ${result.recipient.toUpperCase()}`,
-        transactionType: 'Outgoing',
-        transactionStatus: 'Completed',
-        transactionDateTime: new Date().toISOString(),
-        transactionReferenceNumber: `REF-${Math.floor(1000 + Math.random() * 9000)}`,
-        category: result.category,
-        recipient: result.recipient,
-        amount: result.amount
-      };
-      localStorage.setItem('lumina_payments', JSON.stringify([newPayment, ...localPayments]));
-      setVoiceStatus(result.narration);
-      await speakText(result.narration);
-      setTimeout(() => {
-        setIsVoiceOpen(false);
-        setVoiceInput('');
-        setVoiceStatus('Standby for Neural Input...');
-        navigate('/payments'); 
-      }, 3000);
-    } else {
-      setVoiceStatus(result.narration);
-      await speakText(result.narration);
-    }
-    setIsProcessing(false);
-  };
+  const nextFeature = () => setActiveFeatureIndex(p => (p + 1) % FEATURE_CARDS.length);
+  const prevFeature = () => setActiveFeatureIndex(p => (p - 1 + FEATURE_CARDS.length) % FEATURE_CARDS.length);
 
   return (
-    <div className="min-h-screen bg-[#020202] text-white font-sans overflow-x-hidden relative selection:bg-blue-500/30 selection:text-blue-200">
-      <div className="fixed inset-0 z-0 pointer-events-none opacity-20">
-        <div className="absolute top-0 left-0 w-full h-full bg-[radial-gradient(circle_at_50%_50%,_#1e1b4b_0%,_transparent_70%)]"></div>
-        <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808012_1px,transparent_1px),linear-gradient(to_bottom,#80808012_1px,transparent_1px)] bg-[size:60px_60px]"></div>
+    <div className="min-h-screen bg-[#020202] text-white font-sans overflow-x-hidden relative selection:bg-blue-600/30 selection:text-white">
+      {/* Dynamic Backgrounds */}
+      <div className="fixed inset-0 z-0 pointer-events-none">
+        <div className="absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,_#1e1b4b_0%,_transparent_60%)] opacity-40"></div>
+        <div className="absolute inset-0 bg-[linear-gradient(to_right,#80808008_1px,transparent_1px),linear-gradient(to_bottom,#80808008_1px,transparent_1px)] bg-[size:60px_60px]"></div>
       </div>
 
-      <nav className="fixed top-0 left-0 w-full z-[100] px-10 py-6 flex justify-between items-center backdrop-blur-md bg-black/10 border-b border-white/5">
-        <div className="flex items-center gap-4">
-          <div className="w-10 h-10 bg-white rounded-xl flex items-center justify-center">
-            <Cpu size={20} className="text-black" />
+      {/* FORTUNE 1200 MEGA HEADER */}
+      <nav className={`fixed top-0 left-0 w-full z-[100] px-10 py-8 flex justify-between items-center transition-all duration-700 ${scrollY > 50 ? 'backdrop-blur-3xl bg-black/80 border-b border-white/5 py-6' : 'bg-transparent'}`}>
+        <div className="flex items-center gap-12">
+          <div className="flex items-center gap-6 group cursor-pointer" onClick={() => window.scrollTo({top: 0, behavior: 'smooth'})}>
+            <div className="w-14 h-14 bg-white rounded-[1.8rem] flex items-center justify-center group-hover:rotate-12 transition-transform duration-700 shadow-2xl border-2 border-zinc-900">
+              <Cpu size={32} className="text-black" />
+            </div>
+            <div>
+              <h1 className="text-2xl font-black italic tracking-tighter text-white uppercase leading-none">AIBanking<span className="text-blue-500 not-italic">.dev</span></h1>
+              <p className="text-[10px] uppercase tracking-[0.8em] font-black text-zinc-600 mt-1.5">Consensus Registry</p>
+            </div>
           </div>
-          <div>
-            <h1 className="text-sm font-black italic tracking-tighter text-white uppercase leading-none">Lumina <span className="text-blue-500 not-italic">Quantum</span></h1>
-            <p className="text-[8px] uppercase tracking-[0.4em] font-bold text-zinc-600">Institutional Ledger</p>
+
+          <div className="hidden xl:flex items-center gap-10">
+            <div className="group relative py-4">
+               <button className="text-[11px] font-black uppercase tracking-[0.4em] text-zinc-400 group-hover:text-white transition-colors flex items-center gap-2">Protocol Tiers <ChevronDown size={10} /></button>
+               <div className="absolute top-full left-0 w-[700px] bg-zinc-950 border border-zinc-900 rounded-[3.5rem] p-12 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:translate-y-2 transition-all shadow-[0_40px_80px_rgba(0,0,0,0.8)] grid grid-cols-2 gap-10">
+                  <MegaLink icon={Zap} title="Enterprise Core" desc="Authenticated via paid Google API nodes. 100% SLA." />
+                  <MegaLink icon={Globe} title="Regular Mesh" desc="Public access tier for regional node exploration." />
+                  <MegaLink icon={Code} title="SDK Import" desc="NPM-ready modules for M2M treasury automation." />
+                  <MegaLink icon={ShieldCheck} title="Compliance Hub" desc="FDX v6.5 verified long-term archival registry." />
+               </div>
+            </div>
+            <div className="group relative py-4">
+               <button className="text-[11px] font-black uppercase tracking-[0.4em] text-zinc-400 group-hover:text-white transition-colors flex items-center gap-2">Resources <ChevronDown size={10} /></button>
+               <div className="absolute top-full left-0 w-[500px] bg-zinc-950 border border-zinc-900 rounded-[3rem] p-10 opacity-0 pointer-events-none group-hover:opacity-100 group-hover:translate-y-2 transition-all shadow-2xl space-y-6">
+                  <MegaLink icon={FileText} title="Whitepaper Genesis" desc="The mathematical proof of neural banking." />
+                  <MegaLink icon={Fingerprint} title="Security Manifesto" desc="Zero-persistence shredding protocol v1.2." />
+               </div>
+            </div>
+            <a href="#developers" className="text-[11px] font-black uppercase tracking-[0.4em] text-zinc-400 hover:text-white transition-colors">Developer Core</a>
           </div>
         </div>
-        <div className="hidden md:flex items-center gap-10">
-          <button onClick={handleDemoAccess} className="px-6 py-3 bg-blue-600 text-white rounded-full font-black text-[9px] uppercase tracking-widest hover:bg-blue-500 transition-all flex items-center gap-2">
-            {isDemoLoading ? <Loader2 size={12} className="animate-spin" /> : <Sparkles size={12} />}
-            Test Drive
+
+        <div className="flex items-center gap-10">
+          <button onClick={() => navigate('/documentation')} className="hidden md:block text-[11px] font-black uppercase tracking-[0.4em] text-zinc-500 hover:text-white transition-colors">Manual Registry</button>
+          <button onClick={handleDemoAccess} className="px-12 py-5 bg-blue-600 text-white rounded-full font-black text-[11px] uppercase tracking-[0.5em] hover:bg-blue-500 transition-all flex items-center gap-4 shadow-[0_0_40px_rgba(37,99,235,0.4)] group">
+            {isDemoLoading ? <Loader2 size={16} className="animate-spin" /> : <Sparkles size={16} className="group-hover:scale-125 transition-transform" />}
+            Initialize Handshake
           </button>
-          <button onClick={() => navigate('/login')} className="px-8 py-3 bg-white text-black rounded-full font-black text-[9px] uppercase tracking-widest hover:bg-zinc-200 transition-all shadow-xl">Terminal</button>
         </div>
       </nav>
 
-      <section className="relative z-10 min-h-screen flex flex-col justify-center items-center max-w-7xl mx-auto px-10 pt-32 pb-20 text-center">
-        <div className="inline-flex items-center gap-3 px-6 py-2 bg-blue-500/10 border border-blue-500/20 rounded-full animate-in zoom-in-95 duration-700 mb-10">
-          <Sparkles size={14} className="text-blue-500" />
-          <span className="text-[10px] font-black uppercase tracking-[0.4em] text-blue-500">Node Architecture Verified • v6.2.0</span>
+      {/* HERO HERO SECTION */}
+      <section className="relative z-10 min-h-screen flex flex-col justify-center items-center px-10 pt-40 pb-20 text-center overflow-hidden">
+        <div className="absolute inset-0 z-0 opacity-30">
+           <img src="https://images.unsplash.com/photo-1639322537228-f710d846310a?q=80&w=2832&auto=format&fit=crop" className="w-full h-full object-cover blur-[140px] scale-110" alt="Liquid Space" />
         </div>
-        <h1 className="text-[8rem] lg:text-[11rem] font-black italic tracking-tighter uppercase leading-[0.75] mb-10">Quantum <br /><span className="text-blue-600 not-italic">Ledger</span></h1>
-        <p className="text-zinc-500 text-xl lg:text-2xl font-medium italic max-w-2xl mx-auto mb-10">"The definitive interface for high-velocity institutional assets. Route neural signals through the mesh with zero-latency parity."</p>
-        <div className="flex flex-wrap justify-center gap-8 pt-8">
-          <button onClick={handleDemoAccess} className="px-12 py-7 bg-white text-black rounded-[2.5rem] font-black text-xs uppercase tracking-[0.5em] flex items-center gap-6 hover:bg-blue-500 hover:text-white transition-all shadow-[0_30px_60px_rgba(255,255,255,0.1)] group">
-            {isDemoLoading ? <Loader2 size={20} className="animate-spin" /> : <span>Start Test Drive</span>}
-            <ArrowRight size={20} className="group-hover:translate-x-3 transition-transform" />
-          </button>
-          <button onClick={() => setIsVoiceOpen(true)} className="px-12 py-7 bg-zinc-950 border border-zinc-800 text-white rounded-[2.5rem] font-black text-xs uppercase tracking-[0.5em] flex items-center gap-6 hover:border-blue-500 transition-all shadow-2xl group">
-            <Mic size={20} className="text-blue-500" />
-            Neural Command
-          </button>
+
+        <div className="relative z-10 space-y-16">
+          <div className="inline-flex items-center gap-4 px-10 py-4 bg-blue-600/10 border border-blue-600/20 rounded-full animate-in zoom-in-95 duration-1000 relative overflow-hidden group">
+            <div className="absolute inset-0 bg-gradient-to-r from-transparent via-white/5 to-transparent animate-[shimmer_2s_infinite]"></div>
+            <Activity size={18} className="text-blue-500" />
+            <span className="text-[12px] font-black uppercase tracking-[0.8em] text-blue-500">Subspace_Handshake_Stabilized</span>
+          </div>
+
+          <h1 className="text-[10rem] lg:text-[16rem] font-black italic tracking-tighter uppercase leading-[0.7] mb-12 drop-shadow-2xl">
+            Global <br /><span className="text-blue-600 not-italic decoration-blue-900/40 underline-offset-[40px] underline decoration-[30px]">Standard</span>
+          </h1>
+
+          <p className="text-zinc-500 text-3xl lg:text-4xl font-bold italic max-w-6xl mx-auto mb-16 leading-relaxed">
+            "The definitive interface for <span className="text-white">high-velocity institutional assets</span>. Route neural signals through the mesh with absolute parity."
+          </p>
+
+          <div className="flex flex-wrap justify-center gap-12 pt-10">
+            <button 
+              onClick={handleDemoAccess} 
+              className="px-20 py-10 bg-white text-black rounded-[3rem] font-black text-sm uppercase tracking-[0.8em] flex items-center gap-10 hover:bg-blue-600 hover:text-white transition-all shadow-[0_50px_100px_rgba(255,255,255,0.1)] group active:scale-95"
+            >
+              {isDemoLoading ? <Loader2 size={32} className="animate-spin" /> : <span>Start Session</span>}
+              <ArrowRight size={32} className="group-hover:translate-x-6 transition-transform duration-700" />
+            </button>
+            <button className="px-20 py-10 bg-zinc-950 border-2 border-zinc-900 text-white rounded-[3rem] font-black text-sm uppercase tracking-[0.8em] flex items-center gap-10 hover:border-blue-600 transition-all shadow-2xl group active:scale-95">
+              <Database size={32} className="text-blue-500" />
+              Whitepaper Genesis
+            </button>
+          </div>
         </div>
-        <div className="mt-20 animate-bounce opacity-20"><ChevronDown size={32} /></div>
+        <div className="mt-40 animate-bounce opacity-20"><ChevronDown size={64} /></div>
       </section>
 
-      <NexusNode />
-      <IntelligenceAlpha />
-      <SystemFabric />
-      <RegistryVault />
-      <PrivacyManifesto />
-      <AssetFoundry />
-      <QuantumCompute />
-      <LiquidityMesh />
-      <EncryptionProtocol />
-      <OracleAuthority />
-
-      <footer className="relative z-10 py-40 max-w-7xl mx-auto px-10 text-center space-y-24">
-         <div className="pt-20 border-t border-white/5 space-y-12">
-            <div className="flex justify-center gap-16 opacity-30 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-700">
-               <ShieldCheck size={48} /><Globe size={48} /><Activity size={48} /><Zap size={48} />
+      {/* ENDLESS TINDER SHUFFLE SECTION */}
+      <section className="relative z-10 py-60 px-10 bg-zinc-950/20">
+         <div className="max-w-[1400px] mx-auto grid grid-cols-1 lg:grid-cols-2 gap-32 items-center">
+            <div className="space-y-16">
+               <div className="space-y-6">
+                  <h3 className="text-blue-500 font-black text-xs uppercase tracking-[0.8em]">Deep Feature Stack</h3>
+                  <h2 className="text-8xl lg:text-[10rem] font-black italic text-white tracking-tighter uppercase leading-[0.85]">Endless <br /> <span className="text-blue-600 not-italic">Optimization</span></h2>
+               </div>
+               <p className="text-zinc-500 text-2xl font-bold leading-relaxed italic max-w-2xl">
+                 "Our architectural layers are infinite. Swipe through the core protocols that define the future of sovereign digital wealth management."
+               </p>
+               <div className="flex gap-8">
+                  <button onClick={prevFeature} className="p-8 bg-zinc-900 border border-zinc-800 rounded-3xl hover:bg-zinc-800 text-zinc-500 hover:text-white transition-all"><ChevronLeft size={32} /></button>
+                  <button onClick={nextFeature} className="p-8 bg-zinc-900 border border-zinc-800 rounded-3xl hover:bg-zinc-800 text-zinc-500 hover:text-white transition-all"><ChevronRight size={32} /></button>
+               </div>
+            </div>
+
+            <div className="relative h-[800px] flex items-center justify-center">
+               {FEATURE_CARDS.map((card, i) => {
+                 const isActive = activeFeatureIndex === i;
+                 const isPrev = (activeFeatureIndex - 1 + FEATURE_CARDS.length) % FEATURE_CARDS.length === i;
+                 const isNext = (activeFeatureIndex + 1) % FEATURE_CARDS.length === i;
+                 
+                 let offset = 0;
+                 let opacity = 0;
+                 let scale = 0.8;
+                 let rotate = 0;
+                 let zIndex = 0;
+
+                 if (isActive) { offset = 0; opacity = 1; scale = 1; rotate = 0; zIndex = 50; }
+                 else if (isNext) { offset = 60; opacity = 0.4; scale = 0.9; rotate = 5; zIndex = 40; }
+                 else if (isPrev) { offset = -60; opacity = 0; scale = 0.9; rotate = -5; zIndex = 30; }
+                 else { opacity = 0; offset = 100; scale = 0.7; zIndex = 0; }
+
+                 return (
+                   <div 
+                     key={card.id}
+                     className="absolute inset-0 transition-all duration-1000 ease-[cubic-bezier(0.23,1,0.32,1)]"
+                     style={{ 
+                       transform: `translateX(${offset}px) scale(${scale}) rotate(${rotate}deg)`,
+                       opacity,
+                       zIndex
+                     }}
+                   >
+                     <div className="w-full h-full bg-zinc-950 border border-zinc-900 rounded-[5rem] overflow-hidden shadow-[0_100px_200px_rgba(0,0,0,0.8)] relative group">
+                        <img src={card.img} className="absolute inset-0 w-full h-full object-cover opacity-40 group-hover:opacity-60 group-hover:scale-110 transition-all duration-[3s]" alt={card.title} />
+                        <div className="absolute inset-0 bg-gradient-to-t from-black via-black/20 to-transparent"></div>
+                        <div className="absolute bottom-16 left-16 right-16 space-y-8">
+                           <div className={`w-20 h-20 bg-${card.color}-600/20 text-${card.color}-500 rounded-[2rem] flex items-center justify-center border border-${card.color}-500/30 shadow-2xl backdrop-blur-xl`}>
+                              <card.icon size={40} />
+                           </div>
+                           <div className="space-y-4">
+                              <h4 className="text-6xl font-black italic uppercase tracking-tighter text-white leading-none">{card.title}</h4>
+                              <p className="text-zinc-400 text-xl font-bold leading-relaxed italic pr-10">"{card.desc}"</p>
+                           </div>
+                           <button className="flex items-center gap-4 text-[11px] font-black uppercase tracking-[0.5em] text-blue-500 hover:text-white transition-colors group/link">
+                              Deploy Protocol <ArrowRight size={16} className="group-hover/link:translate-x-3 transition-transform" />
+                           </button>
+                        </div>
+                     </div>
+                   </div>
+                 );
+               })}
             </div>
-            <p className="text-[9px] font-black uppercase tracking-[1em] text-zinc-800">Lumina Quantum Systems • Citibank Demo Business Inc • 527 Org Protocol • 2025</p>
          </div>
-      </footer>
+      </section>
 
-      {isVoiceOpen && (
-        <div className="fixed inset-0 z-[200] flex items-center justify-center p-6 backdrop-blur-xl bg-black/90">
-           <div className="bg-zinc-950 border border-zinc-900 w-full max-w-2xl rounded-[4rem] p-16 shadow-2xl animate-in zoom-in-95 relative overflow-hidden">
-              <div className="relative z-10 space-y-12">
-                 <div className="flex justify-between items-start">
-                    <div className="flex items-center gap-6">
-                       <div className={`p-5 rounded-3xl ${isProcessing ? 'bg-blue-600 animate-pulse' : 'bg-blue-600/10'} text-blue-500 border border-blue-500/20 shadow-2xl shadow-blue-500/5`}>
-                          <Mic size={32} />
-                       </div>
-                       <div>
-                          <h3 className="text-2xl font-black text-white italic tracking-tighter uppercase">Neural <span className="text-blue-500 not-italic">Command</span></h3>
-                          <p className="text-[10px] text-zinc-500 font-black uppercase tracking-widest mt-2">Natural Language Treasury Interface</p>
-                       </div>
-                    </div>
-                    <button onClick={() => setIsVoiceOpen(false)} className="p-4 text-zinc-600 hover:text-white transition-colors bg-zinc-900 rounded-2xl"><X size={24} /></button>
-                 </div>
-                 <div className="space-y-6">
-                    <textarea value={voiceInput} onChange={(e) => setVoiceInput(e.target.value)} placeholder="e.g. Send $2,500 to AWS..." className="w-full bg-black border-2 border-zinc-900 focus:border-blue-500/50 rounded-[2.5rem] p-10 text-white text-xl font-bold leading-relaxed tracking-tight h-48 outline-none transition-all resize-none placeholder:text-zinc-800" />
-                    <div className="flex items-center justify-between px-2">
-                       <div className="flex items-center gap-3"><div className={`w-2 h-2 rounded-full ${isProcessing ? 'bg-blue-500 animate-ping' : 'bg-emerald-500'}`}></div><span className="text-[10px] font-black text-zinc-500 uppercase tracking-widest">{voiceStatus}</span></div>
-                       <button onClick={handleVoiceAction} disabled={isProcessing || !voiceInput.trim()} className="px-10 py-5 bg-blue-600 hover:bg-blue-500 disabled:bg-zinc-900 disabled:text-zinc-700 text-white rounded-[2rem] font-black text-[10px] uppercase tracking-widest transition-all shadow-xl shadow-blue-900/40 flex items-center gap-4">{isProcessing ? <Loader2 className="animate-spin" size={20} /> : <Zap size={20} />}Execute Signal</button>
-                    </div>
+      {/* DEVELOPER CORE SECTION (REGULAR API) */}
+      <section id="developers" className="relative z-10 py-60 px-10 border-y border-white/5 bg-black">
+         <div className="max-w-7xl mx-auto grid grid-cols-1 lg:grid-cols-2 gap-40 items-center">
+            <div className="space-y-16">
+               <div className="space-y-6">
+                  <h3 className="text-emerald-500 font-black text-xs uppercase tracking-[0.8em]">Open Source Registry</h3>
+                  <h2 className="text-8xl lg:text-[10rem] font-black italic text-white tracking-tighter uppercase leading-[0.85]">The Free <br /> <span className="text-emerald-500 not-italic">Import</span></h2>
+               </div>
+               <p className="text-zinc-500 text-2xl font-bold leading-relaxed italic">
+                 "Our Regular Tier API is accessible to any verified node globally. Initialize your treasury mesh with a single command line. Zero friction, total parity."
+               </p>
+               <div className="grid grid-cols-2 gap-10">
+                  <div className="space-y-3">
+                     <p className="text-[10px] font-black text-emerald-500 uppercase tracking-widest">Rate Limit</p>
+                     <p className="text-xl font-black italic uppercase text-white">100 Req / Sec</p>
+                  </div>
+                  <div className="space-y-3">
+                     <p className="text-[10px] font-black text-emerald-500 uppercase tracking-widest">Latency Hub</p>
+                     <p className="text-xl font-black italic uppercase text-white">Global Nodes</p>
+                  </div>
+               </div>
+            </div>
+
+            <div className="bg-zinc-950 border border-zinc-900 rounded-[4rem] p-12 shadow-2xl relative overflow-hidden group">
+               <div className="absolute top-0 right-0 p-10 opacity-5">
+                  <Code size={120} className="text-emerald-500" />
+               </div>
+               <div className="flex items-center gap-6 mb-12">
+                  <div className="w-4 h-4 bg-emerald-500 rounded-full animate-pulse shadow-[0_0_12px_#10b981]"></div>
+                  <span className="text-[11px] font-black uppercase text-zinc-500 tracking-[0.5em]">Terminal Instance Active</span>
+               </div>
+               <div className="bg-black/80 rounded-[2.5rem] border border-zinc-900 p-10 font-mono text-sm space-y-6">
+                  <p className="text-zinc-600 italic">// Initialize Lumina Regular Mesh</p>
+                  <p className="text-emerald-500">npm install @aibanking/core</p>
+                  <div className="text-zinc-400 space-y-2">
+                     <p><span className="text-blue-500">import</span> &#123; <span className="text-amber-500">LuminaNode</span> &#125; <span className="text-blue-500">from</span> <span className="text-emerald-400">'@aibanking/core'</span>;</p>
+                     <p><span className="text-zinc-500 italic">// Establish regular node handshake</span></p>
+                     <p><span className="text-blue-500">const</span> node = <span className="text-blue-500">await</span> <span className="text-amber-500">LuminaNode</span>.<span className="text-white">initialize</span>(&#123;</p>
+                     <p className="pl-6">tier: <span className="text-emerald-400">'regular'</span>,</p>
+                     <p className="pl-6">region: <span className="text-emerald-400">'US-EAST'</span></p>
+                     <p>&#125;);</p>
+                  </div>
+                  <button className="flex items-center gap-3 text-zinc-500 hover:text-white transition-colors group/copy">
+                     <Smartphone size={16} />
+                     <span className="text-[10px] font-black uppercase tracking-widest">Copy Connection String</span>
+                  </button>
+               </div>
+            </div>
+         </div>
+      </section>
+
+      {/* MASSIVE CONTENT SLAM SECTIONS */}
+      <section className="relative z-10 py-60 px-10 border-t border-white/5">
+        <div className="max-w-7xl mx-auto space-y-40">
+           <div className="grid grid-cols-1 lg:grid-cols-2 gap-40 items-center">
+              <div className="relative aspect-square rounded-[6rem] overflow-hidden shadow-2xl border border-zinc-900 group">
+                 <img src="https://images.unsplash.com/photo-1639762681485-074b7f938ba0?q=80&w=2832&auto=format&fit=crop" className="w-full h-full object-cover opacity-50 group-hover:opacity-100 group-hover:scale-110 transition-all duration-[3s]" alt="Neural Fabric" />
+              </div>
+              <div className="space-y-10">
+                 <h2 className="text-8xl font-black italic text-white uppercase tracking-tighter leading-[0.9]">The Neural <br /> <span className="text-blue-500">Subspace</span></h2>
+                 <p className="text-zinc-500 text-2xl font-bold italic leading-relaxed">
+                    "Interconnecting 80+ financial protocols through a singular, high-entropy neural gateway. We don't just route; we synthesize consensus."
+                 </p>
+                 <div className="grid grid-cols-2 gap-8">
+                    <HeritageCard icon={GitPullRequest} title="Requests" val="1.4M / sec" />
+                    <HeritageCard icon={Box} title="Parity Blocks" val="Synced" />
                  </div>
               </div>
            </div>
         </div>
-      )}
+      </section>
+
+      {/* JAM-PACKED FAT FOOTER */}
+      <footer className="relative z-10 bg-black pt-80 pb-40 px-10 border-t border-zinc-900">
+         <div className="max-w-[1600px] mx-auto">
+            <div className="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-20 mb-60">
+               <div className="col-span-2 space-y-12">
+                  <div className="flex items-center gap-6">
+                    <div className="w-16 h-16 bg-white rounded-3xl flex items-center justify-center border-4 border-zinc-900 shadow-2xl">
+                      <Cpu size={40} className="text-black" />
+                    </div>
+                    <h2 className="text-4xl font-black italic tracking-tighter uppercase leading-none">AIBanking<span className="text-blue-500 not-italic">.dev</span></h2>
+                  </div>
+                  <p className="text-zinc-500 text-xl font-bold italic leading-relaxed max-w-md">
+                    "The undisputed leader in neural treasury automation and institutional mesh fabrics. Building the future of sovereign digital assets."
+                  </p>
+                  <div className="flex gap-8">
+                     <SocialIcon icon={Globe} /><SocialIcon icon={Shield} /><SocialIcon icon={Zap} /><SocialIcon icon={MessageSquare} />
+                  </div>
+               </div>
+               
+               <FooterColumn title="Protocols" links={['FDX v6.5 Registry', 'RSA-OAEP-4096', 'Subspace Handshake', 'M2M Consensus', 'SHA-256 Shredding', 'Neural Entanglement', 'Zero-Knowledge Vaults', 'Layer 2 Settlement', 'Cross-Node Parity', 'Entropy Rotation']} />
+               <FooterColumn title="Intelligence" links={['Lumina Oracle', 'Predictive Alpha', 'Drift Detection', 'Machine Sentiment', 'HFT Neural Pathing', 'Simulation Core', 'Risk Analysis v4', 'Treasury Logic', 'Sentiment Polling', 'Market Biasing']} />
+               <FooterColumn title="Network" links={['Global Node Map', 'US-EAST Cluster', 'EU-WEST Parity', 'APAC Dispersal', 'Latency Hubs', 'Bare Metal Clusters', 'Sub-millisecond Routing', 'Edge Distribution', 'Sub-Space Tunneling', 'Node Health Polling']} />
+               <FooterColumn title="Institutional" links={['Vault Registry', 'Disbursements', 'Collections', 'Registry Settlement', 'Partner CRM', 'KYC Handshake', 'Compliance Node', 'Audit Trail Genesis', 'Asset Custody', 'Corporate Ledger']} />
+            </div>
+
+            <div className="pt-20 border-t border-zinc-900 flex flex-col md:flex-row justify-between items-center gap-12">
+               <div className="flex flex-wrap justify-center md:justify-start gap-12">
+                  <FooterPolicyLink to="/manifesto" label="Honest Manifesto" />
+                  <FooterPolicyLink to="/documentation" label="System Manual" />
+                  <FooterPolicyLink to="/documentation" label="API Registry" />
+                  <FooterPolicyLink to="/airdrop" label="Genesis Airdrop" />
+                  <FooterPolicyLink to="/documentation" label="Cookie Protocol" />
+                  <FooterPolicyLink to="/documentation" label="SLA Standard" />
+               </div>
+               <p className="text-[11px] font-black uppercase tracking-[1em] text-zinc-800">Verified 2025 • Citibank Demo Business Inc • aibanking.dev Protocol</p>
+            </div>
+         </div>
+      </footer>
     </div>
   );
 };
 
-export default Landing;
+const MegaLink = ({ icon: Icon, title, desc }: any) => (
+  <div className="group/mega flex gap-8 cursor-pointer hover:translate-x-2 transition-transform">
+     <div className="p-5 bg-zinc-900 rounded-[2rem] text-zinc-600 group-hover/mega:text-blue-500 transition-colors border border-zinc-800 shadow-xl group-hover/mega:border-blue-500/20">
+        <Icon size={32} />
+     </div>
+     <div>
+        <h4 className="text-base font-black text-white uppercase italic tracking-widest mb-1">{title}</h4>
+        <p className="text-xs text-zinc-500 font-bold leading-relaxed">{desc}</p>
+     </div>
+  </div>
+);
+
+const HeritageCard = ({ icon: Icon, title, val }: any) => (
+  <div className="p-10 bg-zinc-900/30 border border-zinc-800 rounded-[3rem] hover:border-blue-500/20 transition-all shadow-xl group">
+     <Icon size={36} className="text-blue-500 mb-8 group-hover:scale-110 transition-transform" />
+     <p className="text-[11px] font-black text-zinc-600 uppercase tracking-widest mb-2">{title}</p>
+     <p className="text-3xl font-black italic uppercase tracking-tighter text-white leading-none">{val}</p>
+  </div>
+);
+
+const FooterColumn = ({ title, links }: any) => (
+  <div className="space-y-12">
+     <h4 className="text-[12px] font-black uppercase tracking-[0.6em] text-white italic">{title}</h4>
+     <ul className="space-y-6">
+        {links.map((link: string, i: number) => (
+          <li key={i}>
+            <a href="#" className="text-[10px] font-bold text-zinc-600 hover:text-blue-400 transition-colors uppercase tracking-widest">{link}</a>
+          </li>
+        ))}
+     </ul>
+  </div>
+);
+
+const SocialIcon = ({ icon: Icon }: any) => (
+  <div className="p-6 bg-zinc-900 border border-zinc-800 rounded-3xl text-zinc-500 hover:text-white hover:border-blue-500 transition-all cursor-pointer shadow-xl">
+    <Icon size={32} />
+  </div>
+);
+
+const FooterPolicyLink = ({ to, label }: any) => {
+  const navigate = useNavigate();
+  return (
+    <button onClick={() => navigate(to)} className="text-[10px] font-black uppercase tracking-[0.4em] text-zinc-600 hover:text-white transition-colors">{label}</button>
+  );
+};
+
+export default Landing;

views/Simulation.tsx

@@ -1,8 +1,9 @@
 
 import React, { useState } from 'react';
 import { Play, Sparkles, AlertCircle, CheckCircle2, ChevronRight, Loader2 } from 'lucide-react';
-import { runSimulationForecast } from '../services/geminiService.ts';
-import { SimulationResult } from '../types/index.ts';
+// fix: removed .ts extension from imports to follow project pattern and resolved missing member error
+import { runSimulationForecast } from '../services/geminiService';
+import { SimulationResult } from '../types/index';
 
 const ScenarioButton = ({ label, description, onClick }: any) => (
   <button 

views/routes.ts

@@ -1,4 +1,3 @@
-
 import React from 'react';
 import { 
   LayoutDashboard, 
@@ -29,29 +28,29 @@ import {
   Radio
 } from 'lucide-react';
 
-import Overview from './Overview.tsx';
-import InternalAccounts from './InternalAccounts.tsx';
-import Counterparties from './Counterparties.tsx';
-import Connectivity from './Connectivity.tsx';
-import Documents from './Documents.tsx';
-import Simulation from './Simulation.tsx';
-import DCRManagement from './DCRManagement.tsx';
-import Payments from './Payments.tsx';
-import Cards from './Cards.tsx';
-import AnalyticsReport from './AnalyticsReport.tsx';
-import Sustainability from './Sustainability.tsx';
-import Advisor from './Advisor.tsx';
-import Settings from './Settings.tsx';
-import LineItems from './LineItems.tsx';
-import VirtualAccounts from './VirtualAccounts.tsx';
-import Flows from './Flows.tsx';
-import Validations from './Validations.tsx';
-import CryptoTerminal from './CryptoTerminal.tsx';
-import CryptView from './CryptView.tsx';
-import PrivacyPolicy from './PrivacyPolicy.tsx';
-import Documentation from './Documentation.tsx';
-import Airdrop from './Airdrop.tsx';
-import Broadcast from './Broadcast.tsx';
+import Overview from './Overview';
+import InternalAccounts from './InternalAccounts';
+import Counterparties from './Counterparties';
+import Connectivity from './Connectivity';
+import Documents from './Documents';
+import Simulation from './Simulation';
+import DCRManagement from './DCRManagement';
+import Payments from './Payments';
+import Cards from './Cards';
+import AnalyticsReport from './AnalyticsReport';
+import Sustainability from './Sustainability';
+import Advisor from './Advisor';
+import Settings from './Settings';
+import LineItems from './LineItems';
+import VirtualAccounts from './VirtualAccounts';
+import Flows from './Flows';
+import Validations from './Validations';
+import CryptoTerminal from './CryptoTerminal';
+import CryptView from './CryptView';
+import PrivacyPolicy from './PrivacyPolicy';
+import Documentation from './Documentation';
+import Airdrop from './Airdrop';
+import Broadcast from './Broadcast';
 
 export interface RouteConfig {
   path: string;
@@ -63,7 +62,7 @@ export interface RouteConfig {
 }
 
 export const routes: RouteConfig[] = [
-  { path: '/', component: Overview, label: 'Overview', icon: LayoutDashboard, showInSidebar: true, category: 'core' },
+  { path: '/overview', component: Overview, label: 'Overview', icon: LayoutDashboard, showInSidebar: true, category: 'core' },
   { path: '/broadcast', component: Broadcast, label: 'Global Node', icon: Radio, showInSidebar: true, category: 'core' },
   { path: '/registry', component: InternalAccounts, label: 'Bank Registry', icon: Building2, showInSidebar: true, category: 'registry' },
   { path: '/virtual-nodes', component: VirtualAccounts, label: 'Virtual Nodes', icon: Network, showInSidebar: true, category: 'registry' },
@@ -77,16 +76,12 @@ export const routes: RouteConfig[] = [
   { path: '/dcr', component: DCRManagement, label: 'DCR Registry', icon: Key, showInSidebar: true, category: 'intelligence' },
   { path: '/validator', component: Validations, label: 'Registry Validator', icon: ShieldAlert, showInSidebar: true, category: 'intelligence' },
   { path: '/payments', component: Payments, label: 'Disbursements', icon: ArrowLeftRight, showInSidebar: true, category: 'finance' },
-  { path: '/line-items/:type/:id', component: LineItems, label: 'Line Ledger', icon: ListTree, showInSidebar: false, category: 'finance' },
   { path: '/cards', component: Cards, label: 'Elite Cards', icon: CreditCard, showInSidebar: true, category: 'finance' },
   { path: '/analytics', component: AnalyticsReport, label: 'Statements', icon: FileText, showInSidebar: true, category: 'finance' },
   { path: '/sustainability', component: Sustainability, label: 'Carbon Audit', icon: Leaf, showInSidebar: true, category: 'finance' },
   { path: '/advisor', component: Advisor, label: 'AI Terminal', icon: MessageSquare, showInSidebar: true, category: 'intelligence' },
   { path: '/airdrop', component: Airdrop, label: 'jocall3 Airdrop', icon: Gift, showInSidebar: true, category: 'finance' },
-  
-  // New Epic Pages
   { path: '/manifesto', component: PrivacyPolicy, label: 'Privacy Manifesto', icon: FileLock2, showInSidebar: true, category: 'admin' },
   { path: '/documentation', component: Documentation, label: 'Documentation Core', icon: BookOpen, showInSidebar: true, category: 'admin' },
-  
   { path: '/settings', component: Settings, label: 'System Config', icon: SettingsIcon, showInSidebar: false, category: 'admin' },
-];
+];