// All landing sections for Graphyti — v2: dual-vertical (robotics + AI film), neon pink // =============== HERO =============== const Hero = ({ onWaitlist }) => { const [time, setTime] = React.useState(new Date()); React.useEffect(() => { const t = setInterval(() => setTime(new Date()), 1000); return () => clearInterval(t); }, []); const ts = time.toISOString().slice(11, 19) + 'Z'; // Cycle the hero clip const clips = [ { src: 'media/city-carousel.mp4', poster: 'media/posters/city-carousel.png', label: 'CITY_CAROUSEL_01' }, { src: 'media/warehouse-liminal.mp4', poster: 'media/posters/warehouse-liminal.png', label: 'WAREHOUSE_LIMINAL_03' }, { src: 'media/arcade-city.mp4', poster: 'media/posters/arcade-city.png', label: 'ARCADE_CITY_07' }]; const [clipIdx, setClipIdx] = React.useState(0); const [muted, setMuted] = React.useState(true); const heroVideoRef = React.useRef(null); React.useEffect(() => { if (heroVideoRef.current) heroVideoRef.current.muted = muted; }, [muted, clipIdx]); return (
{/* Left: copy */}
SYSTEM ONLINE · BUILD 0.5.1

Generate entire 3D worlds
from a single prompt.

Graphyti is a 3D synthetic data sandbox. Build cities, forests, warehouses, harbours — labeled, lit, weather-controlled — to train robotics models and prototype scenes for the next generation of video AI like Veo 3 and Seedance 2.

Watch recovered footage
{/* Right: 9:16 video panel */}
{/* Top bar */}
● GRAPHYTI_ENGINE
{ts}
{/* Video */}
LIVE FEED
); }; // =============== INDUSTRY MARQUEE =============== const Marquee = () => { const items = [ 'AI FILM PRODUCTION', 'VIDEO MODEL PROTOTYPING', 'AUTONOMOUS VEHICLES', 'WORLD MODELS', 'GAME DEVELOPMENT', 'COMPUTER VISION RESEARCH', 'PATROL DRONES', 'URBAN CLEANING ROBOTS', 'MARITIME SURVEILLANCE', 'COMMERCIALS & ADVERTISING']; const row = [...items, ...items]; return (
{row.map((it, i) => ◇ {it} )}
); }; // =============== RECOVERED FOOTAGE GALLERY =============== const RecoveredFootage = () => { const scenes = [ { src: 'media/warehouse-liminal.mp4', poster: 'media/posters/warehouse-liminal.png', label: 'WAREHOUSE_LIMINAL_14', caption: 'INCIDENT 0247 · LOC UNKNOWN', coord: 'LAT —— · LON ——', style: 'LIMINAL SPACE', style2: 'INTERIOR' }, { src: 'media/city-scenes.mp4', poster: 'media/posters/city-scenes.png', label: 'CITY_NIGHT_FF_03', caption: 'TRANSMISSION 0419', coord: 'LAT 1.290° · LON 103.851°', style: 'URBAN NIGHT', style2: 'NEON' }, { src: 'media/horror-forest.mp4', poster: 'media/posters/horror-forest.png', label: 'FOREST_FF_09', caption: '⚠ JUMPSCARES · MAY 03 2002', coord: 'AM 02:17:36', style: 'FOUND FOOTAGE', style2: 'HORROR', warn: true }, { src: 'media/arcade-city.mp4', poster: 'media/posters/arcade-city.png', label: 'ARCADE_CITY_22', caption: 'SIM TIMELINE B-7', coord: 'LAT 35.681° · LON 139.760°', style: 'ARCADE', style2: 'TOON SHADER' }]; return (
01 / SCENES RECOVERED FOOTAGE · BUILT IN GRAPHYTI

Every clip below was generated, lit, and rendered inside Graphyti.

From liminal warehouses to rain-slick neon streets to a haunted forest path — one platform, one prompt at a time. Each scene is a true 3D world you can walk, re-light, and re-shoot from any angle.

