AI Agent Landing Page with 3D Robot Mascot SaaS

How it moves

A warm grey paper page with thin grid guides and mono labels. Pebbo, a ceramic robot modelled in three.js (pebble body, TV head with orange headphone ears, floating mitten hands, a springy antenna), hovers over a stone pedestal behind everything; its smoked-glass face is a matrix of glowing LED dots. The head and eyes follow the cursor, it blinks, wanders and glances at the auto-typing prompt box, and a click gives > < eyes and a squash. Around it: the prompt box, a short numbered feature list on dotted leaders and a two-line headline in gradient-outlined frames with corner handles. Scrolling eases the camera to a head close-up where five capability tabs advance on a timer and the face shows each tab's icon in blue LEDs with an orange timer bar; then it pulls back, the face turns to ^ ^ eyes and orange cheeks, the robot waves, and a quote carousel with a ghost of the next quote sits beside it above one orange call to action. An announcement bar slides away, the nav is blurred paper and a frosted rail marks the section. Phones get their own lean composition with the robot above the words in every section: no announcement bar, rail, section labels or ghost quote. All copy in one content file, palette and fonts in one theme file, the robot's colours and camera poses at the top of its module.

What you get

• A tested build prompt · 12.7k wordsPaste it into Claude Code, Cursor, Codex or Lovable and it builds the landing page section by section.
• The working projectVite + React. npm install && npm run dev and it runs, no keys or accounts.
• The assets and their promptsEvery image and loop, plus the exact prompts that made them, so you can make your own.