Each one is a real, working page — hover it, scroll it, open it full screen. The desktop frame on the left is the real 1440px layout scaled to fit; the phone on the right is a true 390px viewport, so what you see is what a phone gets. D and E combine B and C, the two you asked about. None of them loads a 3D library: the current hero spends 254 KB on three.js to draw an empty black rectangle.
A deep navy stage with slow-moving light behind it, and the real products on glass in front. The most "premium studio" of the three, and the one that puts proof — v1.3.0, 267 downloads, 526ms → 19ms — directly in the hero instead of claiming it in words.
Desktop · 1440px
Phone · 390px
A live diagram of the work being done: an order or message arrives, an AI step decides, and the reply, the invoice and the sheet all update. The most unique of the three — nobody else's hero looks like this — and it explains the automation business without a line of copy.
Desktop · 1440px
Phone · 390px
Real CSS 3D — a wall of product screens tilted in perspective, drifting upward, tilting toward the mouse. Closest to the "3D" the current hero was reaching for, but sharp at every resolution and free to load. Light theme, so it stays closest to the site as it is today.
Desktop · 1440px
Phone · 390px
The flow from B, running through the products from C, in real 3D perspective. Work arrives on the left, the AI core decides, and what comes out is not a label — it is the actual product screen, lighting up as each pulse lands. This is the one I would build.
Desktop · 1440px
Phone · 390px
The same two ideas shown in turn instead of merged: slide 1 is how the automation works, slide 2 is what has been shipped. The headline never moves, so nothing jumps; only the visual and one caption change. It pauses when your pointer is over it, and never auto-plays for anyone who has asked their device for reduced motion.
Desktop · 1440px
Phone · 390px