{scenes.map((s, i) => )}
⚠ ADVISORY Clip FOREST_FF_09 contains intentional jumpscares — a feature, not a bug. Volume up.
); }; const SceneCard = ({ scene, index }) => { const videoRef = React.useRef(null); const [playing, setPlaying] = React.useState(false); const [muted, setMuted] = React.useState(false); const togglePlay = () => setPlaying((p) => !p); const toggleMute = (e) => { e.stopPropagation(); setMuted((m) => !m); }; React.useEffect(() => { const v = videoRef.current; if (!v) return; v.muted = muted; if (playing) v.play().catch(() => {});else v.pause(); }, [playing, muted]); return (
{playing &&
{scene.style} {scene.style2}
); }; // =============== FEATURED REEL (16:9) =============== const FeaturedReel = () => { const [playing, setPlaying] = React.useState(false); const [muted, setMuted] = React.useState(false); const videoRef = React.useRef(null); React.useEffect(() => { const v = videoRef.current; if (!v) return; v.muted = muted; if (playing) v.play().catch(() => {});else v.pause(); }, [playing, muted]); return ( ); }; // =============== TWO VERTICALS =============== const TwoVerticals = () => { const verticals = [ { tag: 'VERTICAL_01 / AI FILM + VIDEO', title: 'Prototype scenes for video models in minutes.', body: 'Drop in a prompt, walk a real 3D world, capture clean 9:16 reference clips. Hand them to Veo 3, Seedance 2, or Runway as a directorial proxy — control camera, lighting, weather, time of day, even shader style. No re-rolls, no luck.', bullets: [ 'Pre-viz for video model outputs', 'Cinematic 9:16, 16:9, anything', 'Controllable lighting + weather', 'Toon / painterly / photoreal shaders'], tags: ['Veo 3', 'Seedance 2', 'Runway', 'Sora', 'Kling'] }, { tag: 'VERTICAL_02 / ROBOTICS + AV', title: 'Train robots on edge cases that don\'t exist yet.', body: 'Generate the rare, expensive, dangerous scenarios — fallen trees, cluttered alleys, harbour patrols — at city scale. Export RGB, depth, segmentation masks and 2D/3D bounding boxes. Drop straight into any vision pipeline.', bullets: [ 'Auto-labeled datasets (masks + bbox)', 'Any POV — aerial, vehicular, first-person', 'Infinite seeds per scenario', '~80% cheaper than field capture'], tags: ['AVs', 'Cleaning Robots', 'Drones', 'Maritime', 'Smart City'] }]; return (
02 / WHO IT'S FOR TWO INDUSTRIES · ONE ENGINE

One sandbox. Whatever your visual AI needs to learn.

The same procedural core that builds training data for autonomous fleets builds cinematic worlds for the next wave of generative video. Different outputs, same magic underneath.

{verticals.map((v, i) =>
{v.tag}

{v.title}

{v.body}

{v.bullets.map((b, j) =>
+ {b}
)}
{v.tags.map((tag, j) => {tag} )}
)}
); }; // =============== APP PREVIEW =============== const AppPreview = () => { return (
03 / SANDBOX INSIDE THE APP

A no-code 3D sandbox with an AI co-pilot built in.

Prompt the world into existence, then refine it like a director. Capture the viewport, ask for a re-style, approve, generate a video — all in one place.

● GRAPHYTI.APP VIEW · AI ASSISTANT
2050 × 1108
Graphyti app screenshot {/* Annotation pins */}
); }; const Annotation = ({ top, left, label, tip, align = 'right' }) =>
{label}
{tip}
; // =============== YOUTUBE DEMO =============== const Demo = () => { const [playing, setPlaying] = React.useState(false); const videoId = 'JAhphnwPNBY'; return (
04 / WALKTHROUGH SEE IT RUNNING

A guided walkthrough of the engine.

From empty viewport to dataset export, narrated end-to-end.

● PLAYBACK GRAPHYTI_DEMO_REEL.MP4
CH.01 HD
{playing ?