/* global React, ReactDOM */ const { useState, useEffect, useRef, useMemo } = React; // ─── Tweakable defaults ──────────────────────────────────── const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "logoNav": 96, "logoHero": 96, "logoFooter": 56, "heroHeadlineSize": 100, "showTacticalChrome": true, "showTicker": false } /*EDITMODE-END*/; // ─── Tweaks context ──────────────────────────────────────── const TweaksContext = React.createContext({ t: TWEAK_DEFAULTS, setTweak: () => {} }); const useTweakValues = () => React.useContext(TweaksContext).t; // ─── Primitives ──────────────────────────────────────────── function useReveal() { const ref = useRef(null); useEffect(() => { const el = ref.current;if (!el) return; const io = new IntersectionObserver((entries) => { entries.forEach((e) => {if (e.isIntersecting) el.classList.add("in");}); }, { threshold: 0.12 }); io.observe(el); return () => io.disconnect(); }, []); return ref; } function Reveal({ children, delay = 0, as: As = "div", style, className = "" }) { const ref = useReveal(); return ( {children} ); } // Cinematic per-word text reveal. Wraps every text token in a span // with a staggered transition-delay; the parent `.reveal.in` (or `.cine.in`) // flips visibility and the words bloom in with a blur fade. function CineSplit({ children, stagger = 55, baseDelay = 0 }) { const counter = { idx: 0 }; function walk(node, key) { if (typeof node === "string") { return node.split(/(\s+)/).map((tok, i) => { if (/^\s*$/.test(tok)) return tok; const d = baseDelay + counter.idx * stagger; counter.idx++; return ( {tok} ); }); } if (Array.isArray(node)) return node.map((c, i) => walk(c, `${key}-${i}`)); if (React.isValidElement(node)) { const kids = walk(node.props.children, `${key}-c`); return React.cloneElement(node, { key: `n-${key}` }, kids); } return node; } return <>{walk(children, "0")}; } function Mark({ height = 28, color = "var(--ink-0)", invert = false }) { const src = typeof window !== "undefined" && window.__resources && window.__resources.aalilaaMark || "assets/aalilaa-mark.png"; const filter = invert ? "brightness(1)" : "brightness(0)"; return ( AALILAA

AALILAA

); } // ─── Nav ─────────────────────────────────────────────────── function TopNav() { const tw = useTweakValues(); const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 80); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const items = [ ["PLATFORM", "sec-platform"], ["DEMO", "sec-demo"], ["INDIA", "sec-india"], ["TEAM", "sec-team"]]; return ( ); } // ─── 1. Hero — cinematic dark with 3D wireframe globe ───── function Hero() { const tw = useTweakValues(); const Globe = window.WireframeGlobe; return (

{/* 3D mesh globe */} {Globe && } {/* Subtle vignette + scanline + grid for cinematic depth */}

{tw.showTacticalChrome &&

} {tw.showTacticalChrome &&

} {tw.showTacticalChrome && // 01 — Mission} {tw.showTacticalChrome && N 28° 36′ · E 077° 12′} {tw.showTacticalChrome && AAL-OS / v 11.4} {tw.showTacticalChrome && Node · Bengaluru-7}

Sovereign AI · Command & Control

The command and control layer for India's defence ecosystem.

A sovereign AI platform that fuses intelligence, military, civilian, cyber, and satellite signals into one operational picture.

SCROLL

{/* Bottom ticker — off by default, tweakable */} {tw.showTicker &&

{[...Array(2)].map((_, k) => {[ "TACTI-RADAR · ONLINE", "SOFT-OPS · ENGAGED", "STRATEGOS · REASONING", "ENTITY-GRAPH · 3.4M NODES", "ALLIED FEEDS · 11 NATIONS", "ORBITAL ASSETS · 84 NOMINAL", "DOCTRINE LIBRARY · v 11.4", "DECISION CYCLES · 1.4s MEDIAN"]. map((s, i) => ◦ {s} )} )}

}

); } // Slow animated radar/reticle behind the hero function HeroBackdrop() { const [t, setT] = useState(0); useEffect(() => { let raf;const start = performance.now(); const loop = (now) => {setT((now - start) / 1000);raf = requestAnimationFrame(loop);}; raf = requestAnimationFrame(loop); return () => cancelAnimationFrame(raf); }, []); return ( ); } // ─── 2. Problem ─────────────────────────────────────────── function Problem() { return (

// 02 — The Problem Synthesis Doctrine

The Problem

Modern defence does not fail at collection. It fails at synthesis. AALILAA makes that failure structurally impossible.

); } // ─── 3. Manifesto ───────────────────────────────────────── function Manifesto() { return (

// 03 — Manifesto Total Integration

WE CAN SEE WHAT EVEN GOD CAN'T SEE

Every signal source — intelligence, military, civilian, cyber, satellite — fused into one operational picture, with AI surfacing the connections no human team could reach at the same speed or depth.

); } // ─── 4. Platform — 3 rows ───────────────────────────────── function Platform() { const rows = [ { id: "TACTI-RADAR", kicker: "Kinetic situational awareness", desc: "Every sensor on a single live map — air, sea, land, and space. Hostile and friendly tracks reasoned continuously against doctrine.", visual: }, { id: "SOFT-OPS", kicker: "Autonomous cyber operations", desc: "Reconnaissance, defence, and counter-operations executed at machine speed and correlated with kinetic events in real time.", visual: }, { id: "STRATEGOS", kicker: "AI strategic reasoning", desc: "Deep pattern recognition over OSINT, SIGINT, HUMINT, and MASINT. Hypotheses ranked, weighted, and turned into named courses of action.", visual: }]; return (

The Platform

Three systems. One reasoning core

{rows.map((r, i) =>

0{i + 1} / 03 {r.id}

{r.kicker}

{r.desc}

{r.visual}

)}

); } // ─── 5. Demo — YouTube embed ────────────────────────────── function Demo() { const videoId = "hGW1aHz5F5Y"; return (

Live Demo

Multi-domain threat, resolved in seconds.